Atomic CRM: A High-Quality Open-Source React CRM
1. Positioning
Atomic CRM is a modern open-source CRM from Marmelab (authors of the well-known
React Admin library). Its core principles are:
- Code quality over feature stacking
- Best practices for React + TypeScript
- Supabase as the backend to lower deployment complexity
- A focus on learning and customization rather than out-of-the-box use
It suits developers who want to learn "how to build enterprise apps with React."
2. Core features
- Contact and activity management
- Complete contact profiles
- Activity log and timeline
- Phone, email and meeting records
- Task and reminder system
- Task creation, assignment and tracking
- Date-based reminders
- Kanban sales pipeline
- Visual deal pipeline
- Drag-and-drop stage management
- Win-rate statistics
- Email integration
- CC capture
- Email client integration
- Data import and export
- CSV import
- Excel export
- Bulk operations
3. Tech stack
Layer Technology
Frontend React 19 + TypeScript
Routing React Router v7
Forms React Hook Form + Zod validation
Data fetching React Query
Styling Tailwind CSS + shadcn/ui
Backend / database Supabase (PostgreSQL)
Build tool Vite
API REST API
4. Quick start
# Clone the project
git clone https://github.com/marmelab/atomic-crm.git
cd atomic-crm
# Install dependencies
npm install
# Configure Supabase (account required)
cp .env.example .env.local
# Fill in SUPABASE_URL and SUPABASE_ANON_KEY
# Start the dev server
npm run dev
# Run tests
npm run test
5. AI coding friendliness scores
Dimension Score Notes
Directory structure 4/5 Clear modular React components, good separation of business logic
Documentation 4/5 Detailed README with code examples and architecture notes
Test coverage 4/5 Complete unit and integration tests
Example modules 5/5 Complete CRM feature examples that can be imitated directly
Dependency restraint 3/5 Moderate dependency count, reasonable library choices
Incremental dev 4/5 Clear component interfaces, easy to add new features
Overall score: 80/100 (good for learning standard React enterprise apps)
6. Why choose Atomic CRM
1. From Marmelab, so code quality is assured
2. A textbook-grade implementation of React + TypeScript
3. Supabase backend, so you do not deploy your own server
4. Complete business-logic examples, easy to learn and customize
5. Modular architecture, easy to add new features
7. When it is not a good fit
- Projects that need enterprise authentication (such as SAML)
- Large teams that need complex permission management
- Technology teams not on a React stack
- Projects that want something ready to use without customization