CSS React

Open-source CSS projects categorized as React

Top 15 CSS React Projects

  • GitHub repo react-credit-cards

    Beautiful credit cards for your payment forms

    Project mention: suggestions on how to achieve this | reddit.com/r/Frontend | 2021-06-14
  • GitHub repo primereact

    The Most Complete React UI Component Library

    Project mention: Alternative for Material UI | reddit.com/r/reactjs | 2021-04-13

    Checkout PrimeReact. It is design agnostic and have themes like material, bootstrap, fluent and many more. Note: I work at PrimeTek, Vendor o PrimeReact, PrimeNG, PrimeFaces and PrimeVue.

  • GitHub repo tabler-react

    React components and demo for the Tabler UI theme.

    Project mention: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo / Download

  • GitHub repo gatsby-starter-default

    The default Gatsby starter

    Project mention: Webpack error while trying to migrate from gatsby v2 to v3 | reddit.com/r/gatsbyjs | 2021-04-10

    Check your gatsby-config to see if the static query folder is setup. For example, if it’s an images, you need to setup the path. Check out this

  • GitHub repo rodal

    A React modal with animations.

  • GitHub repo checkout-one-time-payments

    Use Checkout to quickly collect one-time payments.

    Project mention: Accept donations in variable/custom amounts, Ruby - Stripe prebuilt checkout API | reddit.com/r/stripe | 2021-02-25

    I've cloned the prebuilt checkout page for one-time payments (Ruby version) and connected it to my account. I'm okay editing the cosmetics and everything, and I've got it working fine, but this one is based on a pre-set price and quantity. I am setting this up in order to accept donations, and would like to be able to accept custom amounts. I'm having a lot of trouble finding documentation for this, as most of what Google returns is from before the update to Checkout, and I can't find it in the API documentation.

  • GitHub repo react-tabulator

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

  • GitHub repo gatsby-admin-template

    Free admin dashboard template based on Gatsby with @paljs/ui component package

    Project mention: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo / Download

  • GitHub repo react-intense

    A React component for viewing large images up close 🔍

  • GitHub repo portfolio-template

    An Open-Sourced Template for developers to show-off there skills. Made with ReactJS

    Project mention: Coded this portfolio template for everyone | reddit.com/r/webdev | 2021-03-21

    Style by class, not by ID, and don't remove the cursor: https://github.com/kaustubhai/portfolio-template/blob/master/src/styles/images.css

  • GitHub repo reactive-button

    3D animated react button component with progress bar.

    Project mention: Reactive Button: 3D animated react button component with progress bar | dev.to | 2021-03-25

    𝐑𝐞𝐚𝐜𝐭𝐢𝐯𝐞 𝐁𝐮𝐭𝐭𝐨𝐧 is a 3D animated react button component with progress bar. It is very lightweight and has zero dependency. You can add any icons in it and the fun part is, if you don't want to add any third party icon library in your project then it has default loading, success and error icons. It also serves the purpose of notification. So you might not need to install a bunch of libraries for that.

  • GitHub repo SIH2020_MK95_Hashtag

    AWSAR is a platform that connects government organizations and potential job seekers under one single domain, accompanied with a number of features to ease the process, dedicated to fulfilling every kind of needs of recruiters and job seekers.

    Project mention: My Journey at the MLH Fellowship | dev.to | 2021-04-29

    My technical interview was scheduled with John D. Britton, the Founder, and CEO at raise. dev. I was in awe as I looked through his LinkedIn profile, and this got me a lot nervous. The technical interview also spans usually for 10 mins and aims to get an understanding of the technical proficiency and the learning potential of the interviewee. I showcased my Smart India Hackathon project - Awsar, a platform that connects government organizations and potential job seekers under one single domain. I contributed as a backend developer and designed and developed the REST APIs that powered the platform. John asked me a few questions on security and scaling, that I answered as per my understanding. He explained to me the ideal solutions to each of these questions as well and I felt like it was a great interview, even if I don’t get selected, as, after all, I got to learn something new.

  • GitHub repo react-app-protect

    Password protect a react app.

    Project mention: I made a simple password protection for react apps | reddit.com/r/react | 2021-05-05

    Source Demo (password: test)

  • GitHub repo news-ycombinator-client

    A minimalist Hacker News desktop client. Made with Sciter.

    Project mention: A minimalist Hacker News desktop client | reddit.com/r/Sciter | 2021-01-29
  • GitHub repo gatsby-persistent-ui

    Accompanying code for Gatsby persistent UI article

    Project mention: Keeping persistent UI across routes with Gatsby's wrapPageElement | dev.to | 2021-03-12
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-06-14.


What are some of the best open-source React projects in CSS? This list will help you:

Project Stars
1 react-credit-cards 2,154
2 primereact 2,057
3 tabler-react 1,742
4 gatsby-starter-default 1,212
5 rodal 763
6 checkout-one-time-payments 474
7 react-tabulator 303
8 gatsby-admin-template 163
9 react-intense 157
10 portfolio-template 117
11 reactive-button 51
12 SIH2020_MK95_Hashtag 19
13 react-app-protect 3
14 news-ycombinator-client 1
15 gatsby-persistent-ui 1