Search documentation

Search pages, components, blocks, and snippets.

Follow for updates

X @Ashutosh_7x7

Installation

Install Next.js

Install Tailwind CSS

Animated Button

Candy ButtonNew

Generate ButtonNew

Radial Glow ButtonNew

Social Flip Button

Corner ButtonNew

Animated Number

ASCII Glitch RippleNew

Image CollageNew

Interactive Book

Perspective CarouselNew

Cylinder CarouselNew

Diagonal CarouselNew

Ripple Displacement SliderNew

Scroll Dissolve RevealNew

Pixelated Image Trail

Interactive KeyboardNew

Typing KeyboardNew

Solar SystemNew

Interactive ParticlesNew

Agent Bento GridNew

Expandable Bento Grid

Image ScatterNew

Glow Border Card

Testimonials Card

Elastic StackNew

Image Reveal ListNew

FAQ AccordionNew

Shared Tooltip AvatarsNew

Magnetic Spotlight MarqueeNew

Kinetic Text LoaderNew

Spotlight Navbar

Notch NavbarNew

Gooey SearchNew

Animated FooterNew

Line Hover Link

Animated TooltipNew

Fluid Morph BackgroundNew

Twisting RibbonNew

Animated RaysNew

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

60

components

36

new

Live demos, usage snippets, and prop notes.

Buttons

9 components

New

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

New

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

13 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

Layout & Cards

6 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

Tooltip & Marquee

9 components

New

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

New

Kinetic Text LoaderTypography-based animated loader

Navbar & Docs

5 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

Collections

3 components

New

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

Backgrounds

8 components

New

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