Skip to content

About

Create your own shadcn/ui and Tailwind CSS design system

Resources

Stars

68 stars

Watchers

0 watching

Forks

Repository files navigation

StyleGlide

StyleGlide is an AI-powered theme editor for shadcn/ui apps that helps you create your own Tailwind CSS design system.

The original theme editor features preset apps from sources like ui.shadcn.com and shadcnblocks.com that you can select for real-time previews.

This repository introduces open-source tools to embed the theme editor into your own application.

StyleGlide Demo

Packages

Apps

Quickstart

Add the theme editor to any shadcn/ui app via CDN:

<script defer src="https://unpkg.com/@styleglide/theme-editor"></script>

Manual Installation

For more control, install the package:

pnpm add @styleglide/theme-editor

See the theme editor documentation for detailed setup instructions.

Development

This is a monorepo managed with Turborepo and pnpm.

Setup

pnpm install

Development

turbo dev

Build

turbo build

Linting

turbo lint

About

Create your own shadcn/ui and Tailwind CSS design system

Resources

Stars

68 stars

Watchers

0 watching

Forks

Contributors

Languages