M
moumen-soliman
/
uitripled
/
ui
Files
Code
Info
AI Unlock Animation
ai-unlock-animation-shadcnui
Premium unlock animation with particles, ripples, and loading states
Animated Progress Bar
animated-progress-shadcnui
Progress bar with smooth animation
Animated Quote Block
animated-quote-block-shadcnui
Quote that types itself in, pauses, then subtly breathes
Accessible Cash Flow Chart
cash-flow-chart
Interactive cash flow bar chart with keyboard focus, tooltips, and screen reader support
Dynamic Tag Cloud
dynamic-tag-cloud-shadcnui
Floating cluster of tags that drift and rearrange when hovered
Elastic Toggle Switch
elastic-switch-shadcnui
Toggle switch with elastic spring animation
Floating Gradient
floating-gradient-shadcnui
Animated floating gradient background effect
Floating Info Panel
floating-info-panel-shadcnui
Info tooltip that drifts up/down while fading in/out intermittently
Folder Animation
folder-animation
Animated folder card with motion blur effect, perfect for showcasing file operations or loading states
Gradient Animation
gradient-animation-shadcnui
Smoothly transitioning gradient background
Heart Favorite
heart-favorite-shadcnui
Animated heart icon for like/favorite actions
Holographic Wall
holographic-wall-shadcnui
Black wall with Pharaonic hieroglyphs and golden cursor light reflection
Liquid Cursor
liquid-cursor-shadcnui
A liquid-like cursor effect that mixes colors on movement
Mood Gradient Button
mood-gradient-button-shadcnui
Button with background gradient that shifts based on hover angle
Preview Details Card
preview-details-card-shadcnui
Link card that reveals a smooth detail preview box on hover
Reactive Background Grid
reactive-background-grid-shadcnui
Background pattern that reacts to mouse movement and click ripples
Ripple Click Effect
ripple-click-button-shadcnui
Material design inspired ripple effect on click
Scale Hover Button
scale-hover-button-shadcnui
A button that scales up smoothly on hover
Shimmer Button
shimmer-button-shadcnui
Button with continuous shimmer effect
Spotlight Section
spotlight-section-shadcnui
Container where mouse creates soft radial spotlight following cursor
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
AI Unlock Animation
ai-unlock-animation-shadcnui
Premium unlock animation with particles, ripples, and loading states
Animated Progress Bar
animated-progress-shadcnui
Progress bar with smooth animation
Animated Quote Block
animated-quote-block-shadcnui
Quote that types itself in, pauses, then subtly breathes
Accessible Cash Flow Chart
cash-flow-chart
Interactive cash flow bar chart with keyboard focus, tooltips, and screen reader support
Dynamic Tag Cloud
dynamic-tag-cloud-shadcnui
Floating cluster of tags that drift and rearrange when hovered
Elastic Toggle Switch
elastic-switch-shadcnui
Toggle switch with elastic spring animation
Floating Gradient
floating-gradient-shadcnui
Animated floating gradient background effect
Floating Info Panel
floating-info-panel-shadcnui
Info tooltip that drifts up/down while fading in/out intermittently
Folder Animation
folder-animation
Animated folder card with motion blur effect, perfect for showcasing file operations or loading states
Gradient Animation
gradient-animation-shadcnui
Smoothly transitioning gradient background
Heart Favorite
heart-favorite-shadcnui
Animated heart icon for like/favorite actions
Holographic Wall
holographic-wall-shadcnui
Black wall with Pharaonic hieroglyphs and golden cursor light reflection
Liquid Cursor
liquid-cursor-shadcnui
A liquid-like cursor effect that mixes colors on movement
Mood Gradient Button
mood-gradient-button-shadcnui
Button with background gradient that shifts based on hover angle
Preview Details Card
preview-details-card-shadcnui
Link card that reveals a smooth detail preview box on hover
Reactive Background Grid
reactive-background-grid-shadcnui
Background pattern that reacts to mouse movement and click ripples
Ripple Click Effect
ripple-click-button-shadcnui
Material design inspired ripple effect on click
Scale Hover Button
scale-hover-button-shadcnui
A button that scales up smoothly on hover
Shimmer Button
shimmer-button-shadcnui
Button with continuous shimmer effect
Spotlight Section
spotlight-section-shadcnui
Container where mouse creates soft radial spotlight following cursor
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information