# VantaUI catalog MCP server: https://www.vantaui.com/api/mcp Docs: https://www.vantaui.com/explore/docs/mcp ## Components - [Range Slider](https://www.vantaui.com/llms/components/range-slider): An interactive modern numeric range slider. (pro) - [Lens Button](https://www.vantaui.com/llms/components/lens-button): A text-only capsule glass button. Contrast, inset bevels, and a diagonal glare form the lens, and the whole control scales together so the glass stays in proportion. (pro) - [Void Background](https://www.vantaui.com/llms/components/void-background): A full-screen WebGL ink wave with a pointer ripple and a shifting noise overlay. The field is white in light mode and near-black in dark mode. (pro) - [Pill Stepper](https://www.vantaui.com/llms/components/pill-stepper): A minus/plus pill whose fill grows from the left as the value rises. (pro) - [Orbit Account Menu](https://www.vantaui.com/llms/components/orbit-account-menu): Account dropdown with planet avatars, status badge and submenus. (pro) - [Publish Button](https://www.vantaui.com/llms/components/publish-button): A blue gradient hold-to-publish button. (pro) - [Gooey Search](https://www.vantaui.com/llms/components/gooey-search): Search bar that morphs open with a gooey effect and drips animated results. (pro) - [Metallic Button](https://www.vantaui.com/llms/components/metallic-button): A button with an animated metallic border, dotted sheen, and hover shimmer. (pro) - [Morph Svg Curve](https://www.vantaui.com/llms/components/morph-svg-curve): Click-to-toggle SVG wipe that morphs from a flat edge into a curved gradient cover. (pro) - [Gravity Pills](https://www.vantaui.com/llms/components/gravity-pills): Draggable pill labels that fall and collide in a Matter.js gravity scene. (pro) - [Star Rating](https://www.vantaui.com/llms/components/star-rating): Accessible star rating input with animated burst fills, hover previews, and live labels. (pro) - [Hold Button](https://www.vantaui.com/llms/components/hold-button): An outline button that fills into a destructive action while held. (pro) - [Action Slider](https://www.vantaui.com/llms/components/action-slider): An iOS-style slide control for destructive actions. (pro) - [Frequencii Sidebar](https://www.vantaui.com/llms/components/frequencii-sidebar): A collapsible product sidebar for medium screens and up. It includes a New action, navigation, channel accounts with platform badges, and social connect rows. The collapsed state is restored after refresh. (pro) - [Frosted Glass Button](https://www.vantaui.com/llms/components/frosted-glass-button): A frosted glass button with a colored plate underneath, noise frost on hover, and a slight cursor parallax. (pro) - [Terms Dialog](https://www.vantaui.com/llms/components/terms-dialog): A terms acceptance dialog that turns a raw terms string into numbered sections, with a fading scroll area, an elastic checkbox that unlocks at the bottom, and a confirm button. (pro) - [Elastic Checkbox](https://www.vantaui.com/llms/components/elastic-checkbox): A checkbox that squishes on press and springs back with an elastic morph, drawing in a check mark when selected. (pro) - [Harbor Switch](https://www.vantaui.com/llms/components/harbor-switch): An I/O power switch: off is a light capsule with a square thumb and an I-bar; on fills the track, springs the square across, and shows an O-ring. (pro) - [Integrations Dialog](https://www.vantaui.com/llms/components/integrations-dialog): A connect-an-app dialog with a dithered header, paired app icons, permission list, copyable URL, and a blue connect CTA. (pro) - [Trial Popover](https://www.vantaui.com/llms/components/trial-popover): Trial Popover is a remaining-trial chip with a shrinking circular meter. Clicking the chip (not the avatar) opens a spring-bloom popover with an upgrade header, Starter and Professional plan cards, and a dotted footer for credits and sales. (pro) - [Liquid Slider](https://www.vantaui.com/llms/components/liquid-slider): An iOS-style range slider with a thin fill, quiet ticks, and a capsule thumb that turns to reactive liquid glass while dragging. (pro) - [Dynamic Tabs](https://www.vantaui.com/llms/components/dynamic-tabs): A nested pill tab control that morphs a grouped pair of options out from a collapsed label, with a sliding indicator. (pro) - [Liquid Switch](https://www.vantaui.com/llms/components/liquid-switch): An Apple-style liquid glass switch with a gooey blue track, press-to-bubble thumb, and tap or drag to toggle. (pro) - [Pill Toast](https://www.vantaui.com/llms/components/pill-toast): A pill-shaped toast with a circular countdown dismiss control. (pro) - [Two Factor Dialog](https://www.vantaui.com/llms/components/two-factor-dialog): A two-step 2FA dialog with a scan QR, copyable setup key, and formatted OTP verify field. (pro) - [Confirm Button](https://www.vantaui.com/llms/components/confirm-button): Primary confirm action with a blue gradient fill and an optional Enter shortcut badge. (pro) - [Upgrade Modal](https://www.vantaui.com/llms/components/upgrade-modal): A paywall modal with a featured plan card and trial CTA that shakes when dismiss is blocked. (pro) - [QR Code](https://www.vantaui.com/llms/components/qr-code): A framed QR code with corner handles and an optional gradient scan overlay. (pro) - [Slide Delete Dialog](https://www.vantaui.com/llms/components/slide-delete-dialog): A destructive confirmation dialog with typed confirmation and an iOS-style slide-to-delete control. (pro) - [Delete Button](https://www.vantaui.com/llms/components/delete-button): A destructive red gradient button with an optional return-key shortcut badge. (free) - [Delete Dialog](https://www.vantaui.com/llms/components/delete-dialog): A polished confirmation dialog with a copyable verification phrase and an accessible slide-to-delete control. (pro) - [Text Rotate](https://www.vantaui.com/llms/components/text-rotate): Animated text that rotates through a list with customizable transitions, splitting, staggering, looping, and manual controls. (pro) - [3D Wave Scroll](https://www.vantaui.com/llms/components/3d-wave-scroll): A textured plane waves like a flag, then grows to fill the viewport as you scroll while the wave flattens. (pro) - [Text Clip Mask](https://www.vantaui.com/llms/components/text-clip-mask): A sticky scroll scene that reveals a full-bleed image or video through expanding Inter letterforms. (pro) - [Text Repetition](https://www.vantaui.com/llms/components/text-repetition): Scroll-driven headlines that stack copies of a word and peels them apart as the title crosses the viewport. (free) - [Center Fill Button](https://www.vantaui.com/llms/components/center-fill-button): Expands a central circle to invert colors and shift the icon on hover. (pro) - [Cosmic Button](https://www.vantaui.com/llms/components/cosmic-button): Button with a 3D orbiting galaxy, drifting stars, and a rotating spark edge that lights up on hover. (pro) - [Shift Background](https://www.vantaui.com/llms/components/shift-background): Fullscreen canvas bloom of large drifting orbs. Hue shifts with simplex noise, then the whole field is blurred. (pro) - [RGB Shift Image](https://www.vantaui.com/llms/components/rgb-shift-image): A Three.js image plane with hover RGB shift, pixel displacement, and smooth pointer-driven 3D tilt. (pro) - [Sparkle Button](https://www.vantaui.com/llms/components/sparkle-button): A button with sparkle particles, pulsing stars, a glowing hover, and a matching edge-trace animation. (pro) - [Dither Background](https://www.vantaui.com/llms/components/dither-background): Interactive WebGL background with Bayer dithering (pro) - [Data Tunnel](https://www.vantaui.com/llms/components/data-tunnel): A blooming tunnel of lane lines and traveling signal trails. (pro) - [Cube Wave Background](https://www.vantaui.com/llms/components/cube-wave-background): Minimalistic and customizable 3D wave grid background with Three.js (pro) - [Glass Button](https://www.vantaui.com/llms/components/glass-button): Frosted glass pill button with a soft gradient glow variant and a solid variant (pro) - [Sketch Button](https://www.vantaui.com/llms/components/sketch-button): Button that reacts to interaction with a burst of light tracing its borders. (pro) - [Glowing Cube Button](https://www.vantaui.com/llms/components/glowing-cube-button): A futuristic 3D button constructed from CSS-transformed planes to form a cube. (pro) - [Droplet Ball Background](https://www.vantaui.com/llms/components/droplet-ball-background): Bubble-like spheres that responds interactively to your mouse movements. (pro) - [Shiny Button](https://www.vantaui.com/llms/components/shiny-button): Tracks the user’s cursor position to drag a realistic light reflection across the button’s surface. (pro) - [Neon Tubes Background](https://www.vantaui.com/llms/components/neon-tubes-background): Background that generates a serpentine trail of glowing 3D geometry that fluidly follows the user’s input (pro) - [Iridescent Button](https://www.vantaui.com/llms/components/iridescent-button): A button with a vibrant, shimmering border that physically follows the user’s cursor. (free) - [Sine Wave Background](https://www.vantaui.com/llms/components/sine-wave-background): A WebGL background effect rendering a glowing, undulating sine wave. (free) - [Underline Link](https://www.vantaui.com/llms/components/underline-link): Link that generate unique underline path on hover. (free) - [Morphing Switch](https://www.vantaui.com/llms/components/morphing-switch): Physically warp the vector path of switch during interaction. (free) - [Tearing Paper Photo](https://www.vantaui.com/llms/components/tearing-paper-photo): Photo gallery with tearing animation on photo swipe (free) - [Circle Magnet Button](https://www.vantaui.com/llms/components/circle-magnet-button): Circular button that is attracted to mouse pointer (pro) - [Spinning Text](https://www.vantaui.com/llms/components/spinning-text): Text spinning on a 3D cylinder (pro) - [Theme Toggle](https://www.vantaui.com/llms/components/theme-toggle): Switch between dark and light mode (pro) - [Draggable Parallax](https://www.vantaui.com/llms/components/draggable-parallax): Draggable slider with image parallax effects (pro) - [Cosmic App Download Button](https://www.vantaui.com/llms/components/cosmic-app-download-button): Download from app and play store button with cosmic animation (pro) - [Cursor Image Trail](https://www.vantaui.com/llms/components/cursor-image-trail): Dynamic visual trail following the user’s cursor (free) - [Folding Logo](https://www.vantaui.com/llms/components/folding-logo): Folding logos for social proof (pro) - [Glow Button](https://www.vantaui.com/llms/components/glow-button): A button with a glowing backdrop effect (pro) - [Rubik's Cube](https://www.vantaui.com/llms/components/rubiks-cube): Dark animated rubik's cube (pro) - [Vanish Text](https://www.vantaui.com/llms/components/vanish-text): Main headline with vanishing sub-text (pro) - [User Count](https://www.vantaui.com/llms/components/user-count): Animated live user count (pro) - [Slider Theme Toggle](https://www.vantaui.com/llms/components/slider-theme-toggle): Sliding toggle between dark and light mode (pro) - [App Download Button](https://www.vantaui.com/llms/components/app-download-button): Simple download app on apple store and play store button (free) - [Threads Button](https://www.vantaui.com/llms/components/threads-button): A sleek button with purple glow effects and hover animations. (pro) - [Slide Preloader](https://www.vantaui.com/llms/components/slide-preloader): A left sliding minimal preloader animation. (pro) - [Inverse Scale Button](https://www.vantaui.com/llms/components/inverse-scale-button): Scales a solid background from the center to invert text contrast on hover. (free) - [Rating Badge](https://www.vantaui.com/llms/components/rating-badge): A rating badge for social proof and trust (pro) - [Encrypt Button](https://www.vantaui.com/llms/components/encrypt-button): Button with scan and encrypt animation (pro) - [Stair Preloader](https://www.vantaui.com/llms/components/stair-preloader): A sliding stairs preloader animation. (pro) - [Neubrutalism Button](https://www.vantaui.com/llms/components/neubrutalism-button): Sharp animated button with shadow (pro) - [Text Opacity](https://www.vantaui.com/llms/components/text-opacity): A text effect that animates the gradient opacity (pro) - [Tilt Badge](https://www.vantaui.com/llms/components/tilt-badge): A section headline button that tilts on hover. (pro) - [Pixel Preloader](https://www.vantaui.com/llms/components/pixel-preloader): A pixelated preloader animation. (pro) - [Ring Button](https://www.vantaui.com/llms/components/ring-button): A button with a ring and scale effect on hover. (pro) - [Countdown Pill](https://www.vantaui.com/llms/components/countdown-pill): A date countdown inside a pill (pro) - [Encrypt Text](https://www.vantaui.com/llms/components/encrypt-text): Text that triggers a scrambled encryption animation on hover (pro) - [Flow Button](https://www.vantaui.com/llms/components/flow-button): A primary button with stacked backdrop effect. (pro) - [Disperse Text](https://www.vantaui.com/llms/components/disperse-text): A text featuring a dispersion effect on hover (pro) - [Gradient Button](https://www.vantaui.com/llms/components/gradient-button): Button with animated glowing gradient borders (free) ## Blocks - [Gooey Hero](https://www.vantaui.com/llms/blocks/gooey-hero): A product hero with an icon badge, headline, and two calls to action. Below that, a folder row uses an SVG gooey filter so the active tab melts into a large preview. (pro) - [Harbor Pricing](https://www.vantaui.com/llms/blocks/harbor-pricing): A four-plan event-gateway pricing section with a sliding selected card, Confirm Button CTAs, and a pay-as-you-go calculator for monthly events and optional extra throughput. (pro) - [Ember Pricing](https://www.vantaui.com/llms/blocks/ember-pricing): A credit-volume pricing section with a dithered header, interpolating slider, yearly liquid switches, a currency picker, and core cards that collapse once you pass 1M credits. (pro) - [Velora Pricing](https://www.vantaui.com/llms/blocks/velora-pricing): A clean three-tier pricing section with a soft billing toggle, featured gradient plan, dark premium card, and smooth animated price transitions. (pro) - [Lumen Pricing](https://www.vantaui.com/llms/blocks/lumen-pricing): A two-plan pricing section with a rating badge, billing-cycle toggle, and animated multi-currency prices. (pro) - [Orbit Footer](https://www.vantaui.com/llms/blocks/orbit-footer): Sticky full-viewport footer with an idle eyeball logo, CTA copy, and a letter-revealing full-width brand wordmark. (pro) - [Ollio Pricing](https://www.vantaui.com/llms/blocks/ollio-pricing): A two-plan pricing section with letter-swapping headlines, looping gradient orbs, and a desktop-only cursor-following crosshair. (pro) - [Eightball Header](https://www.vantaui.com/llms/blocks/eightball-header): Expandable floating header with scramble CTAs, a product/explore menu, social links, a featured members panel, and a showcase marquee. (pro) - [Screensaver 404](https://www.vantaui.com/llms/blocks/screensaver-404): A playful 404 page with bouncing image tiles, adaptive contrast text, and a customizable return button. (pro) - [Grainy Reviews](https://www.vantaui.com/llms/blocks/grainy-reviews): A grainy social-proof section with a highlighted headline, rating badge, and expandable review cards. (pro) - [Rev Hero](https://www.vantaui.com/llms/blocks/rev-hero): A clean product hero with an eyebrow, headline, gradient CTA, and auto-rotating feature tabs over a shared background. (pro) - [Broken Glass 404](https://www.vantaui.com/llms/blocks/broken-glass-404): A 404 scene with floating refractive glass shards. (pro) - [Ollio Hero](https://www.vantaui.com/llms/blocks/ollio-hero): A scroll-shrinking studio hero over a continuously moving editorial image wall. (pro) - [Notch Hero](https://www.vantaui.com/llms/blocks/notch-hero): Hero with a fanning icon badge and a notched tab bar over a preview stage. (pro) - [Telescope Zoom](https://www.vantaui.com/llms/blocks/telescope-zoom): Scroll-driven zoom with nested masked layers and floating images that rush toward the camera. (pro) - [Dual Wave Text](https://www.vantaui.com/llms/blocks/dual-wave-text): Opposing wave text across dual columns with scroll-driven sine wave math and synced images. (pro) - [Project Gallery](https://www.vantaui.com/llms/blocks/project-gallery): A card perspective effect, hover over the card to elevate card elements. (pro) - [Matrix Footer](https://www.vantaui.com/llms/blocks/matrix-footer): Simple footer block with grid lines. (pro) - [Quartz Stories](https://www.vantaui.com/llms/blocks/quartz-stories): A sleek testimonial block for high-impact social proof. (pro) - [Expandable Faq](https://www.vantaui.com/llms/blocks/expandable-faq): Faq section that expands to show more items (pro) - [Quartz Header](https://www.vantaui.com/llms/blocks/quartz-header): Minimal navigation bar (pro) - [Bento Reviews](https://www.vantaui.com/llms/blocks/bento-reviews): Modular bento-style grid with multi-colored testimonial cards. (pro) - [Axis Hero](https://www.vantaui.com/llms/blocks/axis-hero): Bold hero section with animated stacked cards (pro) - [Plan Matrix](https://www.vantaui.com/llms/blocks/plan-matrix): A structured pricing matrix designed for quick plan comparison with retro grid backdrop (pro) - [Quartz Footer](https://www.vantaui.com/llms/blocks/quartz-footer): Minimal footer with glowing bar and theme switcher (pro) - [Quote Rail](https://www.vantaui.com/llms/blocks/quote-rail): A sleek carousel for rotating customer quotes with brand context. (pro) - [Logo Cloud](https://www.vantaui.com/llms/blocks/logo-cloud): A simple logo cloud for social proof (free) - [Axis Clients](https://www.vantaui.com/llms/blocks/axis-clients): Dual-column client list with opposing parallax scroll effects and staggered entrance animations. (pro) - [Perspective Gallery](https://www.vantaui.com/llms/blocks/perspective-gallery): Showcase gallery with perspective cards on scroll. (pro) - [Gamma Hero](https://www.vantaui.com/llms/blocks/gamma-hero): Hero block with endless draggable image grid. (pro)