functional-css

Open-source projects categorized as functional-css

Top 13 functional-css Open-Source Projects

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Building a Dynamic Job Board with Issues Github, Next.js, Tailwind CSS and MobX-State-Tree | dev.to | 2024-03-28

    Basic knowledge of Tailwind CSS and MobX-State-Tree

  • tachyons

    Functional css for humans

    Project mention: Kicking the tires with NestJS and Hotwire: Part II | dev.to | 2023-11-15

    I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.

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

  • basscss

    Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

  • animxyz

    The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

    Project mention: What is your preferred method to use animation? | /r/Frontend | 2023-04-18

    I don't use a lot of animations, if it's simple stuff I'll just do it myself. Have used animate.css before, it was quite nice, especially paired with wow.js. Have been meaning to try AnimXYZ but again, don't use a lot of animations so haven't been able to yet.

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

  • pollen

    The CSS variables build system (by heybokeh)

    Project mention: Why does everyone love tailwind | /r/webdev | 2023-12-10

    So frameworks like https://www.pollen.style/ are doing this. Personally I still prefer the tailwind approach.

  • tailwindcss-classnames

    Functional typed classnames for TailwindCSS

    Project mention: Can any tell me why this is not working when i initially run the project. | /r/tailwindcss | 2023-04-12

    There's also [tailwindcss-classnames](https://www.npmjs.com/package/tailwindcss-classnames) which is handy, despite the little bit of learning curve

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

  • packages

    💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎. (by stylify)

  • fractures

    Only the good parts

  • mlut

    Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity (by mr150)

    Project mention: mlut - a new word in the Utility-First CSS approach | /r/Frontend | 2023-09-02

    Thank you for reading my story! I would be very grateful for any feedback on the project. If you like it, please put a star on the Github. Also, you can share this tread on Twitter. All this will help a lot to promote the project!

  • utilcss

    Utilitarian CSS Framework

    Project mention: Tachyons – A CSS Toolkit | news.ycombinator.com | 2023-07-19

    WEll, I wrote a functional CSS framework that is platform agnostic. It was built on sass. Post: https://www.minid.net/2019/4/7/the-css-utilitarian-methodolo..., github https://github.com/meerita/utilcss I am working a different project now, and now I evolved it to simply pure css files that i compile later with postcss and purge everything.

  • sass-system

    A style system generator and utility-first CSS framework

  • tfcssf

    FCSSF (The Functional CSS Framework) is a versatile and lightweight functional CSS framework that simplifies the process of styling web applications. This repository contains the core FCSSF CSS files, a Next.js documentation application, and some basic React components.

    Project mention: Show HN: The Functional CSS Framework | news.ycombinator.com | 2023-08-18

    Hey Hacker News community!

    In the ever-evolving landscape of CSS frameworks, encompassing both functional and atomic class types, I want to present a project that holds its own unique place. Before the era of Tailwind, I had been utilizing this particular framework for countless years, and today, I'm excited to share its virtues with all of you.

    FCSSF (The Functional CSS Framework) is a versatile and lightweight functional CSS framework that simplifies the process of styling web applications.

    https://github.com/meerita/tfcssf

    What sets this framework apart is its robust methodology for crafting CSS. Distinctively, it champions the ethos of pure CSS, without any need for transpilation or cumbersome installations. This simplicity not only streamlines the development process but also ensures that the learning curve is gentle, particularly when juxtaposed with other intricate options out there.

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

functional-css related posts

Index

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

Project Stars
1 Tailwind CSS 77,328
2 tachyons 11,563
3 basscss 5,814
4 animxyz 2,357
5 Atomizer 1,524
6 pollen 852
7 tailwindcss-classnames 690
8 packages 412
9 fractures 366
10 mlut 52
11 utilcss 28
12 sass-system 0
13 tfcssf 0
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com