Dziler isn't just another library—it's a living, breathing design utility platform. We believe design tokens shouldn't be hardcoded into your app; they should be dynamically generated, accessible, and scalable.
Think of Dziler as your single source of truth for UI/UX. Whether you're building the next big dashboard, a mobile app, or an experimental AI interface, Dziler serves up production-ready design tokens on a silver platter.
Design workflows are often fragmented. Colors live in Figma, spacing is hacked in CSS, and components are copy-pasted. Dziler unifies this.
- Dynamic Color Palettes: Generate accessible color schemes by mood or contrast instantly.
- Typography Scales: Perfect typographical rhythm, calculated for you.
- Layout & Grids: Grid systems and spacing scales on demand.
- Component Tokens: Get style definitions for buttons, inputs, and cards without the CSS bloat.
- Motion Magic: Silky smooth animation curves and durations.
Built with a robust, modern backend to ensure speed and reliability:
- NestJS: For a modular, scalable architecture.
- PostgreSQL & Prisma: Secure data persistence.
- Redis: Lightning-fast caching for token generation.
- Swagger: Beautiful, interactive API documentation.
Ready to experience design as an API?
Make sure you have Docker and Node.js installed.
Clone the repo and start the magic:
# Install dependencies
npm install
# Start the database and cache services
docker compose up -d
# Initialize the database
npx prisma migrate dev --name init
# Launch Dziler
npm run start:devOnce running, open your browser and witness the power of Dziler:
- Landing Page: http://localhost:3000 - See it in action.
- API Docs: http://localhost:3000/api/docs - Test the endpoints.
We love community! If you have ideas for new moves, better algorithms, or just want to fix a typo, pull requests are welcome.
Dziler is proud to be open source. Licensed under the GPLv3 License.