twin.macro
Styling library
A tool that combines Tailwind and CSS-in-JS to simplify web application styling at build time
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
8k stars
31 watching
183 forks
Language: TypeScript
last commit: 8 months ago
Linked from 1 awesome list
babelbabel-macrocss-in-jsemotionemotionjsgooberreactreactjssolidjsstitchesstyled-componentsstyling-css-in-jsstyling-reacttailwindtailwind-csstailwind-in-jstailwindcsstwin
aniftyco/awesome-tailwindcssRelated projects:
| Repository | Description | Stars |
|---|---|---|
 kognise/water.css | A CSS framework that provides a lightweight and themable way to enhance the styling of simple websites | 8,330 |
 elrumordelaluz/csshake | A collection of CSS classes to create shake animations in web applications | 4,856 |
 adamschwartz/magic-of-css | An educational resource for web developers to learn CSS fundamentals through a structured course format. | 6,641 |
 tobiasahlin/spinkit | A collection of loading indicators animated with CSS | 19,354 |
 tw-in-js/twind | A CSS compiler that converts utility classes into CSS at runtime without the need for a build step or bundler. | 3,795 |
 jaysalvat/image2css | Generates CSS box-shadow properties from an image | 715 |
 vanilla-extract-css/vanilla-extract | A tool for writing and managing CSS styles in TypeScript at build time | 9,605 |
 martinandert/babel-plugin-css-in-js | Converts JavaScript inline styles to class names and bundles them into a CSS file | 298 |
 awssat/tailwindo | Converts Bootstrap CSS classes to equivalent Tailwind CSS classes in HTML/PHP files | 1,093 |
 javierbyte/img2css | Converts images to pure CSS using box-shadows, offering an alternative way to display images without requiring an image tag. | 2,484 |
 css-doodle/css-doodle | A web component for generating patterns with CSS. | 5,649 |
 animate-css/animate.css | A cross-browser CSS animation library | 80,864 |
 liluxdev/summernote-addclass | Enables users to add custom CSS classes to selected elements in the Summernote editor | 33 |
 cruel-intentions/stylops | Converts JSON-like configuration into CSS, following specific rules and constraints. | 0 |
 lukehaas/css-loaders | A collection of single-element CSS spinners designed to be visually appealing and minimalistic | 7,055 |