The battle-tested tech stack for rapid development
Magic-Stack is an open source, batteries-included template for building modern web and mobile applications. Built by MagicAce, it combines best-in-class tools and practices to help you launch production-ready projects faster.
- Clever solutions to unique problems: Built by experienced engineers who care about real-world results.
- Full-stack, modern, and scalable: Everything you need, nothing you don’t.
- Brandable and future-proof: Designed for teams, agencies, and solo devs alike.
magic-stack/
├── README.md # This file
├── LICENSE # MIT License
├── templates/ # Starter templates for different app types
│ ├── website-template/ # Astro + React + TailwindCSS + More
│ └── mobile-app/ # (Coming soon) React Native + Expo
└── docs/ # Detailed documentation
- Astro: Lightning-fast static site generator
- React: Interactive UI components
- Tailwind CSS: Utility-first CSS framework
- Drizzle ORM: TypeScript-first SQL ORM (Turso/LibSQL)
- Hygraph CMS: Headless CMS integration (WIP)
- Better Auth: Authentication solution (WIP)
- Honeybadger: Error monitoring
- PostHog: Product analytics
- Husky & Lint-Staged: Git hooks and pre-commit QA
- ESLint, Prettier, Stylelint: Code quality tools
- Commitizen: Conventional commit messages (planned)
Use degit to scaffold your project without git history:
npx degit MagicAceDev/magic-stack/templates/website-template my-project
cd my-project
yarn install
yarn dev
- degit supports branches/tags: You can specify a version tag to scaffold a specific version.
npx degit MagicAceDev/magic-stack/templates/website-template#v1.0.0 my-project
- Template: Replace
website-template
with the desired template name (e.g.,mobile-app
when available).
- Modern, scalable architecture
- Preconfigured code quality and automation
- Production-ready integrations
- Human-centered, developer-friendly design
Pull requests and issues are welcome! See CONTRIBUTING.md (coming soon).
MIT License. See LICENSE.
Built with ❤️ by Keeghan McGarry and the MagicAce team.