Shadcn components

Animated Background

Dynamic background elements that react to interaction.

Animated Input

Input fields with smooth focus and validation animations.

Animated Tabs

Tabs with smooth sliding indicators and transitions.

Animated Theme Toggler

A theme toggle button with a circular clip-path transition effect.

Bar Visualizer

Audio-reactive bar visualization components.

Code Block

Syntax highlighting with copy functionality and theme support.

Encrypted Text

Text that reveals itself with a matrix-like scrambling effect.

Flip Clock

A retro-style mechanical flip clock with real-time and countdown modes.

Floating Dock

MacOS-style floating dock for navigation links.

Glowing Effect

A glowing border effect that follows the mouse pointer.

Liquid Glass

Glassmorphism effects with liquid distortions.

Magnetic

A magnetic effect for elements that allows them to be attracted to the mouse cursor.

Marquee

An infinite scrolling component that handles content loops effortlessly.

Morphing Text

Text that morphs smoothly between different states.

Partition Bar

A proportional bar chart component for visualizing distributed data values.

Pixelated Button

Retro-style buttons with pixelated interactions.

Raya Button

The signature button component of the design system.

Scroll Spy

Automatically highlights navigation items based on scroll position.

Tree

Hierarchical tree view for file structures or nested data.

Wheel Picker

iOS-style scrollable wheel picker for selecting values.

Ambient Grid

Subtle grid background with ambient lighting effects.

Background Beams

Moving beams of light for a cinematic background feel.

Dotted Glow

A matrix of dots that glow on hover or animation.

Gravity Stars

Stars that react to mouse movement and gravity.

Ripple Effect

Water-like ripple effects triggered by interaction.

Snow Effect

Configurable snow falling animation.