Top 17 CSS UI Component Projects

UI Components

• Add a project

1. oat

   1 2 5,532 9.2 CSS

   Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library. ~10KB min+gz.

   

   Project mention: HTML Can Do That | news.ycombinator.com | 2026-08-20

   I'm currently in the process of taking a lot of risk rewriting a large-ish app that I maintain to fully eliminate the use of frontend frameworks (and the larger JS ecosystem in general) and to switch to simple SSR + semantic HTML and CSS.

   Using this tiny lib [2: shameless plug] I wrote specifically incorporating the "HTML Can Do That"-style realisations going into the big rewrite.

   [1] - https://github.com/knadh/listmonk/issues/3073

   [2] - https://oat.ink

2. AppSignal

   www.appsignal.com sponsored

   AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

   

3. flowbite-svelte

   2 11 2,787 9.4 CSS

   Official Svelte components built for Flowbite and Tailwind CSS

   

4. react-spinkit

   3 2 1,493 0.0 CSS

   A collection of loading indicators animated with CSS for React

   

5. rodal

   4 1 904 4.2 CSS

   A React modal with animations.

   

6. react-loaders

   5 1 380 0.0 CSS

   Lightweight wrapper around Loaders.css.

   

7. react-tabulator

   6 2 377 0.0 CSS

   React Tabulator is based on tabulator - a JS table library with many advanced features.

   

8. react-spinners-css

   7 2 335 6.0 CSS

   Amazing collection of React spinners components with pure css

   

   Project mention: Getting Started with React Spinners CSS: Building Loading Indicators | dev.to | 2026-01-19

   React Spinners CSS is a lightweight library for creating CSS-animated loading spinners in React applications. It provides a collection of pure CSS spinners that are easy to use and customize, perfect for indicating loading states without JavaScript animations. This guide walks through setting up and creating loading spinners using React Spinners CSS with React, from installation to a working implementation. This is part 52 of a series on using React Spinners CSS with React. https://bit.cloud/joshk/react-spinners-css

9. SaaSHub

   www.saashub.com sponsored

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

10. swiffy-slider

    8 12 263 5.5 CSS

    Super fast carousel and slider with touch for optimized websites running in modern browsers.

    

11. yesvelte

    9 11 223 8.1 CSS

    YeSvelte UI component library for Svelte

    

12. react-intense

    10 0 189 6.7 CSS

    A React component for viewing large images up close 🔍

    

13. react-date-select

    11 0 158 0.0 CSS

    A React Date Select / Picker Input Component

    

14. reactive-button

    12 1 140 5.3 CSS

    3D animated react button component with progress bar.

    

15. Neubrutalism

    13 1 53 7.4 CSS

    A minimal CSS framework inspired by Milligram, Pico.css, Skeleton, Chota, Water.css, and other minimal CSS libraries.

    

16. toggle-switchy

    14 1 46 2.1 CSS

    CSS toggle switch for checkbox inputs. No JavaScript, no dependencies, one stylesheet under 8KB. Five sizes, seven colors, rounded or square, optional ON/OFF text, labels left or right. Keyboard accessible with visible focus styles, and every selector is scoped so it will not touch the rest of your CSS.

    

17. tailwind-hugo-starter

    15 1 6 4.5 CSS

    Open-source HUGO starter project configured with Tailwind CSS and the UI components from Flowbite

    

18. myt-react-notify

    16 0 0 0.0 CSS

    

19. overlapui.fscss

    17 2 0 5.9 CSS

    CSS-first overlapping UI stack: avatars, cards, circular menu and images that overlap at rest and spread on hover/focus

    

    Project mention: Introducing overlapui.css — drop-in overlap stacks for any stack | dev.to | 2026-10-06

    overlapui.css is the plain-CSS build of overlapui: same behavior as the FSCSS module, shipped as a single stylesheet you can link from npm or jsDelivr and use with utility class names.

20. SaaSHub

    www.saashub.com sponsored

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    

CSS UI Components related posts

• Getting Started with React Spinners CSS: Building Loading Indicators

  2 projects | dev.to | 19 Jan 2026

• PrimeReact: The Most Complete React UI Component Library

  1 project | news.ycombinator.com | 30 Aug 2024

• Primereact: The Most Comprehensive React UI Component Library

  1 project | news.ycombinator.com | 15 Aug 2024

• Build a Blog Website with ReactJs-PrimeReact and Hygraph Headless CMS

  1 project | dev.to | 7 Aug 2023

• Is Chakra-UI still in use today? Or are there better libraries available now?

  2 projects | /r/reactjs | 14 Jul 2023

• Web with pre-made components?

  2 projects | /r/react | 20 May 2023

• Which React UI library is best for data dense enterprise application?

  1 project | /r/reactjs | 10 Apr 2023
• A note from our sponsor - AppSignal
  www.appsignal.com | 16 Oct 2026

  Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise. Learn more →

Index

Sponsored

AppSignal knows why the f*#k it crashed.

Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

www.appsignal.com

Do not miss the trending CSS projects with our weekly report!