300+ animated, accessible components and effects for React, Vue, Svelte, Angular, Astro or plain HTML.
Native Web Components, zero dependencies, and an
npx marvelous-ui-library@latest init
Free without a key. Bought Pro? Paste your license key when asked.
Early access on launch day. No spam, unsubscribe in one click · Privacy.
Pay once, keep it forever · 14-day refund (conditions)
One library. Every stack you'll ever switch to.
Run it in your project. Choose a project install or a shared user install. Then press Enter to install the Free pack, or paste your license key to install Pro.
Free without a key. Pro with your license key.
npx marvelous-ui-library@latest init
Later: npx marvelous-ui-library@latest add dialog tabs
When a new version is out: npx marvelous-ui-library@latest update
No Node.js? Download the Pro pack with your license key.
$
Make it
Pro plan
Ship version 2.4
It goes live for every user at once.
Delete “Lumen redesign”
All 48 files and their history go with it.
<mv-hold-button>Every component with a live preview, its usage markup, the full API and accessibility notes. Filter by category, kit, Exclusive or Free pack.
A built-in MCP server lets any agent search the catalog, read each API and install components with their dependencies. No hallucinated props.
Native Custom Elements + layered CSS. Switch stacks, keep your UI.
OKLCH design tokens. Drag the slider: this whole page re-themes live.
ARIA roles, full keyboard support, visible focus, reduced motion. Not an afterthought.
Every component page has its accessibility notes: what it does for keyboard, screen reader and reduced-motion users.
Readable files land in your repo. No black box, no lock-in.
20 new components for the details hand-made versions miss: autofill that keeps working, a “3 minutes ago” that stays current, a count that never bumps on first render.
<mv-password-field>
<mv-relative-time>
<mv-count-bump>
Show and hide, a Caps Lock warning, rules listed before the first keystroke.
Chips you can paste from a sheet, submitted like a real form field.
Reject as easy as accept, and scripts really wait for consent.
Hides on scroll down, never while focus or a menu is inside.
Copies the command, never the prompt, the output or the line numbers.
No drift, no negative numbers, the target in the visitor's own time.
“3 minutes ago” that stays current, on one shared timer.
“▲ +12.4% vs last week”, read aloud as one clear sentence.
Dismissed once, remembered, and it never shifts the layout.
Saving, saved, offline: it never flickers and never says “Saved” too early.
A “Show more” toggle that exists only when the text is really cut.
Mesh, glow, grid and grain backgrounds from one class, zero JavaScript.
A small progress ring beside the system cursor while one region works.
A soft plate that hugs the hovered link, system cursor kept.
A one-line reading guide that follows the pointer or the keyboard.
Appears only when you head back up, and moves focus to the top.
Drag, wheel and edge hints for wide tables and card rails.
Image placeholders that never shift, flash or show a broken icon.
Cart and badge counts that bump on change, never on first render.
The native share sheet, or a menu with zero third-party requests.
155 Exclusives: original components you won't find in any other library. The most useful ones come in 8 kits, grouped by the problem they solve. Many take a mechanic from a film, a game, a TV series or a novel and turn it into a useful interface behavior. Only the mechanic is borrowed, never the artwork, logos, typography or colors.
Long forms that survive crashes, typos and walls of errors.
Friction that matches the real risk of a delete, a revoke or a secret.
Waits, refusals and locks that say what is really happening.
Sources, interpretation and authorship made visible, claim by claim.
Look-alikes caught before the click, embeds silent until invited in.
Alerts that earn trust and decay, absences that raise the alarm.
Figures that show how they are computed, how fresh they are, and at what scale.
Keyboard targeting, return threads and discovery for dense apps.
Exclusives are included in every paid plan. Titles are cited only to describe where each mechanic comes from and remain the property of their respective owners. Not affiliated with or endorsed by the rights holders.
AI agents are great at writing UI and terrible at remembering a library's API. The Marvelous MCP server gives them the catalog, every component's API and demo markup, and a tool that installs files with their dependencies. Result: correct code on the first try, in whatever framework the project uses. Works with Claude Code, Cursor, Copilot and Windsurf.
search_components full-text search across names, tags and APIsget_component API, accessibility notes, canonical demo markupinstall_components copies files + dependencies, returns the snippet for your frameworkget_design_tokens so custom CSS matches your themeThe Install command includes the MCP server and agent instructions.
Project setup configures supported agents in this repository. User setup detects Codex, Claude Code, Cursor and OpenCode, then lets you connect any of them across your projects. Choose all detected agents, select a few, or use the CLI without an agent. Run uninstall to remove the agent connections and the library.
| Feature | Typical React UI kit | Marvelous UI |
|---|---|---|
| Works in Vue, Svelte, Angular, Astro, HTML | No | Yes |
| Runtime dependencies | framer-motion, three, gsap… | none |
| MCP server for AI agents | rarely | included |
| Original components you won't find elsewhere | rarely | 155 Exclusives |
| Dark mode + reduced motion everywhere | varies | every component |
| Your CSS always wins over ours | No | Yes |
| Pricing | often yearly subscription | one-time, yours forever |
Every plan includes all components, the MCP server, the CLI and playground exports. Lifetime adds every future component and update, with no renewal.
Prices in USD. EU and UK: VAT included. US, Canada and India: sales tax added at checkout. Sold by our merchant of record, Polar. 14-day refund (conditions).
The everyday base components, with the same CLI and MCP server as the paid plans. No account or license key needed. MIT licensed: read the source, ship it.
ZIP · direct download · includes the MCP server, the CLI and the docs
Your download has started. Want the launch price too?
Optional, the Free pack never needs it. One e-mail on launch day with the launch price. No spam, unsubscribe in one click · Privacy.
The Install command sets up the Free pack when you skip the license key. The direct ZIP remains available above for manual use.
Every plan unlocks the whole library.
A conversion-focused, animated, accessible landing page, delivered in your stack, with the source code. From $2,850. 3 slots per month.
Built by Quentin Fankrache, author of Marvelous UI.
Yes. Components are standard Custom Elements with light-DOM markup and CSS in cascade layers. React 19+ supports them natively; Vue needs one line (isCustomElement); Angular needs CUSTOM_ELEMENTS_SCHEMA; Svelte, Astro and plain HTML work as-is. The MCP/CLI returns the exact snippet for your framework.
Exclusives are 155 original components you won't find in any other library, included in every paid plan. Kits group the most useful ones by the problem they solve, like forms that don't lose people or safe destructive actions. See the 8 kits
Lifetime is paid once: every new component, update and playground export, for as long as Marvelous UI is published, with no renewal. From Oct 15, you can also subscribe by the year or by the month and get the same while it runs. If you stop, you keep every version you downloaded, for every project, forever. Run npx marvelous-ui-library@latest update when you choose to update a project; it does not overwrite your local edits.
The CLI saves verified Pro archives locally. Run npx marvelous-ui-library@latest restore to reinstall a version you obtained, even after a subscription ends.
Until Oct 14, Lifetime sells at its launch price: $120 instead of $399 for Solo. It is the same Lifetime license as after the launch, with every future update and no renewal, only cheaper. Subscriptions open on Oct 15.
Yes, unlimited end products, commercial included. What you can't do is resell or redistribute the components themselves as a UI kit, template marketplace item or competing library.
The components used in that site or app ship with it, source included. Your client may use them only to run and maintain that product, not in another one. With Unlimited, you can also hand that source over so the client or its other providers maintain the product. A freelancer working on your projects counts as one of your developers. Read the license
Yes. Build your site for free: start from a template, drag sections and components in, edit the text, pick your brand color. Publish when you're ready: every plan gives you a static HTML site ready to drop on Netlify or Cloudflare Pages, or its HTML, React, Vue, Svelte or Astro source. We don't host it: it runs on its own, with nothing to renew to keep it online. Keep the source forever: you get your site's code under the license.
Yes. Components are plain HTML tags, CSS files and JavaScript modules, so they work in any server-rendered template: load the CSS and the scripts once, then write the tags. Copy the files with the CLI (it needs Node.js) or from the ZIP: the Free pack, or the Pro pack from the download page.
Perfectly. All selectors are wrapped in :where() inside @layer mv.*, so your utilities always override them. Declare the layer order once and you're done.
Every module is SSR-safe (no top-level window/document access). Components upgrade on the client.
ARIA roles, full keyboard support and visible focus on every interactive component. Decorative effects are hidden from assistive tech and stop when the user prefers reduced motion.
E-mail us within 14 days. If you haven't downloaded the Pro pack yet (with the CLI or from the download page), you get a full refund, no questions asked. If you have, tell us what didn't work and we refund you once. You can try the Free pack and the playground for free first. Terms
Yes. Checkout is handled by our merchant of record, which issues a VAT-compliant invoice with your company details.
No worries. We got UI covered. Launching soon.