Skip to main content
15 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

Particles

A highly customizable interactive particle background, featuring smooth fluid animations, real-time mouse reactivity, and a sleek modern motion feel.

Scroll Progress

A smart table of contents component that tracks reading progress with a fluid active line indicator that dynamically bends and adapts to nested subtopics.

Filter Selector

A premium filter selection component where items gracefully float between available and selected states with fluid animations, ideal for intuitive list filtering.

Command Palette

A clean command palette with smooth scale animations, search functionality, keyboard navigation, and customizable command groups.

Floating Toolbar

A polished specific-use toolbar featuring smooth shared-element transitions for tooltips and active states, creating a seamless and fluid user interaction experience.

Toolbar

A sleek formatting toolbar with smooth scale animations, text alignment, and active state tracking. Built with Framer Motion.

Floating Tabs

A modern tab navigation component featuring a fluid animated background indicator that smoothly transitions between active tabs with spring physics.

GitHub Calendar

A premium responsive GitHub contribution calendar with precise tooltips, legend keys, and smooth scale styling. Built with SVGs.

Confetti Button

A delightful micro-interaction button that triggers a burst of high-performance physics-based confetti particles upon completion.

Search Bar

A sleek, modern search bar with animated placeholder text that smoothly cycles through multiple prompts with blur transitions.

Testimonial Marquee

A smooth, infinite scrolling marquee component perfect for testimonials with dual rows moving in opposite directions and gradient edge fading.

Animated Text Slider

A smooth vertical text carousel that cycles through multiple text items with elegant slide and fade transitions, perfect for role titles or taglines.

Scramble Text

An animated text component that creates a hacker-style character scrambling effect on hover, revealing text with a smooth decoding animation.

Shiny Text

A shimmering text effect that adds a premium, polished feel to your headings or call-to-action buttons with a customizable light reflection animation.

Minimal Tooltip

A lightweight tooltip component that displays contextual information on hover with customizable positioning and smooth fade animations.

Sakshi Saha — developer behind components

sakshi-ui

Built by Sakshi Saha

more components soon :)