Build functional & beautiful interface with
consistent
design.

Your own Gen UI platform. Open Source alternative to UI generation platforms. Just generate, copy & paste into your production codebase. No overhead - works with your favorite llms (BYOK)

Build
amazing interface

From generating unstyled shadcn components with the smartest LLM
to spinning up your own preview.

Build me a error toast.
Intelligent Chat Interface
Communicate with AI models to build and iterate.
GPT-4
Claude-4
Gemini Pro
AI Model Selection
Choose from multiple models to power your components development.
O
OpenAI
C
Claude
O
Open Router
Platforms
Bring your own API key and choose from a wide range of LLMs across all the top platforms.
Component.tsx
Generated TypeScript code
Code Generation and Real Time Rendering
Watch as AI generates clean, production ready UI with consistent design and layout with live rendering using AI Sandbox(BYOK)
Live Preview
Real time preview
Live Preview
Live preview is supported using AI Sandboxs with (B.Y.O.K)

Supported
Platforms

Your platform, your rule. Dive in and choose from the smartest LLMs to AI sandboxes. We’ve got you covered after all it’s your AI platform.

Open AI mockup

Open AI

GPT models to generate, debug, and optimize UI.

Open Router mockup

Open Router

Use across many LLMs for coding flexibility.

Anthropic mockup

Anthropic

it provides one of the most intelligent AI models.

Gemini mockup

Gemini

Provides AI for on of the fastest code completion.

Context7 mockup

Context7

Provides up to date documentation for LLMs.

E2B mockup

E2B

Secure sandboxes to preview generated code.

Why Grills ?

With so many UI generators
out there why choose Grills.

Aditya Pushkar

@aditya_pushkar

Approach

Grills builds more beautiful UI components than other platforms because we guide the LLM to design them in a highly opinionated way with strict instructions. The result is that it generates more beautiful and more polished components every single time.

Stacks Support

We currently support Next.js with ShadCn right out of the box. Our goal though is total flexibility allowing you to mix and match any framework and UI library you want. Example Vue with Styled Components or Svelte with Tailwind and beyond.

Cost & Freedom

Take advantage of (BYOK) No vendor lock in, no wasted spend. Pick the best model for each step heavy hitters for complex UI's, fast and cheap models for refactoring, works like magic while generating many more UI components at a fraction of what other platforms charges.

Mera Bharat