@heyompatil

Trigger haptic feedback on mobile devices.

Fetch a GitHub user's repositories and authored pull requests, with caching and rate-limit handling.

Fetch OpenPanel analytics overview metrics and their period-over-period changes, with caching.

Hook for playing sound effects with volume, playback rate, and interrupt controls.

A collection of crafted UI components, micro-interactions, and visual effects for React and Next.js.

Toggle between system, light, and dark themes in Next.js apps.

Animated text that cycles through items with a smooth flip transition.

SVG writing animation inspired by Apple’s Hello screen.

SVG writing animation inspired by Apple’s Hello screen.

SVG writing animation inspired by Apple’s Hello screen.

SVG writing animation inspired by Apple’s Hello screen.

Swipe a row in a list to reveal actions on the left or right.

iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.

Animated chevrons icon that morphs between up and down directions.

Custom prose styles for headings, links, inline code, and emphasis.

Display work experiences with role details, company logos, and durations.

Smooth, light-sweeping shimmer animation for text.

Interactive slider inspired by the classic iPhone “slide to unlock” gesture.

Scrolling marquee to showcase user testimonials.

Display user feedback with author info, avatar, and verified badge.

Display GitHub repo star count with formatted numbers and full-count tooltip.

Fade content edges as you scroll, for both vertical and horizontal layouts.

Cookie and tracking consent banner for Next.js, built on c15t.

Copy text to clipboard with visual, haptic, and audio feedback.

Display install commands with package manager switcher and copy button.

Testimonial card with spotlight effect on hover.

Display cards with glowing border and background effects.

Truncate text in the middle while preserving start and end.

Render Unicode emoji as Twemoji SVG images inline with text.

Slider with elastic rubber-band drag and magnetic snap feedback.

A GitHub-style contribution graph component that displays activity levels over time.

Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link.

Navigate page sections with a compact, hoverable TOC minimap.

Render text with a fluid gradient that shifts with pointer movement.

Context menu for copying brand SVGs and opening asset links.

Animate icon swaps with scale, blur, and fade transitions.

Interactive dot grid with a cursor-tracking spotlight effect.

Text arranged in a circle with a continuous spinning animation.

Animated Mobius loop icon that morphs between circles and infinity shape.

Cycle through logos column by column in a staggered wave.

Flip cards in a staggered wave to reveal the next batch of logos.

Display a testimonial quote with author attribution and source link.

Vertical navigation with a line marker that expands on hover and active state.

Share menu to copy a link or post to X, LinkedIn, and the native share sheet.

SVG logo with a cursor-tracking gradient highlight and tactile press.

Ruler-style timeline for plotting milestones along a horizontal or vertical axis.

Button that shows loading and success feedback for async actions.

Display a Carbon Ads unit in Next.js apps, styled to match your shadcn/ui theme.

Infinite autoplay carousel with progress dots, inspired by Apple’s website.

Leather card holder shaped like a JPG file, with cards you can pull out.

List GitHub repositories with language, fork origin, and star counts.

List authored pull requests with merged, open, and closed states.

A simple login form.

A hero section with a golden spiral background.

A blog section with a grid layout.

A blog section with a lined grid layout.

A testimonials section with dual marquees.

A testimonials section with a lined layout.

A work experience section with a lined layout.

A team section with glowing cards.

A metrics section with a line chart.

A social links section with a lined grid layout.

A social proof section with a logos carousel.

A 404 page with a playable brick breaker game.

An open source section with authored pull requests and repositories.

A support call-to-action with sponsor and star actions.