Log in
CategoriesView all 16 categories

Tailwind CSS

97.6ktailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

View on GitHub

Build a stack with Tailwind CSS

Pick parts from it and the projects that work well with it. We check the licences together and write a prompt for your AI.

Tailwind CSS

Your stack

Tick the parts you want to use. Projects whose parts are not listed yet can be added whole; the prompt tells your AI to find the right pieces in their code.

Log in to save

Building blocks

Tailwind CSS is made of parts you can use on their own in your project. Copy a prompt to have your AI assistant add one for you, and see the licence card for what you may do with them.

  • Styling for your website

    Free to use, even in closed products

    The Tailwind styling toolkit itself: style pages with short class names instead of writing CSS files.

    Use it to build

    • Any web front end
    • Design systems
    • Marketing sites
    View code
    Technical details
    Name
    tailwindcss
    What it is
    Code library
    How to use it
    Install it, then configure it
    Install
    npm i tailwindcss
    Licence
    MIT License (read from packages/tailwindcss/package.json (licence field))

  • Tailwind for Vite projects

    Free to use, even in closed products

    Adds Tailwind to projects built with Vite, such as SvelteKit, Astro or Remix, in one step.

    Use it to build

    • Vite, SvelteKit, Astro and Remix apps
    View code
    Technical details
    Name
    @tailwindcss/vite
    What it is
    Plugin
    How to use it
    Install it and use it
    Install
    npm i @tailwindcss/vite
    Licence
    MIT License (read from packages/@tailwindcss-vite/package.json (licence field))

  • Tailwind for Next.js

    Free to use, even in closed products

    Adds Tailwind to Next.js and other projects that already use PostCSS.

    Use it to build

    • Next.js apps
    • Existing PostCSS pipelines
    View code
    Technical details
    Name
    @tailwindcss/postcss
    What it is
    Plugin
    How to use it
    Install it and use it
    Install
    npm i @tailwindcss/postcss
    Licence
    MIT License (read from packages/@tailwindcss-postcss/package.json (licence field))

  • Tailwind without a build tool

    Free to use, even in closed products

    Builds your Tailwind styles from the command line, for simple sites with no JavaScript build step.

    Use it to build

    • Static sites
    • Server-rendered apps without a JS build
    View code
    Technical details
    Name
    @tailwindcss/cli
    What it is
    Command-line tool
    How to use it
    Install it and use it
    Install
    npm i @tailwindcss/cli
    Licence
    MIT License (read from packages/@tailwindcss-cli/package.json (licence field))

Comments

No comments yet. Be the first to share your thoughts.