Skip to content
UICG

Welcome to UICG

Get started building your apps with User Interface Components Generator for Astro!
Browse components

Getting Started

UICG provides vanilla JavaScript components for Astro projects. No React, Vue, or other frameworks required - just pure Astro components with vanilla JavaScript, Tailwind CSS, and accessibility built-in.

1. Create Astro project

Terminal window
npm create astro@latest my-project
cd my-project

Start with a fresh Astro project or use your existing one.

2. Initialize UICG

Terminal window
npx ui-gen init

Sets up Tailwind CSS, creates ui-config.json, and configures the component generator.

3. Add components

Terminal window
npx ui-gen add button
npx ui-gen add input
npx ui-gen add modal

Install beautiful, accessible components into your project.

Why Choose UICG?

Astro Native

Built specifically for Astro with .astro components. No framework overhead or JavaScript bundle bloat.

Vanilla JavaScript

Pure vanilla JavaScript with Tailwind CSS styling. No frameworks, no dependencies, just modern web standards.

Accessibility First

WCAG 2.1 AA compliant with keyboard navigation, screen reader support, and proper ARIA attributes.

Dark Mode Ready

Built-in dark mode support with smooth transitions and consistent theming across all components.