Tailwind's Color Palette

Tailwind's Color Palette shows Tailwind's default colors applied to shadcn/ui components, allowing designers to preview how each color appears in real UI contexts.

Personal

UI / UX, Front-End Coding

React, Next.js, TailwindCSS, Shadcn-ui

FW25

Project Role

01. Designed a clean, structured interface to showcase tailwind's color tokens and their UI applications.

02. Built the full front-end using Next.js, React, and Tailwind CSS, handling all component logic, and state management.

03. Integrated shadcn components to preview how each color token looks when applied to real UI elements. (Also using Emil Kowalski's Vaul)

interaction designer

interaction designer