Discover a verified open-source cohort from Magic UI and EvilCharts through BlockDex; installs resolve to the original publishers.
A backlight glow effect for videos, images, and SVGs.
Bento grid is a layout used to showcase the features of a product in a simple and elegant way.
Blur fade in and out animation. Used to smoothly fade in and out content.
An animated beam of light which travels along the border of its container.
A client-side version of the tweet card that displays a tweet with the author's name, handle, and profile picture.
A component which compares two code snippets.
Comic text animation
Confetti animations are best used to delight your users when something special happens
Cool mode effect for buttons, links, and other DOMs
A horizontal color band sweeps across text, revealing a gradient shine before settling on the base color.
An implementation of the MacOS dock using react + tailwindcss + motion
A background dot pattern made with SVGs, fully customizable using Tailwind CSS.
A component with a dotted map.
A component used to showcase the folder and file structure of a directory.
A flickering grid background made with SVGs, fully customizable using Tailwind CSS.
A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.
A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).
An autorotating, interactive, and highly performant globe made using WebGL.
An animated grid of subtly shifting glyphs with fade effect and theme support.
A background grid pattern made with SVGs, fully customizable using Tailwind CSS.
A hero video dialog component.
A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.
A text highlighter that mimics the effect of a human-drawn marker stroke.
A text animation that scrambles letters before revealing the final text.
An interactive 3D tag cloud component
From Magic UI. Source and installation remain with the original publisher.
A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.
From Magic UI. Source and installation remain with the original publisher.
A mockup of the iPhone
A text component that animates font weight of characters on hover.
A interactive component that enables zooming into images, videos and other elements.
A component with animated light rays which shine down from above.
A text component with a moving line shadow.
A spotlight effect that follows your mouse cursor and highlights borders on hover.
An infinite scrolling component that can be used to display text, images, or videos.
A meteor shower effect.
A dynamic text morphing component for Magic UI.
A beautiful neon card effect
An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for subtle texture overlays.
Animate numbers to count up or down to a target number
A collection of circles which move in orbit along a circular path
Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.
A component that displays an image with a pixelated effect, creating a retro aesthetic.
A component that displays a pointer when hovering over an element
The Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below or above.
An animated pulsating button useful for capturing attention of users.
An animated button with a rainbow effect.
An animated scrolling retro grid effect