Model Context Protocol

Production-ready Web Components.
Pasted from your IDE.

Native custom elements that drop into React, Svelte, Vue or plain HTML. Browse live previews, then let your AI editor paste the exact source into your project via MCP.

318 components · 30 sections · 227 animations

MCP in your IDE 
$ claude mcp add --transport http vuesax \
    https://mcp.vuesax.com

One command in Claude Code or Cursor — then ask your agent to paste any component, design tokens included.

Components

318 components,
ready to drop in.

Buttons, inputs, sidebars and uploads — each themed for light and dark, with proximity light and press effects baked in.

Live · Card, Button, Tabs, Slider, Spinner, Select, Avatars

Sections

30 sections.
Whole pages, block by block.

Heroes, pricing, footers and FAQs — full landing-page blocks with real props, ready to compose into a page.

Preview · SecHeroVuesax

Section preview
Animations

227 animations.
Motion that ships.

WebGL and canvas effects, gated for performance and reduced-motion — drop them straight into your product.

Live · AnimCursorPresence

Components

Drop-in components

The showiest pieces — themed for light and dark, motion baked in.

See all 318
PRO
VsCardAsset Layout
PRO
VsNotification Feedback
PRO
VsSliderFluent Inputs
Free
VsSwitch Inputs
PRO
VsColorPicker Inputs
PRO
VsCalendar Inputs
Free
VsSelect Inputs
PRO
VsFileTree Navigation
Free
VsTabs Navigation
PRO
VsAvatarGroup Data Display
Sections

Full landing blocks

Every hero we have, plus the first How-it-works blocks.

See all 30
PRO
SecHeroVuesax Marketing
PRO
SecHeroNeverbruken Marketing
PRO
SecHeroLookbook Marketing
PRO
SecHiwAdvisor Marketing
PRO
SecHiwProcess Marketing
PRO
SecFeatureSwap Marketing
Animations

Motion that ships

A varied set of WebGL and canvas effects — hover to feel them.

See all 227
PRO
AnimStickyWell Interactive
PRO
AnimWaterRipples Interactive
Free
AnimFluidCursor Interactive
PRO
AnimPrismDeck Interactive
PRO
AnimScrollDeck Interactive
PRO
AnimDistortionGallery Interactive
PRO
AnimLiquidMask Interactive
PRO
AnimStringsText Interactive
PRO
AnimInvertMarquee Text
PRO
AnimCinematicCylinder Interactive
Backgrounds

Wallpapers in 4K

Original 16:9 art for the catalog — the newest ones first.

See all 160
Free
Wallpaper 300
Wallpaper 300 4096 × 2305
PRO
Wallpaper 299
Wallpaper 299 4096 × 2305
PRO
Wallpaper 298
Wallpaper 298 4096 × 2305
PRO
Wallpaper 297
Wallpaper 297 4096 × 2305
PRO
Wallpaper 296
Wallpaper 296 4096 × 2305
PRO
Wallpaper 295
Wallpaper 295 4096 × 2305
PRO
Wallpaper 294
Wallpaper 294 4096 × 2305
PRO
Wallpaper 293
Wallpaper 293 4096 × 2305
PRO
Wallpaper 292
Wallpaper 292 4096 × 2305
Free
Wallpaper 291
Wallpaper 291 4096 × 2305
Pricing

One license. The whole catalog.

318 components · 30 sections · 227 animations · 160 backgrounds — full source and MCP access in your IDE.

Annual

Best value for shipping all year.

$149 /year
  • Unlimited components
  • Unlimited sections
  • Unlimited animations
  • Unlimited 4K wallpapers
  • Copy-paste source code
  • MCP in your IDE (Claude, Cursor)
  • All future releases while your plan is active

Renews yearly · cancel anytime

Most popular

Lifetime

Pay once. Own it forever.

$299 one-time
  • Unlimited components
  • Unlimited sections
  • Unlimited animations
  • Unlimited 4K wallpapers
  • Copy-paste source code
  • MCP in your IDE (Claude, Cursor)
  • Lifetime updates for all content
  • Access to all future releases
  • No recurring payments ever

One-time · 2 years of Annual, then never again

All sales final · secure checkout via Stripe · full pricing →

FAQ

Frequently asked
questions

Licensing, updates and the MCP workflow — the quick answers before you go PRO.

Still have a question? support@vuesax.com
Go PRO

Close the gap between
the idea and the interface.

PRO hands you the source of every component, section and animation — plus MCP in your IDE, so Claude or Cursor writes them straight into your project.