Stop selling hours.Start selling value.

A library of premium, production-ready code that lets you build faster, look like an agency and charge five figures.

Create an account I already have one
No commitment - cancel your subscription in one click.215 components & templatesNew drops every weekFrom $15 / month

Find the piece you need in seconds.

No screenshots, no mockups. The interactive pieces run live on this page; the rest show the code you are about to copy.

RCode Vault215
Launch project →

“Aurora” button

A button with a light sweep on hover. Pure CSS, zero JS.

Magnetic button

A button that subtly follows the cursor. React + pointer events.

PROBEST

$390

Lifetime access

Highlighted pricing card

A featured plan card with a gradient-masked neon border.

+0%

avg. order value

count

aurora mesh

mesh

Saved successfully

Toast notification

A sliding toast with auto-dismiss. AnimatePresence + timer.

Floating-label input

The label floats above the field on focus. Pure CSS with :placeholder-shown.

Type off the press.

Masked reveal headline

Headline lines slide up from behind a mask on scroll. Framer Motion.

72px grid

blueprint

Copy-to-clipboard button

A copy button with success state feedback. A ready-to-use React hook.

PRO

Glow on hover

Border light follows your cursor.

Glow card

The card border lights up where the cursor is. A spotlight effect via CSS variables.

Premium feel.

Shine text

Text with an animated light sweep looping across it.

Access the full library

215 items in the library

Three moves from empty file to shipped page.

No build step, no dependency to install, no design system to learn. It is your stack already.

pricing card
Highlighted pricing cardPricing section ProPlan comparison table

Find it

Search by what it does, not what it is called. Every result renders live, so you judge it before you commit to it.

PricingCard.tsxCopyCopied
export function PricingCard() {  return (    <div className="rounded-2xl      border border-white/10 p-7">

Copy it

One file, one click. Plain React and Tailwind classes - nothing wrapped in a library you now depend on.

Northwind

$390

Lifetime access

Choose plan

Make it yours

Readable code with no abstractions to unpick. Change the copy, the colours, the spacing, and move on.

You have three other options. Here they are, fairly.

Every one of them is the right call sometimes. This is where each stops paying off.

  • Build it yourself

    Total control, and the result is exactly yours. It also costs you the two or three days per project you were going to bill as design work - every project, forever.

  • A free component library

    Excellent primitives, and free. But it ships you behaviour, not looks: you still design every surface, and everyone shipping it looks the same until you do.

  • A page builder or theme

    Fast on day one. Then you own markup you did not write, a stack your client cannot hire for, and a ceiling you hit the moment the brief gets specific.

Code Vault

Finished, opinionated pieces in the stack you already use, that you own outright and can edit down to the class name. You keep the control of building it yourself and skip the part you were never paid for.

Choose your access

Cancel anytime, in one click. No contracts, no hidden fees. Launch prices may rise soon - join now, pay less.

Components

$15/mo

Single blocks: buttons, cards, forms, effects.

  • 200+ React / Next.js / Tailwind components
  • Live preview and one-click copy
  • New components every week
  • Commercial licence, unlimited projects
Join now

Templates

$29/mo

Whole sections and pages: you assemble a site, not bricks.

  • Everything in Components
  • Ready page templates: landing, dashboard, portfolio
  • Conversion sections: hero, pricing, testimonials, FAQ
  • Saves days of work on every project
Join now

Projects

Best value

$169/mo

Complete Next.js deployments, yours to take apart.

  • Everything in Templates
  • Whole Next.js projects from real deployments (.zip)
  • Readable architecture: routing, components, data, SEO
  • A new project every month + commercial licence
Join now

Before you join

Yes. The Code Vault shortens the path from 'I know the basics' to 'I deliver like a pro'. The sooner you stop building everything from scratch, the sooner you start charging more.

Yes - the commercial licence covers an unlimited number of your own and client projects, with no fees.

Anytime, in one click from the panel. Access stays until the end of the paid period.

We're building the first course. You already get the full Code Vault library, and courses will arrive on the All-Access plan at no extra cost for subscribers.

React, Next.js (App Router) and Tailwind CSS, with Framer Motion for animation. Clean, readable code with no exotic dependencies - paste it into your project and it works.

Free libraries give you building blocks in a default, 'technical' style that looks like every other starter. The Code Vault is polished, premium components and whole sections with character - they look like a five-figure build, not a docs demo.

No. The design is already baked in - your job is to assemble components and swap the copy. You get a designer's output without hiring a designer.

Every week. You pay a fixed monthly fee and the library keeps growing - the longer you stay, the more you get for the same subscription.

Your agency,armed.

Join and you'll be inside the library within 2 minutes - with code that earns.

  • Commercial licenceUnlimited client projects, no per-seat maths, no attribution.
  • Yours to keepEverything you copied while subscribed stays in your projects after you cancel.
  • New work weeklyThe library grows every week and your plan never costs more for it.
  • Cancel in one clickFrom your account page. No email, no retention flow, no notice period.