Search documentation

Search pages, components, blocks, and snippets.

Follow for updates

X @Ashutosh_7x7

Installation

Install Next.js

Install Tailwind CSS

Animated Button

Generate Button

Radial Glow Button

Social Flip Button

Animated Number

ASCII Glitch Ripple

Interactive Book

Perspective Carousel

Cylinder Carousel

Diagonal Carousel

Ripple Displacement Slider

Scroll Dissolve Reveal

Pixelated Image Trail

Interactive Keyboard

Typing Keyboard

Interactive Particles

Music PlayerNew

Circular GalleryNew

Agent Bento Grid

Expandable Bento Grid

Glow Border Card

Testimonials Card

Highlight GridNew

Image Reveal List

Shared Tooltip Avatars

Magnetic Spotlight Marquee

Kinetic Text Loader

Spotlight Navbar

Animated Footer

Awwwards NavNew

Search ModalNew

Line Hover Link

Animated Tooltip

Fluid Morph Background

Twisting Ribbon

Perspective Grid

Loading component…

On this page

Overview
Preview
Installation
Usage
Props

Component catalog

Browse the Vengeance UI component library.

Pick a category, open a component, preview the demo, then copy the install command or manual source from the docs.

Start with buttons CLI install Request a component

66

components

6

new

Live demos, usage snippets, and prop notes.

Buttons

9 components

Animated ButtonAnimated CTA button with shine effect Candy ButtonGlassy candy-like button with top highlight Pop ButtonInteractive 3D pushable pop button Generate ButtonAn interactive, animated button for AI generation tasks.Radial Glow ButtonButton with animated radial gradient hover Social Flip ButtonSocial icon flip interaction Liquid MetalMetallic fluid shader effect Creepy ButtonButton with tracking eyes Corner ButtonAnimated corner dots & lines button

Text & Motion

6 components

Animated NumberSmooth numeric transitions Flip TextCharacter flip text animation Flip Fade TextWord flip and fade cycle Liquid TextFluid displacement text effect Morph TextBlur-morph word rotation effect ASCII Glitch RippleDynamic character-scramble wave ripple hover effect

Interactive

16 components

New

Image CollageInteractive scattered image collage toggle Interactive Book3D page-flip style book Image TrailCursor-following image trail effect Perspective CarouselSpring-driven 3D image carousel Cylinder CarouselInfinite CSS 3D cylinder image carousel Diagonal CarouselSpring-driven diagonal image carousel Ripple Displacement SliderInteractive full-screen WebGL slider with fluid ripple displacement transitions Scroll Dissolve RevealA beautiful image dissolve effect driven by scrolling using React Three Fiber and Shaders.Pixelated Image TrailCursor trail image reveal Interactive KeyboardAnimated physical keyboard UI Typing Keyboard3D isometric keyboard with auto-typing screen Solar SystemInteractive 3D technology ecosystem orbit animation Interactive ParticlesImage-sampled particles that scatter around the cursor Music PlayerCollapsible glass music player with equalizer and seekable progress Verse CardsNav trigger that fans a deck of cards up with a GSAP reveal Circular GalleryRelaxing 3D ring of images with drag-spin, parallax tilt, and center preview

Layout & Cards

7 components

New

Agent Bento GridMulti-agent workspace grid layout Expandable Bento GridInteractive multi-panel bento Staggered GridOffset card grid composition Image ScatterSmooth scroll-triggered scattered photo gallery Glow Border CardCard with animated glow border Testimonials CardAnimated testimonial stack Highlight GridGrid with a colored highlight that glides behind the hovered cell

Tooltip & Marquee

9 components

Cursor CardInline text link with cursor tracking preview card Elastic StackHorizontal expanding staggered stack Logo SliderInfinite logo marquee Stacked LogosOverlapping brand logos Masked AvatarsStacked masked avatar list Image Reveal ListHover-based image reveal tooltip list FAQ AccordionAnimated expanding FAQ list Shared Tooltip AvatarsAvatar stack with a sliding shared tooltip Magnetic Spotlight MarqueeInteractive full-screen marquee with spotlight cursor effect

Loaders

1 components

Kinetic Text LoaderTypography-based animated loader

Navbar & Docs

7 components

New

Glass DockMac-style floating dock Spotlight NavbarNavbar with animated spotlight effect Notch NavbarResponsive navbar with a sleek cutout notch design Gooey SearchMorphing gooey blob search button with animated results Animated FooterReveal-on-scroll footer with cursor-lit ASCII art and parallax Awwwards NavGlass bottom nav that expands into a mega-menu Search ModalMinimalist command-palette search with live filtering, tags, and actions

Collections

3 components

Line Hover LinkAnimated hover underline styles Folder PreviewFolder stack visual preview Animated TooltipBouncy SVG-shaped tooltips with spring animations

Backgrounds

8 components

Wave GridInteractive 3D grid of cubes rippling with cursor-driven waves Aurora HeroFluted glass dynamic hero with interactive switch Fluid Morph BackgroundOrganic fluid shape morphing animation Twisting Ribbon3D waving neon ribbon animation Animated RaysHero with animated heading Perspective Grid3D perspective matrix background Light LinesAnimated flowing line background Liquid OceanAnimated ocean wave field

Can't find what you need?

Request a component and describe the animation you want. You can drag & drop images or a screen recording straight into the issue for reference.

Request a component