Fingertip UI
DocsComponentsIcons
GitHub

Getting Started

Introduction
Installation
Typography
Tailwind v4
Icons

Components

Accordion
Alert Dialog
Alert
Aspect Ratio
Avatar
Badge
Bar List
Bottom Sheet
Breadcrumb
Button
Calendar
Card
Carousel
Checkbox
Circular Progress
Collapsible
Color Picker
Combobox
Command
Copy
Currency Input
Data Table
Date Picker
Date Range Dropdown
Date Range Picker
Dialog
Dropdown Menu
Form Control
Glass Label
Input OTP
Input
Kbd
Label
List
Menubar
Modal
Multi Combobox
Multi Select
Phone Input
Popover
Progress List
Progress
Prompt
Radio Group
Render Prompt
Responsive Sheet
Scroll Area
Scroll Menu
Search
Select
Separator
Share
Sheet
Skeleton
Slider
Sonner
Spinner
Stat
Stepper
Sticker
Switch
Table
Tabs
Textarea
Toggle Group
Toggle
Toolbar
Tooltip
Validation
Docs
Tailwind v4

Tailwind v4

We've released a new version of Fingertip UI that uses Tailwind CSS v4.

Fingertip UI now supports Tailwind v4 and React 19 by default.

How to use Tailwind v4

You can start by going to any component and following the instructions. Try marquee for example.

How to upgrade your project to Tailwind v4

If you would like to upgrade your project to Tailwind v4, you can follow the steps here https://ui.shadcn.com/docs/tailwind-v4.

TypographyIcons

Contribute

  • Report an issue
  • Request a feature
  • Edit this page

Brought to you by fingertip.com.