Skip to main content
  1. All Posts/

appsmith

Tools TypeScript

Appsmith is an open-source platform to build, deploy, and maintain internal apps. You can build anything from simple CRUD apps, admin panels, dashboards to custom business apps and complicated multi-step workflows.

<p>
  </a>
</p>

<h3 align="center" dir="auto">
  <a rel="nofollow noopener" target="_blank" id="user-content---get-started----youtube----templates-" class="anchor" aria-hidden="true" href="#--get-started----youtube----templates-"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://app.appsmith.com/signup/">Get Started</a><br /> •<br /> <a rel="nofollow noopener" target="_blank" href="https://www.youtube.com/appsmith">YouTube</a><br /> •<br /> <a rel="nofollow noopener" target="_blank" href="https://www.appsmith.com/templates?utm_source=github&utm_medium=organic&utm_campaign=readme&utm_content=top">Templates</a><br />
</h3>

<h2 dir="auto">
  <a rel="nofollow noopener" target="_blank" id="user-content-build-apps-in-4-steps" class="anchor" aria-hidden="true" href="#build-apps-in-4-steps"></a>Build Apps in 4 Steps
</h2>

<h3 dir="auto">
  <a rel="nofollow noopener" target="_blank" id="user-content-1-build-your-ui" class="anchor" aria-hidden="true" href="#1-build-your-ui"></a>1. Build your UI
</h3>

<p>
  Build your UI with our drag and drop UI builder. Use 45+ pre-built, customizable widgets including tables, charts, lists, modals, forms, and more. <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/dynamic-ui?utm_source=github&utm_medium=organic&utm_campaign=readme">Docs</a>
</p>

<p>
  <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/connecting-to-data-sources?utm_source=github&utm_medium=organic&utm_campaign=readme"></p> 
  
  <p>
    </a>
  </p>
  
  <h3 dir="auto">
    <a rel="nofollow noopener" target="_blank" id="user-content-2-connect-to-your-data" class="anchor" aria-hidden="true" href="#2-connect-to-your-data"></a>2. Connect to your data
  </h3>
  
  <p>
    Connect to your data with our connectors: databases (PostgresQL, MongoDB, Amazon S3, and many more), SaaS providers (like Google Sheets, Airtable, Twilio) or any GraphQL/REST API. <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/connecting-to-data-sources?utm_source=github&utm_medium=organic&utm_campaign=readme">Docs</a>
  </p>
  
  <p>
    <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/connecting-to-data-sources?utm_source=github&utm_medium=organic&utm_campaign=readme"></p> 
    
    <p>
      </a>
    </p>
    
    <h3 dir="auto">
      <a rel="nofollow noopener" target="_blank" id="user-content-3-connect-the-data-to-the-ui" class="anchor" aria-hidden="true" href="#3-connect-the-data-to-the-ui"></a>3. Connect the data to the UI
    </h3>
    
    <p>
      Connect the data to the UI by configuring the components. Where needed, you can use the Javascript IDE to create more advanced features and data transformations &#8211; the sky is the limit! <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database?utm_source=github&utm_medium=organic&utm_campaign=readme">Docs</a>
    </p>
    
    <p>
      <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/connecting-to-data-sources?utm_source=github&utm_medium=organic&utm_campaign=readme"></p> 
      
      <p>
        </a>
      </p>
      
      <h3 dir="auto">
        <a rel="nofollow noopener" target="_blank" id="user-content-4-deploy-your-app" class="anchor" aria-hidden="true" href="#4-deploy-your-app"></a>4. Deploy your app
      </h3>
      
      <p>
        Deploy your app on our free, cloud-hosted version or to any platform of your choice &#8211; Docker, Kubernetes, AWS, DigitalOcean, Heroku, and more. <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/setup?utm_source=github&utm_medium=organic&utm_campaign=readme&utm_content=step4">Docs</a>
      </p>
      
      <p>
        <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/core-concepts/connecting-to-data-sources?utm_source=github&utm_medium=organic&utm_campaign=readme"></p> 
        
        <p>
          </a>
        </p>
        
        <h2 dir="auto">
          <a rel="nofollow noopener" target="_blank" id="user-content-features" class="anchor" aria-hidden="true" href="#features"></a>Features
        </h2>
        
        <p>
          Appsmith makes it easy to create powerful utility applications organized across multiple workspaces. Here are a few notable features of Appsmith. We ship new features, bug fixes, and performance improvements regularly. Read our release notes to stay updated.<br /> 🔥 <strong>UI builder</strong> with a library of <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/reference/widgets?utm_source=github&utm_medium=organic&utm_campaign=readme">45+ widgets</a> such as
        </p>
        
        <ul dir="auto">
          <li>
            Tables
          </li>
          <li>
            Charts
          </li>
          <li>
            Forms
          </li>
          <li>
            Lists
          </li>
          <li>
            Buttons
          </li>
          <li>
            Checkboxes
          </li>
          <li>
            Filepicker
          </li>
          <li>
            Modals<br /> &#8230;and more. All widgets come with properties that can be visually edited to set their data, change their styles, and trigger actions from them.
          </li>
        </ul>
        
        <p>
          ❇️ <strong>Native integrations</strong> available with the following databases. You can also connect with most other tools through the RESTful API plugin or using our SaaS connectors.
        </p>
        
        <ul dir="auto">
          <li>
            PostgresSQL
          </li>
          <li>
            MongoDB
          </li>
          <li>
            MySQL
          </li>
          <li>
            Elasticsearch
          </li>
          <li>
            DynamoDB
          </li>
          <li>
            Redis
          </li>
          <li>
            Microsoft SQL Server
          </li>
          <li>
            Firestore
          </li>
          <li>
            Redshift
          </li>
          <li>
            S3
          </li>
          <li>
            Snowflake
          </li>
          <li>
            ArangoDB
          </li>
          <li>
            SMTP
          </li>
        </ul>
        
        <p>
          🛠️ <strong>API client and query builder</strong> lets you run RESTful API, GraphQL, or database queries within connected datasources.<br /> 🚀 <strong>JavaScript code support</strong>. You can use JavaScript inside <code>{{ }}</code> anywhere in Appsmith. You can reference every entity in Appsmith as a JavaScript variable and perform all JavaScript functions and operations on them. Our in-built JS editor gives the full IDE experience with multiline editing, autocomplete, linting and debugging.<br /> 🔄 <strong>Version control with Git</strong> allows multiple developers to add their work in a git branch, raise a pull request for code reviews, integrate with CI/CD pipelines, and provide a commit history to go back to a previous version if something were to go wrong. You can connect to any popular version control tool of our liking: GitHub, Gitlab, Bitbucket, AWS Code Commit and more.<br /> 🎨 <strong>App theming</strong> to style your app pages and widgets and to customize the visual layout of your app in one click.<br /> ⚙️ <strong>Access control</strong> available to assign different roles to different team members while sharing the app. Appsmith implements RBAC by assigning a set of permissions to different user roles. These permissions determine the actions users can take on the platform. You can allow external users to access applications built using Appsmith by inviting them to the workspace.<br /> 🔑 <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/security?utm_source=github&utm_medium=organic&utm_campaign=readme"><strong>Solid 256-bit encryption</strong></a>. Appsmith apps are secure by default. All connections are TLS-encrypted, and credentials are encrypted with AES-256 so we can&#8217;t see any of your data. For added security, try our <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/setup?utm_source=github&utm_medium=organic&utm_campaign=readme&utm_content=features">self-hosted options</a>.<br /> <a rel="nofollow noopener" target="_blank" href="https://youtu.be/Dxe_NzdGzL4"></a>
        </p>
        
        <h2 dir="auto">
          <a rel="nofollow noopener" target="_blank" id="user-content-support-and-community" class="anchor" aria-hidden="true" href="#support-and-community"></a>Support and Community
        </h2>
        
        <p>
          Issues are inevitable. When you have one, our entire team and our active developer community is around to help.<br /> 💬 Talk to us on <a rel="nofollow noopener" target="_blank" href="https://discord.gg/rBTTVJp">Discord</a><br /> 📄 Find a solution in our <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com?utm_source=github&utm_medium=organic&utm_campaign=readme">Documentation</a><br /> ⚠️ Open an issue right here on GitHub<br /> 👾 Ask for help on our <a rel="nofollow noopener" target="_blank" href="https://community.appsmith.com">Forum</a><br /> 💡Use our learning resources: <a rel="nofollow noopener" target="_blank" href="https://www.appsmith.com/templates?utm_source=github&utm_medium=organic&utm_campaign=readme&utm_content=support">Templates</a>, <a rel="nofollow noopener" target="_blank" href="https://www.appsmith.com/blog-categories/tutorial?utm_source=github&utm_medium=organic&utm_campaign=readme">Tutorials</a>, and <a rel="nofollow noopener" target="_blank" href="https://www.youtube.com/appsmith">Videos</a>
        </p>
        
        <h2 dir="auto">
          <a rel="nofollow noopener" target="_blank" id="user-content-deployment-options" class="anchor" aria-hidden="true" href="#deployment-options"></a>Deployment Options
        </h2>
        
        <p>
          While you can always start building apps right away using the <a rel="nofollow noopener" target="_blank" href="https://app.appsmith.com/signup/">cloud-hosted version</a>, here are the resources for deploying Appsmith on different platforms:
        </p>
        
        <p>
          Cloud Provider<br /> Documentation
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/6b7f701cf0bea42833751b754688f1a27b6090fdf90bf2b226addff01be817f0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f646f636b65722d2532333064623765642e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d646f636b6572266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/docker?utm_source=github&utm_medium=organic&utm_campaign=readme">Local/Cloud &#8211; Docs</a>
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/922a5d8888929fc17acaaf995fe42f50788f30a5b58f45b03c6bafc9e4b5791f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6b756265726e657465732d2532333332366365352e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6b756265726e65746573266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/kubernetes?utm_source=github&utm_medium=organic&utm_campaign=readme">K8&#8217;s with Helm Charts</a>
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/34424849aa826b133406acdd126f455a7eb5d0369d2dac3d28ddbfcc40e054a9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4469676974616c4f6365616e2d2532333031363766662e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6469676974616c4f6365616e266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/digitalocean?utm_source=github&utm_medium=organic&utm_campaign=readme">One-Click Install</a>
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/9281daa5684971fd3325661e3dd5fea86b21a902e3741a556fb636fbf0e2f3d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4157532d2532334646393930302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d616d617a6f6e2d617773266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/aws-ecs?utm_source=github&utm_medium=organic&utm_campaign=readme">AWS ECS &#8211; Docs</a>
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/9281daa5684971fd3325661e3dd5fea86b21a902e3741a556fb636fbf0e2f3d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4157532d2532334646393930302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d616d617a6f6e2d617773266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/aws-ami?utm_source=github&utm_medium=organic&utm_campaign=readme">AWS AMI &#8211; Docs</a>
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/d18f98a93a8ca015503870e592f96dbdf86f41048e9de1fbbbd4b2dcc7c456b1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6865726f6b752d2532333433303039382e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6865726f6b75266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/heroku?utm_source=github&utm_medium=organic&utm_campaign=readme">One-Click Install</a>
        </p>
        
        <p>
          <a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/3d5d220fb85a5dd7a122bf434d435c2b2bcdc26ae757fa0ef16339e38b39857f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f616e7369626c652d2532333141313931382e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d616e7369626c65266c6f676f436f6c6f723d7768697465"></a><br /> <a rel="nofollow noopener" target="_blank" href="https://docs.appsmith.com/getting-started/setup/installation-guides/ansible?utm_source=github&utm_medium=organic&utm_campaign=readme">Docs</a>
        </p>
        
        <h2 dir="auto">
          <a rel="nofollow noopener" target="_blank" id="user-content-how-to-contribute" class="anchor" aria-hidden="true" href="#how-to-contribute"></a>How to Contribute
        </h2>
        
        <p>
          We ❤️ our contributors. We&#8217;re committed to fostering an open, welcoming, and safe environment in the community.<br /> 📕 We expect everyone participating in the community to abide by our Code of Conduct. Please read and follow it.<br /> 🤝 If you&#8217;d like to contribute, start by reading our Contribution Guide.<br /> 🧩 Set up your local environment.<br /> 👾 Explore some good first issues.<br /> Lets build great software together.
        </p>
        
        <h3 dir="auto">
          <a rel="nofollow noopener" target="_blank" id="user-content-top-contributors" class="anchor" aria-hidden="true" href="#top-contributors"></a>Top Contributors
        </h3>
        
        <h2 dir="auto">
          <a rel="nofollow noopener" target="_blank" id="user-content-license" class="anchor" aria-hidden="true" href="#license"></a>License
        </h2>
        
        <p>
          Appsmith is available under the Apache License 2.0. Use it wisely.
        </p>