appsmith
Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
Top Related Projects
π₯ π₯ π₯ Open Source Airtable Alternative
The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.
The flexible backend for all your projects π° Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable, and developer-first.
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. π
Quick Overview
Appsmith is an open-source low-code platform for building internal tools and admin panels. It allows developers to create custom applications with drag-and-drop UI components, connect to various data sources, and implement business logic using JavaScript. Appsmith aims to simplify the process of building and maintaining internal applications.
Pros
- Rapid development: Drag-and-drop interface for quick UI creation
- Extensive integrations: Supports various databases and APIs out of the box
- Customizable: Allows custom JavaScript for advanced functionality
- Self-hosted option: Can be deployed on-premises for enhanced security and control
Cons
- Learning curve: May require some time to master all features and capabilities
- Limited advanced UI customization: Some complex UI designs may be challenging to implement
- Performance: Large applications may experience slower load times compared to custom-built solutions
- Community size: Smaller community compared to some other low-code platforms
Getting Started
To get started with Appsmith:
-
Clone the repository:
git clone https://github.com/appsmithorg/appsmith.git
-
Navigate to the project directory:
cd appsmith
-
Run the setup script:
./scripts/setup.sh
-
Start the application:
./scripts/start.sh
-
Access the Appsmith editor at
http://localhost:8080
For more detailed instructions, refer to the project's documentation.
Competitor Comparisons
π₯ π₯ π₯ Open Source Airtable Alternative
Pros of NocoDB
- More focused on database management and spreadsheet-like interfaces
- Offers a simpler learning curve for users familiar with spreadsheets
- Provides direct database connections and SQL query capabilities
Cons of NocoDB
- Less versatile in terms of building complex, multi-page applications
- Limited customization options for UI components compared to Appsmith
- Fewer integrations with external services and APIs
Code Comparison
NocoDB (SQL query example):
SELECT * FROM users WHERE age > 18 ORDER BY name ASC
Appsmith (JavaScript query example):
return await Users.findMany({
where: { age: { gt: 18 } },
orderBy: { name: 'asc' }
});
Both projects aim to simplify application development, but they take different approaches. NocoDB focuses on creating database-driven applications with a spreadsheet-like interface, making it easier for non-developers to work with data. Appsmith, on the other hand, provides a more comprehensive toolkit for building full-fledged applications with custom UI components and integrations.
NocoDB excels in scenarios where users need to manage and visualize data quickly, while Appsmith is better suited for creating complex, interactive applications with custom business logic and workflows.
The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.
Pros of Supabase
- More comprehensive backend solution, including authentication, storage, and real-time subscriptions
- Stronger focus on database management and PostgreSQL integration
- Larger community and more extensive documentation
Cons of Supabase
- Steeper learning curve for developers new to backend technologies
- Less flexibility in UI customization compared to Appsmith's drag-and-drop interface
- Potentially higher costs for scaling and advanced features
Code Comparison
Supabase (JavaScript):
import { createClient } from '@supabase/supabase-js'
const supabase = createClient('YOUR_SUPABASE_URL', 'YOUR_SUPABASE_KEY')
const { data, error } = await supabase
.from('users')
.select('*')
Appsmith (JavaScript):
const users = await getUsersQuery.run();
const filteredUsers = users.filter(user => user.age > 18);
return filteredUsers;
Both repositories offer powerful tools for building web applications, but they focus on different aspects. Supabase provides a more comprehensive backend solution with a strong emphasis on database management, while Appsmith excels in rapid UI development and integration with various data sources. The choice between the two depends on the specific needs of your project and your team's expertise.
The flexible backend for all your projects π° Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
Pros of Directus
- More flexible data modeling with custom fields and relationships
- Built-in user management and role-based access control
- Extensive API options including REST, GraphQL, and WebSocket
Cons of Directus
- Steeper learning curve for non-technical users
- Less focus on visual app building compared to Appsmith
- May require more backend configuration for complex use cases
Code Comparison
Directus (TypeScript):
const items = await directus.items('articles').readByQuery({
filter: { status: { _eq: 'published' } },
sort: '-date_created',
limit: 5
});
Appsmith (JavaScript):
const articles = await api.fetchArticles.run({
status: 'published',
sort: 'date_created',
limit: 5
});
Both repositories offer powerful tools for building data-driven applications, but they cater to different needs. Directus focuses on providing a flexible headless CMS with robust API options, while Appsmith emphasizes visual app development with a low-code approach. The code comparison shows how both platforms handle data fetching, with Directus using a more explicit query structure and Appsmith leveraging pre-configured API calls.
π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable, and developer-first.
Pros of Strapi
- More focused on content management and API creation
- Larger community and ecosystem with extensive plugins
- Better suited for headless CMS use cases
Cons of Strapi
- Less versatile for building full-stack applications
- Steeper learning curve for non-developers
- Limited built-in UI components compared to Appsmith
Code Comparison
Strapi (Content-Type creation):
module.exports = {
attributes: {
title: {
type: 'string',
required: true
},
content: {
type: 'richtext'
}
}
};
Appsmith (UI component creation):
{
"widgetName": "Input1",
"displayName": "Input",
"type": "INPUT_WIDGET_V2",
"iconSVG": "/static/media/icon.9f505595.svg",
"placeholderText": "Enter your name"
}
Both Strapi and Appsmith are open-source platforms, but they serve different purposes. Strapi is primarily a headless CMS and API builder, while Appsmith focuses on creating internal tools and admin panels. Strapi excels in content management and API creation, making it ideal for projects requiring a flexible backend. Appsmith, on the other hand, provides a more user-friendly interface for building full-stack applications with its drag-and-drop UI builder and pre-built integrations.
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
Pros of n8n
- More flexible and extensible workflow automation platform
- Supports a wider range of integrations and custom nodes
- Self-hosted option for better data control and privacy
Cons of n8n
- Steeper learning curve for non-technical users
- Less focus on UI/UX design and rapid application development
- Requires more setup and configuration compared to Appsmith
Code Comparison
n8n (JavaScript):
const n8n = require('n8n-core');
const workflow = new n8n.Workflow({
nodes: [
{
type: 'n8n-nodes-base.httpRequest',
parameters: { url: 'https://api.example.com' }
}
]
});
workflow.execute();
Appsmith (JavaScript):
export default {
myApiCall: async () => {
const response = await fetch('https://api.example.com');
return response.json();
},
updateUI: () => {
// Update UI components
}
};
The code snippets highlight the different approaches:
- n8n focuses on workflow creation and execution
- Appsmith emphasizes UI integration and rapid development
Both platforms offer powerful capabilities, but n8n is more suited for complex automation tasks, while Appsmith excels in creating custom internal tools and dashboards quickly.
Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. π
Pros of ToolJet
- More flexible deployment options, including self-hosted and cloud versions
- Supports a wider range of data sources and integrations out-of-the-box
- Offers a built-in query editor for complex data operations
Cons of ToolJet
- Less extensive documentation and community resources
- Steeper learning curve for beginners
- Fewer pre-built templates and widgets compared to Appsmith
Code Comparison
ToolJet (JavaScript):
const users = await tooljet.runQuery('get_users');
const filteredUsers = users.filter(user => user.age > 18);
tooljet.setData('adult_users', filteredUsers);
Appsmith (JavaScript):
const users = await get_users.run();
const filteredUsers = users.filter(user => user.age > 18);
storeValue('adult_users', filteredUsers);
Both ToolJet and Appsmith use JavaScript for writing custom logic. The main difference lies in the syntax for running queries and storing data. ToolJet uses tooljet.runQuery()
and tooljet.setData()
, while Appsmith uses queryName.run()
and storeValue()
. The overall structure and logic remain similar, making it relatively easy for developers to switch between the two platforms.
Convert designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual CopilotREADME
Organizations build internal applications such as dashboards, database GUIs, admin panels, approval apps, customer support dashboards, and more to help their teams perform day-to-day operations. Appsmith is an open-source tool that enables the rapid development of these internal apps. Read more on our website.
Installation
There are two ways to start using Appsmith:
- Signup on Appsmith Cloud.
- Install Appsmith on your machine. See the installation guides below.
Installation Methods | Documentation |
---|---|
Docker (Recommended) | |
Kubernetes | |
AWS AMI |
For other deployment options, see the Installation Guides documentation.
Development
To build and run Appsmith in your local dev environment, see Setup for local development.
Learning Resources
Need Help?
Contributing
We Γ’Β€ï¸ our contributors. We're committed to fostering an open, welcoming, and safe environment in the community.
Γ°ΒΒΒ We expect everyone participating in the community to abide by our Code of Conduct. Please read and follow it.
ð€ If you'd like to contribute, start by reading our Contribution Guide.
Γ°ΒΒΒΎ Explore some good first issues.
Let's build great software together.
Top Contributors
License
Appsmith is licensed under the terms of Apache License 2.0.
Top Related Projects
π₯ π₯ π₯ Open Source Airtable Alternative
The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.
The flexible backend for all your projects π° Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable, and developer-first.
Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. π
Convert designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual Copilot