Make your AI a shadcn expert

Franken UI

Franken UI is an HTML-first, open-source component library built on UIkit 3 and extended with LitElement, featuring a design aesthetic inspired by shadcn/ui.

Franken UI — preview

Live Preview

Interact with the actual deployed template — every section, every interaction, no mockups.

franken-ui.dev
Loading preview…

About Template

Written primarily in TypeScript with Tailwind CSS styling, it provides a feature-complete collection of UI components optimized for Svelte and built with Vite. The library emphasizes an HTML-first approach, allowing developers to use components with minimal JavaScript while maintaining modern functionality through web components. Franken UI is currently in Version 2 and actively maintained with a focus on stability and gradual improvements.

The MIT-licensed project offers a unique blend of UIkit's robust component foundation with modern web component architecture and shadcn/ui's clean design principles. Perfect for developers seeking HTML-centric components with the flexibility of web components, Franken UI provides a stable, well-maintained alternative for building modern web applications with Svelte, Tailwind CSS, and TypeScript.

Free, open source, and ready to ship.

Clone the repo, install dependencies, and start customising — every Franken UI file is MIT-licensed and yours to keep.

More Templates

Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.