@ncdai

Trigger haptic feedback on mobile devices.

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

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.

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.

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.

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.