77 Components & Libraries
Starter template for NextJs with TypeScript. Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.
TailwindCSS Radix TailwindCSS plugin that helps styling radix state. Installation yarn yarn add tailwindcss-radix npm npm i tailwindcss-radix Usage Yo
✏️ Griffel CSS-in-JS with ahead-of-time compilation. Griffel (German for stylus/pen) is CSS-in-JS with near-zero runtime, SSR support and styles defin
react-responsive Information Package react-responsive Description Media queries in react for responsive design Browser Version = IE6* Demo The best s
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
tailwindcss-classnames Functional typed classnames for TailwindCSS TailwindCSS is a CSS library that has gained a lot of traction. The developer exper
Autoprefixer PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twi
Material-tailwind - An easy-to-use components library for Tailwind CSS and Material Design
sass-loader Loads a Sass/SCSS file and compiles it to CSS. Getting Started To begin, you'll need to install sass-loader: npm install sass-loader sass
Jest Styled Components A set of utilities for testing Styled Components with Jest. This package improves the snapshot testing experience and provides
React CSS Modules React CSS Modules implement automatic mapping of CSS modules. Every CSS class is assigned a local-scoped identifier with a global un
emotion The Next Generation of CSS-in-JS Emotion 11 has been released 🚀 See the blog post Emotion is a performant and flexible CSS-in-JS library. Bui
Radium yarn add radium # or npm install --save radium Radium is a set of tools to manage inline styles on React elements. It gives you powerful stylin
Windstitch is a 1.2kB, Simple Styling Library that helps you set when a className should be applied to a component.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 Looking for v5? The master branch is un
15 Puzzle My first Game using React.js This is a classic 15-puzzle. To play you first scramble the tiles and then try to put them back in order. To mo
A Terminal Styled Portfolio Website. 🐱💻, a terminal style/styled portfolio website made with 3 using react.
macaron comptime-css is now called macaron! macaron is a zero-runtime and type-safe CSS-in-JS library made with performance in mind Powered by vanilla
Aphrodite Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation. Support for colocating y
Css Generator 😃 Packages used in Project : React Router Dom Framer Motion react-color react-icons react-awesome-button Preview Tools 🔨 Background to
Isomorphic CSS style loader for Webpack CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rend
tslint-react Lint rules related to React & JSX for TSLint. Usage tslint-react has peer dependencies on TSLint and TypeScript. To use these lint rules
A single-page application based on Homejam's homepage built using React.js homejam-clone.netlify.app This is the frontend of Homejam build with React.
React Container Query True modularity in styling responsive component. Installation npm i -D react-container-query Disclaimer I am providing code in t
This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.
React based authentication page template This is my starter template for Login, Register and Forgot Password using ReactJS with simple form validation
Leverage the CSS Houdini API and the wopian/smooth-corners npm package to create a rounded corner look for your React elements
React-Spinner A Simple Spinner and Loader Library Have a look How to use? The NPM package is not released yet. You can clone the project and try out t
Welcome to a Portfolio Template 👋 This is Avneesh's portfolio, feel free to use it and contribute to it 🏠 Homepage ✨ Demo Using the template To use
React Split Flap Display A React component that mimics a Split-Flap/Solari display, cos I like Solari boards & wanted to practice creating NPM modules
CSS Maid 🧹 What is it? CSS Maid is a tool for React.js that helps clean up & reset default css! It resets default padding, remove text-decoration on
styled-typography Typograpy components for react and styled-components styled-typography is a small set of components, using styled-components, to bet
React Native Whirlwind 🌪️ A utility-first CSS framework designed for React Native. Whirlwind is a utility-first CSS framework specifically designed f
vite-react-css Vite plugin that emulates Scoped CSS for React components (using generated class names) Compatible with SSR Automatic code-splitting Ho
court.css 🏰 A (work in progress) JSX-based, CSS utility framework with a predic
@master/style-element.react Quickly create reusable React elements driven by class names. ~800B 🔴 Traditionally, you would extract a reusable element
The UI design language and React library for Conversational UI Website：https://chatui.io English | 简体中文 Features 😎 Best Practices: The best practice
Aesthetic Start using Aesthetic now! aestheticsuite.dev Aesthetic is an end-to-end, multi-platform styling and design suite, that offers the following
A sticky view with scroll listener API for parallax style views. Stickyroll Site | Getting started | Live support | Typedoc Are you looking for a Vue.
tsstyled React visual primitives with first-class TypeScript support and a tiny footprint. TL;DR: This library is a styled-components rewrite that is
A set of modules is for CSS-in-JS solution that includes state-to-style bindings, SRR and next-level developer experience. It includes a framework-agnostic implementation
💄 Styled-RN Styled Components for React Native the way they should have been. Inspired by this article Intro Why 💄 styled-rn it better than 💅🏼 sty
Rocketflix 🚀 Desafio proposto pela Rocketseat do curso Discover, de um gerador de filme randômico Objetivo • Tecnologias • Pré-requisitos • Funcional
Site feito com o react, typescript e styled components, que consome a API do tmdb de filmes.
Red-tetris-42Network The objective of this project is to develop a networked mul
🌐 ― React/Next.js/TailwindCSS portfolio
Optimized Dracula Theme A color theme inspired by dracula color theme. This color theme is not based on dracula color theme. The color styles are simi
fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
Said MOUNAIM To view a live example, click here. Getting Started These instructi
💻 A Disney+ interface with React, TypeScript and consumption of a fake API with json-server