/appsmith

A web framework to build admin panels and internal tools.

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Appsmith.com logo
Appsmith is a JavaScript-based visual development platform to build internal tools.

Try Online Sandbox

Documentation ยท Discord


Appsmith is a JavaScript-based visual development platform to build and launch internal tools quickly. Drag-and-drop pre-built widgets, and connect them using JavaScript to create interactive pages. Connect UI to your APIs and Databases to build complex workflows in minutes.

UI Components: Table, Chart, Form, Map, Image, Video, and many more.
API Support: REST APIs
Database Support: PostgreSQL, MongoDB, MySQL, Redshift, Elastic Search, DynamoDB, Redis, and MSFT SQL Server
Hosting: Cloud-hosted & On-premise

Already familiar with Appsmith? Quickly start building on your own.

๐Ÿญ Features

  • 5-minute setup: Deploy Appsmith on your server, or use our cloud version to start building in 5 minutes. Quick Start
  • Frontend as a service: Drag-and-drop from pre-built UI widgets like table, form, and image, to build sophisticated dashboards and workflows, without writing HTML/CSS. Write JavaScript anywhere to transform data, and dynamically control widget-properties.
  • Database CRUD: Query & update your database directly by connecting it to the UI. Connect to PostgreSQL, MongoDB, MySQL & more!
  • Trigger APIs: Connect to REST APIs to build custom apps.
  • Security: DB Credentials are AES 256 encrypted and no data is stored by appsmith. Deploy behind your private VPC for additional security!
  • One-click deployment: Managed deployment of your apps with a click of a button.
  • Access-control: Assign users different roles & control who can edit / view your applications.
  • Supports OAuth: Allow users to authenticate via Google Auth or GitHub Auth.

๐Ÿ“บ Demo

Unsure if Appsmith is for you? Watch it in action here

But if youโ€™d rather check out some real applications that can be built with Appsmith, check below:

๐Ÿƒโ€โ™€๏ธ Quickstart

The following steps introduce you to building a simple user-list dashboard on Appsmith.

  1. Sign up on Appsmith Cloud or Deploy Appsmith.
  2. Create a new app within the organization that has already been created for you.
  3. Click on the + icon next to the Queries section to add a new query in the mock database
    1. Name the query usersQuery.
    2. Write the query select * from users limit 5;.
    3. Run the query.
    4. In query window, switch to the Settings tab, and enable Run Query on Page Load.
  4. Click on the + icon next to the Widgets section and drag a table onto the screen
  5. Link the table data property to the usersQuery using JavaScript {{usersQuery.data}}
  6. Hit the Deploy button and checkout the view mode of the app.

Congratulations ๐ŸŽ‰ You just built your first app on Appsmith! Connect your own data to build apps for your team. Read more here.

๐Ÿ“• Support & Troubleshooting

If you encountered a bug or need help troubleshooting an issue, you can use one of the following channels:

๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Contributing

If you're interested in contributing to Appsmith:

  1. Start by reading our Contribution Guide.
  2. Learn how to set up your local environment, in our developer-guide.
  3. Explore our list of good first issues.

We are committed to fostering an open and welcoming environment in the community. Please read our Code of Conduct.

๐Ÿ“‘ License

The Appsmith platform is available under the Apache License 2.0 (Apache-2.0).

Contributors


Arpit Mohan

๐Ÿ’ป

Nikhil Nandagopal

๐Ÿ“– ๐Ÿ’ป ๐Ÿ“†

areyabhishek

๐Ÿค” ๐ŸŽจ

Trisha Anand

๐Ÿ’ป ๐Ÿš‡ ๐Ÿค”

Hetu Nandu

๐Ÿ’ป โš ๏ธ ๐Ÿค”

Abhinav Jha

๐Ÿ’ป

satbir121

๐Ÿ’ป ๐Ÿค”

Shrikant Sharat Kandula

๐Ÿ’ป ๐Ÿ”Œ

Aakash Shrivastava

๐ŸŽจ

Debsourabh Ghosh

๐ŸŽจ

NandanAnantharamu

โš ๏ธ

prapullac

๐Ÿ› โš ๏ธ

Saket Agrawal

๐Ÿ› ๐Ÿ“–

Harish Kotra

๐Ÿ›

Ajay Kumar

๐Ÿ› ๐Ÿ“–

Anshul Bansal

๐Ÿ› ๐Ÿ’ป

Navia Garg

๐Ÿ›

Xniveres

๐Ÿ›

Daniel Shuy

๐Ÿ’ป ๐Ÿ“–

Prashant Chaubey

๐Ÿ’ป

Adam

๐Ÿ’ป

Sumanth Yedoti

๐Ÿ’ป