JavaScript css-in-js

Open-source JavaScript projects categorized as css-in-js

Top 23 JavaScript css-in-j Projects

  • react-native-web

    Cross-platform React UI packages

    Project mention: NextJS on iOS & Android????? How??? | /r/nextjs | 2023-06-17

    maybe https://necolas.github.io/react-native-web/? https://github.com/vercel/next.js/blob/canary/examples/with-react-native-web/README.md

  • emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25

    emotion [ https://emotion.sh ]

  • 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.

  • stylelint

    A mighty CSS linter that helps you avoid errors and enforce conventions.

    Project mention: Why it is Important to Update Linters and How to Do it Right | dev.to | 2024-02-08

    Another common way to extend configs in linters is using the extends key in the configuration file. Let's take StyleLint as an example:

  • styled-system

    ⬢ Style props for rapid UI development

    Project mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue

  • 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.

  • styled-jsx

    Full CSS support for JSX without compromises

    Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25
  • JSS

    JSS is an authoring tool for CSS which uses JavaScript as a host language.

    Project mention: CSS in Perl | dev.to | 2023-12-28

    Most websites those days are SPA applications that render on the front-side. There is also this trend of CSS in JavaScript also knowns as JSS that is debatable (makes everything overcomplicated), but in some specific cases, can be justified and very useful.

  • 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.

  • css-in-js

    React: CSS in JS techniques comparison

  • Aphrodite

    Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

  • typography

    A powerful toolkit for building websites with beautiful design

  • twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  • goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

  • Fela

    State-Driven Styling in JavaScript

  • react-with-styles

    Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

  • vue-styled-components

    Visual primitives for the component age. A simple port for Vue of styled-components 💅

  • siimple

    The minimal and themeable CSS toolkit for flat and clean designs

  • babel-plugin-tailwind-components

    Use Tailwind with any CSS-in-JS library

  • torus

    Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies. (by thesephist)

  • vue-emotion

    Seamlessly use emotion (CSS-in-JS) with Vue.js

  • jest-glamor-react

    Jest utilities for Glamor and React

  • Aris

    Aris - A fast and powerful tool to write HTML in JS easily. Includes syntax highlighting, templates, SVG, CSS autofixing, debugger support and more...

  • atomize-by-quarkly

    library for creating atomic react components (by quarkly)

  • ecommerce-store-reactjs-stripe-oauth2

    This is a fully functional Ecommerce Website which allows the user to login,add products to cart,view products in detail and do the payment through credit card.Built using React,React Router,OAuth2 for user authentication,Stripe for payment and Netlify for deployment.

  • WorkOS

    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.

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-25.

JavaScript css-in-js related posts

Index

What are some of the best open-source css-in-j projects in JavaScript? This list will help you:

Project Stars
1 react-native-web 21,326
2 emotion 17,163
3 stylelint 10,808
4 styled-system 7,801
5 stitches 7,689
6 styled-jsx 7,608
7 JSS 7,050
8 css-in-js 5,532
9 Aphrodite 5,337
10 typography 3,806
11 twind 3,683
12 goober 3,030
13 Fela 2,259
14 react-with-styles 1,697
15 vue-styled-components 1,362
16 siimple 645
17 babel-plugin-tailwind-components 331
18 torus 311
19 vue-emotion 223
20 jest-glamor-react 97
21 Aris 87
22 atomize-by-quarkly 67
23 ecommerce-store-reactjs-stripe-oauth2 58
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