Vengeance UI components
VengeanceUI helps you to build your landing page by providing you animated beautiful components out of the box which you can copy and paste and make your landing page Awesome ,Subtle and of course Tasteful.
- Components
- 138
- Framework
- React
- Stack
- React, TypeScript, Tailwind
- License
- MIT
- GitHub stars
- 1,204
- Source
- https://github.com/Ashutoshx7/VengeanceUI
- Website
- https://www.vengenceui.com
- Install
npx shadcn@latest add https://www.vengenceui.com/r/{name}.json
All Vengeance UI components
- Accordion
- Agent Bento Grid: Multi-agent workspace grid layout
- Alert
- Animated Button: Animated CTA button with shine effect
- Animated Footer: Reveal-on-scroll footer with cursor-lit ASCII art and parallax
- Animated Number
- Animated Rays: Hero with animated heading
- Animated Tooltip: Bouncy SVG-shaped tooltips with spring animations
- Ascii Glitch Ripple: Dynamic character-scramble wave ripple hover effect
- Aspect Ratio
- Aurora Hero: Fluted glass dynamic hero with interactive switch
- Avatar
- Awwwards Nav: Glass bottom nav that expands into a mega-menu
- Badge
- Books Showcase
- Border Beam
- Breadcrumb
- Button
- Button Group
- Calendar
- Candy Button: Glassy candy-like button with top highlight
- Card
- Carousel
- Chart
- Checkbox
- Circular Gallery: Relaxing 3D ring of images with drag-spin, parallax tilt, and center preview
- Collapsible
- Command
- Context Menu
- Corner Button: Animated corner dots & lines button
- Creepy Button: Button with tracking eyes
- Cursor Card: Inline text link with cursor tracking preview card
- Cyber Glitch Text: Text with a cyberpunk glitch: split colour channels and jittering slices.
- Cylinder Carousel: Infinite CSS 3D cylinder image carousel
- Diagonal Carousel: Spring-driven diagonal image carousel
- Dialog
- Drawer
- Dropdown Menu
- Elastic Stack: Horizontal expanding staggered stack
- Empty
- Expandable Bento Grid
- Faq Accordion: Animated expanding FAQ list
- Field
- Flip Fade Text: Word flip and fade cycle
- Flip Text: Character flip text animation
- Fluid Morph Bg: Organic fluid shape morphing animation
- Folder Preview: Folder stack visual preview
- Form
- Generate Button: An interactive, animated button for AI generation tasks.
- Glass Dock
- Glow Border Card: Card with animated glow border
- Gooey Search: Morphing gooey blob search button with animated results
- Gooey Text Reveal: Line-aware gooey blur reveal with load, scroll, and scrub modes
- Highlight Grid: Grid with a colored highlight that glides behind the hovered cell
- Hover Card
- Image Collage: Interactive scattered image collage toggle
- Image Reveal List: Hover-based image reveal tooltip list
- Image Scatter: Smooth scroll-triggered scattered photo gallery
- Image Trail: Cursor-following image trail effect
- Input
- Input Group
- Input Otp
- Interactive Book: 3D page-flip style book
- Interactive Hover Button
- Interactive Keyboard: Keyboard UI that mirrors your real key presses
- Interactive Particles: Image-sampled particles that scatter around the cursor
- Item
- Kbd
- Kinetic Text Loader
- Label
- Light Lines: Animated flowing line background
- Line Hover Link: Animated hover underline styles
- Liquid Button: Living organic fluid ink button with cursor displacement tracking and tactile shockwave recoil
- Liquid Gradient: Shader background of a gradient flowing like liquid.
- Liquid Metal: Metallic fluid shader effect
- Liquid Ocean: Animated ocean wave field
- Liquid Text: Fluid displacement text effect
- Logo Slider
- Magnetic Spotlight Marquee: Interactive full-screen marquee with spotlight cursor effect
- Masked Avatars: Stacked masked avatar list
- Mega Menu Navbar: Responsive SaaS navbar with rich dropdowns and a mobile drawer
- Menubar
- Model Viewer: Interactive 3D model viewer with drag, zoom and keyboard rotation
- Morph Text: Blur-morph word rotation effect
- Morphing Disclosure
- Music Player: Collapsible glass music player with equalizer and seekable progress
- Navigation Menu
- Notch Navbar: Responsive navbar with a sleek cutout notch design
- Pagination
- Perspective Carousel: Spring-driven 3D image carousel
- Perspective Grid: 3D perspective matrix background
- Pixelated Image Trail: Cursor trail image reveal
- Pop Button: Interactive 3D pushable pop button
- Popover
- Pricing Section: Three-tier pricing with a sliding billing switch, rolling prices, and accent-lit cards
- Pricing Tiers: Monochrome three-tier pricing with a dark featured card, mono labels, and an enterprise row
- Progress
- Radial Glow Button: Button with animated radial gradient hover
- Radio Group
- Research Bento Grid: Animated developer-service showcase with interactive pricing and pause states
- Resizable
- Reveal Loader
- Ripple Displacement Slider: Interactive full-screen WebGL slider with fluid ripple displacement transitions
- Scroll Area
- Scroll Dissolve Reveal: A beautiful image dissolve effect driven by scrolling using React Three Fiber and Shaders.
- Search Modal: Minimalist command-palette search with live filtering, tags, and actions
- Select
- Separator
- Share Sheet: Animated share dialog with direct sharing, copy-link feedback, and a downloadable QR code
- Shared Tooltip Avatars: Avatar stack with a sliding shared tooltip
- Sheet
- Sidebar
- Skeleton
- Slider
- Social Flip Button: Social icon flip interaction
- Solar System: Interactive 3D technology ecosystem orbit animation
- Sonner
- Spinner
- Spotlight Navbar: Navbar with animated spotlight effect
- Stacked Logos
- Stagger Text: Letters or words stagger reveal animation
- Staggered Grid: Offset card grid composition
- Stats Counter: Count-up number animation triggered on scroll
- Switch
- Table
- Tabs
- Team Reveal Grid: Stateful team portraits with auto-cycling expertise reveals
- Testimonials Card
- Testinomial Card2
- Textarea
- Toggle
- Toggle Group
- Tooltip
- Twisting Ribbon: 3D waving neon ribbon animation
- Typing Keyboard: 3D isometric keyboard with auto-typing screen
- Verse Cards: Nav trigger that fans a deck of cards up with a GSAP reveal
- Wave Grid Background: Interactive 3D grid of cubes rippling with cursor-driven waves
- Why Us Bento
Browse by category
- Data Display Components
- Action Components
- Backdrop Components
- Navigation Components
- Media Components
- Overlay Components
- Input Components
- Section Components
- Button Components
- Effect Components
- Layout Components
- Card Components
- Feedback Components
- Animated Text Components
- Text Components
- Gradient Background Components
- Carousel Components
- Shader Background Components
- Grid Components
- Gallery Components