thattimc / appsmith

A web framework to build admin panels and internal tools.

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, Firestore, 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:

• Customer Support Dashboard
• Job Application Tracker

🏃‍♀️ 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:

• Self Help: Documentation
• Community Support: Discord
• Issue & bug tracking: GitHub Issues

🧑‍🤝‍🧑 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 💻	Nidhi 💻	Pawan Kumar 💻	Sumit Kumar 💻	Rishabh Saxena 💻	Piyush Mishra 💻	akash-codemonk 💻
vicky-primathon 💻	devrk96 💻