VellumUp
PricingBlogIntegrationsComponents
Sign inRegister
Component library

Free React Components

Copy and paste into your project, no npm install. TypeScript included, built for blogs and content sites: webhook receivers, layouts, and more.

Blog Post Layout

Blog Post Layout

Blog Layouts
Blog Post Layout - Minimal

Blog Post Layout - Minimal

Blog Layouts
Blog Post Layout - Sidebar Meta

Blog Post Layout - Sidebar Meta

Blog Layouts
Blog Section

Blog Section

Blog Sections
Blog Section - Editorial

Blog Section - Editorial

Blog Sections
Blog Section - Minimal Rows

Blog Section - Minimal Rows

Blog Sections
Blog Section - Simple

Blog Section - Simple

Blog Sections
Table of Contents

Table of Contents

Navigation
Table of Contents - Floating

Table of Contents - Floating

Navigation
Table of Contents - Inline

Table of Contents - Inline

Navigation
Table of Contents - Pill

Table of Contents - Pill

Navigation
Card

Card

Cards
Card - Magazine

Card - Magazine

Cards
Card - Bare

Card - Bare

Cards
Card - Frame

Card - Frame

Cards
Key Takeaways - Boxed

Key Takeaways - Boxed

Key Takeaways
Key Takeaways - Card

Key Takeaways - Card

Key Takeaways
Key Takeaways - Numbered

Key Takeaways - Numbered

Key Takeaways
VellumUp route

Webhook receiver for Next.js

Backend
VellumUp route

Webhook receiver without a server - Edge Function

Backend
Full Article Page

Full Article Page

Full Examples

Frequently asked questions

Yes. Every component on this page is free to copy and use, with no account, no attribution required, and no license fee. There is no paid tier for the components themselves, VellumUp's paid product is the AI article generator, not this page.
No npm package to add. Each component's page shows the actual code: copy it into your project and adjust it to fit. A few components use a small external library (react-markdown for the blog post layout, react-icons for the table of contents), and that is stated on the component's own page, not hidden until you try to run it.
Most of the layout and card components are plain React and CSS, so they work in any React project with light adjustment. The webhook receiver routes are written specifically for the Next.js App Router's route handler format, and would need to be adapted to a different framework's routing convention.
It's the real code VellumUp runs in its own product, not a simplified demo. That said, always read through a component before shipping it, especially the webhook receivers, which handle real payloads and signature verification and are worth understanding fully rather than copying blind.
Yes. New components get added as VellumUp builds more of its own product and finds pieces worth sharing, mostly around blog layout, content structure, and publishing integrations.

Say hello

support@vellumup.com

Follow us

Product

PricingFree ToolsShopify App StoreWix App MarketWordPress Pluginnpx vellumup-init

Company

BlogIntegrationsComponentsAffiliates

Integrations

DocumentationWordPressShopifyWebflowWixWebhooksNext.js

Legal

Terms of ServicePrivacy PolicyAccessibility
VellumUp

© 2026 VellumUp. All rights reserved.