JavaScript atomic-css

Open-source JavaScript projects categorized as atomic-css
Edit details
Topics: CSS PostCSS React css-in-js Styling
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.
surveyjs.io
Sponsored

Top 5 JavaScript atomic-css Projects

  • Fela

    State-Driven Styling in JavaScript

  • react-atomic-design

    🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.

    • Project mention: Atomic design | /r/reactjs | 2023-06-17

    https://github.com/danilowoz/react-atomic-design maybe this as an example

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

    SurveyJS logo

  • Atomizer

    A library to create small, reusable CSS that scales as your website grows.

    • Project mention: Are you still using the ternary operator to dynamically apply Tailwind styles? | dev.to | 2023-09-09

    Tailwind CSS is a CSS framework that has gained incredible popularity, with usage skyrocketing 40% in three years, according to the State of CSS 2022. It offers benefits such as development speed, maintainability, and gzip optimization. As a result, it is expected to exceed 50% in the 2023 survey. However, the readability of Tailwind CSS decreases sharply as the style becomes more complex, which is a typical disadvantage of the utility-first approach. Personally, I recommend my library, CSS Lube, but in this article, I would like to introduce some simple tips that can improve the developer experience when using the Atomic CSS approach.

  • mojocss

    The Atomic CSS Framework for crafting gorgeous UIs without shipping any CSS.

    • Project mention: Exploring Mojo CSS: A Developer’s Guide | dev.to | 2024-04-10

    Mojo CSS is a modern CSS framework that aims to simplify the process of styling web applications. It provides a set of pre-designed components and utilities that can be easily customized to create unique and visually appealing designs. Mojo CSS is built on top of modern CSS features like CSS variables, Flexbox, and Grid, making it easy to create responsive layouts and interactive components.

  • s

    S is a micro-library (<1 KB) to define CSS declarations as props and creates atomic classes from them (by fustak-dev)

    • Project mention: Fustak: SQLite with replicas at edge. Fast builds using esbuild and Rust | /r/programming | 2023-08-21

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

    WorkOS logo
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).

JavaScript atomic-css related posts

Index

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

Project Stars
1 Fela 2,261
2 react-atomic-design 1,730
3 Atomizer 1,526
4 mojocss 380
5 s 0

Sponsored
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.
www.influxdata.com