// 14 components · 2 skills · Open source

Timeless craft.One command away.

React components and Claude skills by Krutik Raut, made with a designer’s eye. Install any of them into your project with the shadcn CLI.

terminal
$ 
  • npx shadcn add @creative-ui/classical-collage-web-design
  • npx shadcn add @creative-ui/lasting-logo-design
  • npx shadcn add @creative-ui/dna-carousel
  • npx shadcn add @creative-ui/rotunda-carousel
  • npx shadcn add @creative-ui/tear-reveal
  • npx shadcn add @creative-ui/wax-seal
  • npx shadcn add @creative-ui/image-trail
  • npx shadcn add @creative-ui/dithering-hover
  • npx shadcn add @creative-ui/marbled-paper
  • npx shadcn add @creative-ui/gold-leaf
  • npx shadcn add @creative-ui/etching
  • npx shadcn add @creative-ui/cyanotype
  • npx shadcn add @creative-ui/collage-frame
  • npx shadcn add @creative-ui/duotone-image
  • npx shadcn add @creative-ui/grain-overlay
  • npx shadcn add @creative-ui/halftone-image
Claude skills
2
Components
14
Files you own
55
License
MIT
Neoclassical painting of a woman in a white gown typing on a halftone laptop

// Featured skill

Old Masters × modern tech.

// Claude skill · 30 files

Teach Claude your taste.

Classical Collage Web Design. Use when designing or building a website, landing page, Framer template, pitch visual or brand system in the "classical painting × modern tech" art direction (Renaissance / neoclassical oil paintings and marble ruins combined with laptops, phones, coins and quiet product UI, as on the Aureon fintech page and contralabs.com). Covers art direction, metaphor selection, image sourcing and AI prompts, halftone and texture techniques, exact design tokens, components, page blueprints, motion, copy voice, and Figma / Framer / Next.js build steps.

$ npx shadcn@latest add @creative-ui/classical-collage-web-design
Read the skill

// How it works

Three moves.

Oil painting of a woman sorting a fan of small prints on a wooden desk

01 —

Pick a piece.

Browse the collection. Every component and skill is one plain JSON file at /r/name.json, so v0, Cursor and Claude Code can read it as easily as you can.

Oil painting of a printmaker pulling a freshly printed website wireframe from a wooden press
terminal
$ 

02 —

Run one command.

The shadcn CLI resolves the item and writes its files straight into your project. No package to install, nothing to configure, nothing to keep updated.

Oil painting of a sculptor's hands with chisel and mallet at a marble face emerging from stone

03 —

Own the marble.

What lands in your repo is plain React and Tailwind. Rename it, restyle it, delete half of it. There is no runtime dependency on this site.

// In motion

The collection, in motion.

A hand sets a carved marble keystone into an arch

A hand sets a carved marble keystone into an arch · 1/16 · drag, scroll or use arrow keys

// Sponsors · 6 of 6 slots open · 30% off at launch

On the wall.

Become a sponsor

// The house style

01Loud art, quiet interface.

02One metaphor per section, and it has to be literal.

03A light serif, tight leading, one accent.

04Code you own, not code you rent.

// Installation

Two ways in.

01 —

Install by name

@creative-ui is in the shadcn registry directory. Works in any project, no setup needed.

$ npx shadcn@latest add @creative-ui/classical-collage-web-design

02 —

Or install by URL

For older versions of the shadcn CLI.

$ npx shadcn@latest add https://ui.krutikraut.com/r/classical-collage-web-design.json

// Built in the open

Build something worth keeping.

Every item is plain JSON at /r/[name].json, so v0, Cursor and Claude Code can read the registry directly.

// In their words

Set in stone.

Oil painting of a marble statue seated on a plinth, writing on a dark tablet with a stylus

Trusted by those who ship.

Your words here.

Shipped something with a creative-ui component or skill? Post about it on X, and with your permission it goes on this wall.