All task areas

Frontend & UI

Styling, components, frameworks

4 tasks3 tools
1

Add a UI component library

shadcn-ui
Frontend & UI

shadcn/ui

Not a library — a collection of re-usable components you copy into your project. Built on Radix UI primitives and styled with Tailwind CSS. The fastest way to build beautiful, accessible React UIs that you fully own.

TypeScriptReactOpen Source
84
Trust
Strong
2

Style with utility-first CSS

tailwind-css
Frontend & UI

Tailwind CSS

A utility-first CSS framework that lets you build any design directly in your markup. Tailwind eliminates writing custom CSS by providing low-level utility classes. Now the most popular CSS framework for new projects.

CSSJavaScriptOpen Source
90
Trust
Excellent
3

Build a consistent design system

tailwind-css
Frontend & UI

Tailwind CSS

A utility-first CSS framework that lets you build any design directly in your markup. Tailwind eliminates writing custom CSS by providing low-level utility classes. Now the most popular CSS framework for new projects.

CSSJavaScriptOpen Source
90
Trust
Excellent
shadcn-ui
Frontend & UI

shadcn/ui

Not a library — a collection of re-usable components you copy into your project. Built on Radix UI primitives and styled with Tailwind CSS. The fastest way to build beautiful, accessible React UIs that you fully own.

TypeScriptReactOpen Source
84
Trust
Strong
storybook

Storybook

Frontend workshop for building UI components in isolation. The industry standard for component documentation, visual testing, and design system development.

TypeScriptUITesting
61
Trust
Fair
4

Document & test UI components

storybook

Storybook

Frontend workshop for building UI components in isolation. The industry standard for component documentation, visual testing, and design system development.

TypeScriptUITesting
61
Trust
Fair