Shadcn Classless

screenshot of Shadcn Classless
shadcn-ui

A minimalist, class-less CSS framework inspired by the beautiful components of shadcn/ui

Overview

The shadcn-classless framework offers a refreshing approach to web design by eliminating the need for classes, allowing developers to create aesthetically pleasing and accessible websites with minimal effort. This minimalist CSS framework is inspired by the highly regarded shadcn/ui, ensuring that your web components look stunning while remaining easy to implement.

Built for simplicity and speed, shadcn-classless automatically applies styles based on semantic HTML. This means you can focus on writing clean, structured code without worrying about class names. Whether you're a seasoned developer or just starting out, this framework caters to all skill levels, making it a valuable addition to your toolkit.

Features

  • Inspired by shadcn/ui: Enjoy beautiful design tokens and component styles that elevate your web applications.
  • Zero classes: Write semantic HTML and automatically receive stylish components without the hassle of classes.
  • Dark mode: Automatic system preference detection coupled with a manual override for a user-friendly experience.
  • Responsive: Mobile-friendly out of the box, ensuring a seamless experience across devices.
  • Lightweight: At approximately 15KB when minified, it won’t bloat your website's performance.
  • Accessible: Designed with ARIA attributes and semantic HTML to enhance usability for all users.
  • Customizable: Easily modify themes with CSS custom properties to match your brand identity.
  • Wide array of components: From buttons to dialogs and forms, the framework supports a comprehensive range of components for varied functionalities.
shadcn-ui
Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.