1500 Open source projects that are alternatives of or similar to Twin.macro

Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.

A small, fast, and simple CSS-in-JS solution for React.

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

A bridge between Tailwind and Stitches

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

Tailwind CSS as a templating language in JS and CSS-in-JS

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

👩‍🎨 Access your design tokens with ease

Useful interpolated functions for CSS-in-JS

Tailwind CSS + PostCSS + BrowserSync boilerplate

React components to add reveal animations using the Intersection Observer API and CSS Animations.

A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.

Template to create a desktop app with Svelte, TailwindCSS, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)

Visage design system

Automatic alpha variants for your Tailwind CSS colors based on your opacity config

ESLint rules for Tailwind CSS

Simple and powerful tool for creating breakpoints in styled components and emotion. 💅

🍭 CSS in React - Learn the best CSS in JS frameworks by example

a short doc comparing the popular CSS-in-JS libraries styled-components and emotion

⬢ Style props for rapid UI development

Use Tailwind with any CSS-in-JS library

😱 React HTML elements with CSS-in-JS

🚀 A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.

Responsive style props for building themed design systems

🌑 Enable dark mode for Next.js apps

The little bag of CSS-in-JS superpowers

Typed styled components in Reason, OCaml and ReScript

Free Tailwind CSS UI Components - Crafted for modern websites, landing pages and web apps. TailGrids Core is free and open-source so, feel free to use with your personal or commercial projects. If you would like to show your support and love, don't forget to give us a star 🌟

🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

✨ Utility CSS-in-JS library that provides a set of low-level, configurable, ready-to-use styles

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

Integrate Tailwind CSS in a Create React App setup

This package has moved and renamed

A lightweight(~1kb) css-in-js framework

Use the power of PostCSS in compiling with JSS

Responsive Media Queries for Emotion styled or styled-components — Standard size from Chrome DevTools.

⚡️ Set up Next.js Progressive Web App with `npx create-next-pwa`

Twitter UI Clone built during a live stream.

vscode extension for xwind

Free and Open Source UI Kit for Tailwind CSS and React based on Google's Material Design.

Helping you take mediocre pictures, hands-free. 📷🙆🏻🙅🏾💁🏼📸

A simple Next.js starter kit with TailwindCSS (JIT) and Framer Motion preconfigured. Optional feature branches for Locomotive Scroll, Sanity and Dato configuration coming soon...

An image hosting service powered by Laravel

Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.

Minimal Boilerplate for building static pages based on Laravel Mix 6, TailwindCSS 3, PostCSS 8, and ES6 Vanilla JS components.

fast minimal CSS-in-JS created to reduce size of CSS injected

Most elegant way to work with TailwindCSS variants in Vue

Jekyll Atlantic is a beautiful Tailwind CSS theme. It shows best practices for using Tailwind with Jekyll.

💅 styled-components 中文文档翻译 🏇持续施工中

A landing page made with tailwindcss and the new Gradient feature.

🧩 Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.

Gridsome starter based on the Liebling theme for Ghost. Content is added via markdown, while Tailwind CSS is used for the layout/styling.

Plugin for using tailwindcss with StencilJS

A basic and simple to set up Hugo with TailwindCSS starter project.

🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.

Information about our community

This is a complementary React code for the tailwindcss project.

Easily create css variables without the need for a css file!

Heroicons as React components