Copy and paste expertly crafted, fully customisable, responsive, components, powered by shadcn-vue, Tailwind & Vue.

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.