Mikkel Manniche

Manniche UI Pro

manniche-ui-pro

Effects that make a page feel alive.

60 React components with WebGL, particles and physics: images that flow, type that gathers, backgrounds, buttons and small games. You own the code and pull it with shadcn, like the free components.

  • 60 components
  • React 19 and Tailwind 4
  • Respects reduced motion
  • Fallback without WebGL

€49

Introductory price until 31 December 2026. €79 after that.

  • One-off payment
  • One developer
  • Your key arrives by email straight away
  • No VAT (§ 19 UStG)
Opening soon

Pro cannot be bought yet. The page opens when payment is ready.

Read the licence →

What you get 60

Every component comes with a demo, and all of them hold still when visitors ask for reduced motion.

Images and galleries 16

Text 9

Backgrounds and WebGL 14

Cursor 5

Buttons and controls 9

Widgets and games 7

Getting started

Keep the key in an environment variable, never in code. It is sent as a header, never in the URL.

  1. Store the key

    Put the key from the email in MANNICHE_PRO_KEY, for example in .env.local.

  2. Add the Pro registry

    Add the registry to components.json. Then pull with @manniche-pro/<name>.

    {
  "registries": {
    "@manniche": "https://mikkelmanniche.dk/lab/r/{name}.json",
    "@manniche-pro": {
      "url": "https://mikkelmanniche.dk/lab/r/pro/{name}.json",
      "headers": { "Authorization": "Bearer ${MANNICHE_PRO_KEY}" }
    }
  }
}
    npx shadcn@latest add @manniche-pro/flux-image

  3. Or use your AI agent

    With the key in the MCP server, Claude Code, Cursor and others can look up the Pro components and install them.

    claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"

Requirements

  • React 19 and Tailwind CSS 4
  • shadcn CLI 3 or later
  • A browser with WebGL 2 for some of the effects. Without it, a still version is shown.
  • Tested in Chromium, WebKit (Safari) and Firefox on 6 October 2026

The licence in short

  • One licence covers one developer. A team buys one per developer.
  • Use the components in as many of your own and client projects as you like.
  • You may not resell or share them as a UI kit, template pack or similar.
  • You buy the current version. Later updates are a free extra.

Read the full licence →

Seller

Mikkel Manniche Rolighed, Heßstraße 74, 80798 München, Germany. Small business under § 19 UStG: no VAT is charged.