Explore Franken UI, an open source library of pre-built UI components that takes inspiration from Shadcn UI's design principles.

LogRocket is a frontend monitoring platform that helps developers debug and troubleshoot issues in web applications by providing session replay, error tracking, and performance monitoring capabilities. With LogRocket, developers can gain insights into user interactions, identify bugs, and optimize application performance to deliver better user experiences. Developers can learn how to integrate LogRocket into their web applications, analyze user sessions, and diagnose frontend issues effectively.

LogRocket

Franken UI is an open-source library offering pre-built UI components with an HTML-first approach. It is framework-agnostic, ensuring seamless integration with JavaScript frameworks like Vue, React, or Svelte. Compatible with UIkit 3 and Tailwind CSS, it allows for extensive customization through CSS variables and utility classes. Key features include dark mode, theming, hooks, and over 70 reusable components. Despite being relatively new, Franken UI is gaining traction among developers for its flexibility and ease of use.

Building UIs with Franken UI, a Shadcn alternative

See how LogRocket's AI-powered error tracking works

Over 200k developers use LogRocket to create better digital experiences

Building a simple application with Franken UI

It’s not a shadcn/ui alternative. Not even close.

it’s a ‘clone’ but it’s lacking the finesse of shadcn it’s good that it’s framework agnostic, but if you are using react/next there’s zero reason to use this over shadcn

I will be using this! Thank you for sharing!
🤍🙏🏼🌹🪽✨

Almost look like shadcn UI library. love more shadcn!