TypeScript css-framework

Open-source TypeScript projects categorized as css-framework
Edit details
Topics: #functional-css #JavaScript #CSS #design-system #atomic-css
Appwrite - The Open Source Firebase alternative introduces iOS support
Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
appwrite.io
Sponsored

Top 6 TypeScript css-framework Projects

  • pollen

    The CSS variables build system

    Project mention: Open Props: Tailwind Alternative from Chrome Dev Team | news.ycombinator.com | 2022-09-13

    Very similar to Pollen (https://www.pollen.style), though it looks a little more complicated.

    IMO the main value of Tailwind is that it's a step function over your units and colors, which helps bring better consistency and dev speed to UI implementation.

    Tailwind's "write class names instead of CSS" approach makes sense in the component-based systems most apps are built in these days, where pretty much any repeated markup will be turned into a component. It performs better than scoped styles and is less complicated.

    A CSS variable approach like Open Props or Pollen is, in my experience, better if you're not using a component-based system (ie. conventional HTML) and therefore have repeated markup patterns. Having a simple class name to apply to repeated markup is much more maintainable than trying to copy/paste a long tailwind string around.

  • fractures

    Baseline atomic CSS toolkit.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

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

    Project mention: Using Beautiful Material Themes from Material Theme Builder in Stylify CSS | dev.to | 2023-01-14

    Apart from the colors module, there is a typography.module.css. You might want to remove it as well and rewrite these classes into Stylify CSS components using Stylify dynamic components syntax.

  • fluent-reveal-effect

    Fluent Reveal Effect JavaScript library for web

  • assembler

    A modern UI framework (by asmcss)

  • scaffold-static

    Scaffolding utility for vanilla-js

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 2023-01-14.

TypeScript css-framework related posts

Index

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

Project Stars
1 pollen 748
2 fractures 361
3 packages 299
4 fluent-reveal-effect 204
5 assembler 195
6 scaffold-static 117

Sponsored
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com