✨ Open-source React UI kit

VelvetJS

Beautiful React components for editing, uploading, and generating content — free, open-source, and built for modern React apps.

Install Velvet Writer GitHub
⚡ React 18/19 Ready
📦 TypeScript Support
🎨 Tailwind Friendly
🧩 Open Source
velvet-writer npm version velvet-image-dropzone npm version velvet-qr npm version MIT license
✍️

Velvet Writer

Notion-style rich text editor for React and Tailwind CSS, with slash commands and markdown shortcuts.

🖼️

Velvet Image Dropzone

Modern drag-and-drop image uploader with instant previews, cropping, and validation.

🔳

Velvet QR

Customizable QR code generator with gradients, dot styles, logos, and PNG/SVG export.

💜 Why VelvetJS

Built for developers who care about polish

Every component ships production-ready: typed, themeable, and designed to feel native in your app rather than bolted on.

🪶

Lightweight by default

Zero or near-zero runtime dependencies, so you're not shipping megabytes of JavaScript for a text editor.

🔒

Type-safe

Full TypeScript definitions ship with every package — autocomplete and type checking out of the box.

🎨

Themeable

Tailwind-friendly class names and CSS variables make restyling components straightforward, not a fight.

🌗

Dark mode ready

Components are designed with light and dark themes in mind from day one, not retrofitted later.

📄

MIT licensed

Free for personal and commercial projects, with no attribution requirements or hidden paywalls.

🛠️

Actively maintained

Bugs and feature requests are tracked in the open on GitHub, with regular npm releases.

🚀 Get started

Up and running in three steps

No config wizards, no build plugins to install — just npm install and import.

1

Install the package

Run npm i velvet-writer (or dropzone / qr) in your React project.

2

Import the component

Drop it into any React 18 or 19 app — no provider or wrapper setup required.

3

Style to match your app

Override the included CSS variables or Tailwind classes to fit your design system.

🛟Support