for your
Backgrounds
Buttons
3D Button
A premium 3D button component with customizable dual-tone gradients, shimmer effects, and depth shadows.
Drag Button
An interactive draggable button requiring a left-to-right swipe to confirm actions, featuring optional success animations and spring physics.
Press Button
An industry-grade neobrutalist button with a 3D press effect and highly flexible theming.
Sliding Button
A high-performance interactive button that slides an icon into view on hover with spring animations and depth shadows.
Styled Button
An elegant styled button with vibrant radial gradients, shadow glows, and smooth active transitions.
Components
Animated Layout
A layout switcher component with buttery-smooth spring-physics transitions between list, grid, and pack views.
Avatar Tooltips
Interactive overlapping avatars that reveal animated, spring-based tooltips on hover.
Discord Online
Live Discord member presence count using Next.js server components.
GitHub Calendar
Fully interactive GitHub contribution calendar with year-switching and tooltips.
GitHub Stars
Displays a GitHub repo star count with server-side fetching and tooltips.
Logo Grid
Clean grid of client logos with dashed plus-sign separators.
Logo Marquee
Premium infinite marquee slider with automatic brand fallback and mask fades.
Theme Toggler
A minimal theme toggle button with a cinematic full-screen curtain wipe animation. Supports vertical and horizontal directions.
Effects
Text Animations
Gradient Background Text
Text component featuring an animated background orb field and engraved depth effect.
Gradient Text
High-impact text component with moving color orbs and 3D depth.
Text Outline Glow
An animated text hover effect with glowing outlines and cursor-following reveals.