shadcn-ui Alternatives

shadcn-ui is described as 'A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open source. Open code' and is a ui components tool in the development category. There are more than 50 alternatives to shadcn-ui for a variety of platforms, including Web-based, Self-Hosted, Mac, Windows and Linux apps. The best shadcn-ui alternative is Bootstrap, which is both free and Open Source. Other great apps like shadcn-ui are Tailwind CSS, Semantic UI, Foundation and Bundui.

Copy a direct link to this comment to your clipboard
shadcn-ui alternatives page was last updated

Alternatives list

  1. Phonon is a front-end framework made with mobile and desktop in mind. It offers clear and neutral components that integrate best practices and ideas coming from well-known design styles.

    Cost / License

    • Free
    • Open Source

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Android
    • iPhone
    • Android Tablet
    • iPad
     
  2. The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • BSD
     
  3. Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

    Cost / License

    • Free
    • Open Source

    Platforms

    • Online
     
  4. Free CSS/JS advanced and flexible framework.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
     
  5. Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.

    Cost / License

    • Free
    • Open Source

    Platforms

    • Online
     
  6. Webments icon
     1 like

    Webments is a collection of libre frameworks designed with scratch CSS using different design languages.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  7. Basecoat UI is a lightweight, framework-agnostic component library built on Tailwind CSS that brings the sleek design of shadcn/ui to any web stack without requiring React. It offers accessible, themeable UI components—like buttons, inputs, modals, and dropdowns—using clean...

    Cost / License

    • Free
    • Open Source (MIT)

    Platforms

    • Self-Hosted
     
  8. Rails Designer is an UI Components Library for Ruby on Rails apps. Built with ViewComponent, designed with Tailwind CSS and enhanced with Hotwire. Components were extracted from production and are targeted towards modern SaaS apps.

    Cost / License

    • Paid
    • Proprietary

    Application type

    Platforms

    • Online
     
  9. Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

    24 Carbon Design System alternatives

    Cost / License

    Platforms

    • Self-Hosted
    • Vue.js
    • Angular
    • Figma
    • React
     
  10. A curated directory of boilerplates for developers who want to kickstart projects faster.

    🔍 Filter by stack: Quickly find the right frontend + backend combo. ? Save time: No more digging through dozens of repos — everything’s in one place.

    Cost / License

    • Free
    • Proprietary

    Platforms

    • Online
     
  11. Pico CSS icon
     Like

    A minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

    50 Pico CSS alternatives

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Self-Hosted
    • CSS
     
  12. Reshaped icon
     Like

    Reshaped is a library with professionally crafted React & Figma components for building beautiful products or starting your own design system.

    Cost / License

    • Free
    • Open Source (MIT)

    Platforms

    • Figma
    • React
    • Self-Hosted
     
You are at page 5 of shadcn-ui alternatives