Buttons, inputs, sidebars and uploads — each themed for light and dark, with proximity light and press effects baked in.
Newest · Slider Stops · Ask Ai Button · Slide Confirm
$ claude mcp add --transport http vuesax \
https://mcp.vuesax.comOne command in Claude Code or Cursor — then ask your agent for any of these 330 components by name, design tokens included.
Continuous slider on a dotted track with NAMED stops: a stop label inflates into a filled pill on its own spring while the handle is within snapping distance, and de…
Live · VsSliderStops
AI call-to-action pill: a mesh gradient (orange to pink to violet to blue) drifts inside the fill and bleeds past the light frame as a coloured halo.
Live · VsAskAiButton
A confirmation you have to mean: drag the knob to the end of the track and the action fires; let go short of the threshold and it springs back.
Live · VsSlideConfirm
Go Pro
Full source for the whole catalog — plus MCP in your IDE.
Get Vuesax PROGo Pro
Full source for the whole catalog — plus MCP in your IDE.
Get Vuesax PROIconsax
7,000+ free icons · 44,000 more in Pro.
Browse iconsGo Pro
Full source for the whole catalog — plus MCP in your IDE.
Get Vuesax PROIconsax
7,000+ free icons · 44,000 more in Pro.
Browse iconsGo Pro
Full source for the whole catalog — plus MCP in your IDE.
Get Vuesax PRONo results.
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. It also opens Vuesax Design, the visual editor, with 500 AI credits to start building in it.