https://github.com/adrgautier/cascade

A better way to manipulate class names in React with support for Tailwind and CSS Modules.
https://github.com/adrgautier/cascade

classnames css css-modules react taillwindcss

Last synced: 17 days ago
JSON representation

A better way to manipulate class names in React with support for Tailwind and CSS Modules.

• Host: GitHub
• URL: https://github.com/adrgautier/cascade
• Owner: adrgautier
• License: mit
• Created: 2022-12-04T17:52:14.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-09-16T22:09:54.000Z (9 months ago)
• Last Synced: 2025-10-30T08:02:07.939Z (8 months ago)
• Topics: classnames, css, css-modules, react, taillwindcss
• Language: TypeScript
• Homepage:
• Size: 445 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ![use-cascade](./packages/use-cascade/assets/use-cascade.svg)

![typescript](https://img.shields.io/badge/written%20for-typescript-3178c6?style=flat-square) ![biome](https://img.shields.io/badge/checked%20with-biome-60a5fa?style=flat-square) ![vitest](https://img.shields.io/badge/tested%20with-vitest-729b1b?style=flat-square) [![codecov](https://img.shields.io/codecov/c/github/adrgautier/cascade?style=flat-square&token=IPTGBDRRJE)](https://codecov.io/gh/adrgautier/cascade) [![npm](https://img.shields.io/npm/v/use-cascade?style=flat-square)](https://www.npmjs.com/package/use-cascade)

A better way to manipulate class names in React with support for Tailwind CSS and CSS Modules.

## Project Structure

This is a monorepo containing:

- **`packages/use-cascade/`** - The main use-cascade library

- **`apps/docs/`** - Documentation website with examples and guides

## Quick Start

```bash

npm install use-cascade

```

```tsx

import { createCascade } from 'use-cascade';

const [useCascade, CascadeProvider] = createCascade();

function Button() {

  return Click me;

}

function App() {

  return (

    

       {/* Will have classes: "btn btn-primary" */}

    

  );

}

```

## More Information

Please check the [README](./packages/use-cascade/README.md) from the use-cascade package for complete documentation.