CSS / Style

Open-source projects categorized as CSS / Style

Top 12 CSS / Style Open-Source Projects

  • classnames

    A simple javascript utility for conditionally joining classNames together

    Project mention: Gatsby blog: Building SEO-friendly blog with BCMS code starter | dev.to | 2024-03-29

    The component needs the classname dependency and a search icon which I referenced to work. So install the classname package and download the search icon below.

  • stitches

    [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

    Project mention: Styling React 2023 edition | dev.to | 2023-11-03

    Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • react-responsive

    CSS media queries in react - for responsive design, and more.

    Project mention: Media Queries and Responsive Design | dev.to | 2023-09-14

    There are NPM packages like react-responsive that provide custom hooks for easy usage of Media Queries:

  • Kuma UI

    🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

    Project mention: Does it make sense to use new NextJS with UI libraries if I have to put "use client" on top of every page in src/app to make CSS-in-JS work and can't use server components? | /r/reactjs | 2023-06-04

    Kuma UI

  • react-container-query

    :package: Modular responsive component

  • react-css-components

    Define React presentational components with CSS

  • postcss-js

    PostCSS for React Inline Styles, Free Style and other CSS-in-JS

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • inline-style-prefixer

    Autoprefixer for JavaScript style objects

  • stilr

    Encapsulated styling for your javascript components with all the power of javascript and CSS combined.

  • aesthetic

    🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more! (by aesthetic-suite)

  • react-inline-css

    🌳 Write CSS inside your React components!

  • reactponsive

    Responsive components and Hooks ⚒ for your favorite framework ⚛️

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 2024-03-29.

CSS / Style related posts

Index

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

Project Stars
1 classnames 17,339
2 stitches 7,687
3 react-responsive 6,899
4 Kuma UI 1,641
5 react-container-query 887
6 react-css-components 677
7 postcss-js 650
8 inline-style-prefixer 392
9 stilr 236
10 aesthetic 202
11 react-inline-css 170
12 reactponsive 14
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com