HomeBlogComponents
13 COMPONENTSOPEN SOURCE

Components

A curated collection of modern, reusable React components. Built with performance and accessibility in mind. Copy, paste, and customize.

Copy & Paste
Tailwind CSS
Accessible

Drag & Drop Reorder

A smooth, accessible sortable list with spring physics and a glow while dragging.

Liquid Scroll Progress

A fixed liquid progress indicator — the component never moves, wheel/touch input drives the fill.

Jelly Toolbar

A floating toolbar with a solid jelly/slime blob that stretches and morphs between items as you move your cursor.

Pagination

Four pagination styles — Pills, Outline, Compact, With Input — sharing one page state with a sliding active-page indicator.

OTP Input

Four OTP input styles — Classic, Underline, Pill, Filled — each with a spring-driven focus indicator that glides to the exact measured position of the active slot.

Buttons

Four animated button interactions — Staggered Letter Lift, Single Liquid Bubble, Magnetic, Cursor Compression — monochrome, independently stateful, and built on identical geometry.

Elastic Dropdown

A compact dropdown whose outer shape physically stretches open — one continuous spring-driven SVG surface that bows, overshoots, and settles back into the trigger, not a menu that fades or slides in.

© 2026 Shreyash.|
PortfolioBlogComponentsContact