1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability

1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability

1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app

Terms of Service Privacy Policy

Registry Health Inspect

cnippet – shadcn/ui Components – Page 23 | shadcnregistry

Registries
cnippet

cnippet

Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

@cnippet/v-number-field-10

V Number Field 10

Font size with live preview

@cnippet/v-number-field-11

V Number Field 11

Percentage with scrub

@cnippet/v-number-field-12

V Number Field 12

Shopping cart quantity row

@cnippet/v-number-field-13

V Number Field 13

Typography settings

@cnippet/v-number-field-14

V Number Field 14

Min/max budget range

@cnippet/v-number-field-15

V Number Field 15

Controlled with reset

@cnippet/v-number-field-16

V Number Field 16

Showcase: label, scrub, sizes and disabled

@cnippet/v-number-field-2

V Number Field 2

Sizes

@cnippet/v-number-field-3

V Number Field 3

Disabled

@cnippet/v-number-field-4

V Number Field 4

With External Label

@cnippet/v-number-field-5

V Number Field 5

With Scrub

@cnippet/v-number-field-6

V Number Field 6

With Range

@cnippet/v-number-field-7

V Number Field 7

With Formatted Value

@cnippet/v-number-field-8

V Number Field 8

With Step

@cnippet/v-number-field-9

V Number Field 9

Form Integration

@cnippet/v-otp-field-1

V Otp Field 1

Default

@cnippet/v-otp-field-10

V Otp Field 10

4-digit PIN with confirm

@cnippet/v-otp-field-11

V Otp Field 11

Email verification card

@cnippet/v-otp-field-12

V Otp Field 12

2FA authenticator app

@cnippet/v-otp-field-13

V Otp Field 13

8-char invite code with separator

@cnippet/v-otp-field-14

V Otp Field 14

Success state on completion

@cnippet/v-otp-field-15

V Otp Field 15

Resend countdown timer

@cnippet/v-otp-field-16

V Otp Field 16

Showcase: separator, large and disabled

@cnippet/v-otp-field-2

V Otp Field 2

Large

@cnippet/v-otp-field-3

V Otp Field 3

With Separator

@cnippet/v-otp-field-4

V Otp Field 4

With Label

@cnippet/v-otp-field-5

V Otp Field 5

Custom sanitization

@cnippet/v-otp-field-6

V Otp Field 6

Auto Validation

@cnippet/v-otp-field-7

V Otp Field 7

Alphanumeric

@cnippet/v-otp-field-8

V Otp Field 8

Placeholder hints

@cnippet/v-otp-field-9

V Otp Field 9

Masked entry

@cnippet/v-pagination-1

V Pagination 1

Default

@cnippet/v-pagination-10

V Pagination 10

With Outline Style Buttons

@cnippet/v-pagination-11

V Pagination 11

Rows per page with first/last navigation

@cnippet/v-pagination-12

V Pagination 12

With Page Select Dropdown And First/Last Navigation

@cnippet/v-pagination-13

V Pagination 13

Numbered Pagination With Go-To-Page Input

@cnippet/v-pagination-14

V Pagination 14

With Page Info, Numbered Pages, Ellipsis, and Per-Page Select

@cnippet/v-pagination-15

V Pagination 15

Smart ellipsis with results count

@cnippet/v-pagination-16

V Pagination 16

Mini pill

@cnippet/v-pagination-17

V Pagination 17

Older/newer cursor navigation

@cnippet/v-pagination-18

V Pagination 18

Controlled with smart ellipsis

@cnippet/v-pagination-19

V Pagination 19

Results summary with compact nav

@cnippet/v-pagination-2

V Pagination 2

Without Labels

@cnippet/v-pagination-20

V Pagination 20

Loading/disabled state

@cnippet/v-pagination-21

V Pagination 21

Showcase: numbered, icon-only and page info

@cnippet/v-pagination-3

V Pagination 3

With Hover Effect

@cnippet/v-pagination-4

V Pagination 4

With Circle Buttons

@cnippet/v-pagination-5

V Pagination 5

With Go-To-Page Input

Previous page 1…22 23 24

…