OpenAI builds and deploys advanced AI models like GPT-4o for autonomous agents and workflows.
GliaKit
€199Starting price
0Popularity
About GliaKit
GliaKit provides a Next.js boilerplate, a design system, and AI rules to help developers ship SaaS products that maintain visual and functional consistency. The tool integrates Figma, code, and AI coding assistants like Cursor and Claude Code to ensure a single system across all surfaces. It includes 15 pre-wired screens such as landing pages, dashboards, settings, billing, and CRUD interfaces, all routed and ready for deployment. Auth, payments via Stripe, a Prisma database, and transactional email via Resend are connected out of the box. The design system uses semantic tokens and shadcn/ui components, with a 1:1 mapping between Figma variables and code tokens to prevent drift. AI rules files guide AI tools to generate on-brand UI, reducing the need for manual adjustments. The package also includes a prompt library for common tasks like adding new screens or tables.
Key features
- Next.js boilerplate with 15 wired screens
- Figma design system with semantic tokens
- AI rules for Cursor and Claude Code
- Pre-configured auth, payments, database, and email
- Prisma database models for users and subscriptions
- Resend email templates matching the design system
- Prompt library for common UI generation tasks
- Lifetime updates and priority support
Use cases
- Building a SaaS product with consistent UI and design
- Generating on-brand UI with AI coding assistants
- Deploying a working dashboard with billing and user management
Pros
- Pre-wired Next.js boilerplate with 15 screens
- Design system with semantic tokens and 1:1 Figma-to-code mapping
- Integrated auth, payments, database, and email
- AI rules for Cursor and Claude Code to generate on-brand UI
- Lifetime updates included with one-time purchase
Cons
- One-time payment model with no subscription option
- No free tier beyond the Figma design system
- Limited to Next.js and shadcn/ui stack
Frequently asked questions about GliaKit
What is GliaKit?
GliaKit is a Next.js boilerplate combined with a design system and AI rules, designed to help developers ship SaaS products with consistent visual and functional design across Figma, code, and AI coding tools like Cursor and Claude Code.
Who is GliaKit for?
GliaKit is for developers and teams building SaaS products who want to maintain visual and functional consistency without manual adjustments, especially when using AI coding assistants.
Does GliaKit work with AI coding tools like Cursor and Claude Code?
Yes, GliaKit includes AI rules files that guide AI tools to generate on-brand UI, ensuring the output matches the design system and reduces manual adjustments.
What integrations does GliaKit include out of the box?
GliaKit includes integrations for authentication (Clerk), payments (Stripe), a database (Prisma), and transactional email (Resend), all pre-wired and ready for deployment.
How does GliaKit prevent design drift between Figma and code?
GliaKit uses a 1:1 mapping between Figma variables and code tokens, ensuring that changes in Figma are reflected in the code and vice versa, maintaining consistency.
What is included in the GliaKit package?
The package includes a Next.js boilerplate, a design system with 15 pre-wired screens, AI rules files, a prompt library, and lifetime updates for all new screens and templates.
