sh4dcnv2 · atlas
← libraries

@upfork

React + Tailwind CSS components and landing pages. The free ones install with no setup; the rest with an UpFork token.

20 components pro available react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://upfork.dev/r/registry.json
pnpm pnpm dlx shadcn@latest add https://upfork.dev/r/registry.json
bun bunx shadcn@latest add https://upfork.dev/r/registry.json
fetch registry curl -s https://upfork.dev/r/registry.json

Components

20 total
Daybook — Event Calendar & Scheduler for React, shadcn/ui & Tailwind (Drag & Dr… component

A full event calendar and scheduler for React and shadcn/ui: month, week, day and agenda views, drag-and-drop to create, move and resize, recurring events, att…

npx shadcn@latest add https://upfork.dev/r/shadcn-event-calendar-scheduler-react.json
Maple — Steakhouse & Restaurant Hero Section for React with an Interactive Masc… component

Steakhouse & restaurant hero section for React and Next.js. Maple, a filmed cartoon cow in a knitted scarf, follows your guest's cursor across six photographed…

npx shadcn@latest add https://upfork.dev/r/restaurant-hero-section-react.json
Duet Sidebar — Glassmorphism Icon Dock & Expandable Menu for React component

A two-part glass sidebar for React: a slim icon dock with a glowing indicator, and a full menu that unfurls beside it. Linked hover, expandable channels, Setti…

npx shadcn@latest add https://upfork.dev/r/glassmorphism-icon-sidebar-menu-react.json
Velvet Sidebar — Glass Collapsible Navigation Sidebar for React component

A cinema-grade glass sidebar for React: a red active bar that travels between rows, a collapse into a monogram rail, notifications, a profile switcher, search,…

npx shadcn@latest add https://upfork.dev/r/glass-collapsible-sidebar-react.json
Rapport — Contacts App & CRM for React, shadcn/ui & Tailwind (Address Book UI) component

A complete contacts manager for React and shadcn/ui: folders and labels, highlighted search, filters, list, grid and table views, details, activity and notes, …

npx shadcn@latest add https://upfork.dev/r/shadcn-contacts-app-crm-react.json
Roofline — Real Estate Map Search for React, shadcn/ui & Tailwind (Property Lis… component

A complete real estate property search for React and shadcn/ui: a clustered MapLibre map with price pills, synced to a fast listings panel, smart search, filte…

npx shadcn@latest add https://upfork.dev/r/real-estate-map-listings-react-shadcn.json
Parley — Team Chat App for React, shadcn/ui & Tailwind (Messenger UI) component

A complete team chat for React and shadcn/ui: conversation list with tabs, threads with replies, reactions and Markdown, image lightbox, file uploads, voice no…

npx shadcn@latest add https://upfork.dev/r/shadcn-chat-app-messenger-react.json
Mailroom — Email Client & Inbox UI for React, shadcn/ui and Tailwind component

A complete email client for React and shadcn/ui: three resizable panes, folders and labels, threaded conversations, a rich-text compose window with recipient c…

npx shadcn@latest add https://upfork.dev/r/email-client-inbox-react-shadcn.json
Aptwork – AI automation SaaS landing page block

A dark, motion-rich landing page for an automation or AI SaaS: a three.js data-terrain hero, workflows that actually run, a pinned 3D feature deck, pricing and…

npx shadcn@latest add https://upfork.dev/r/aptwork.json
Marketly – Trading platform landing page block

A market-data landing page template with its dependent pages, built to be re-skinned: every color, type size, radius and shadow is a design token, every sectio…

npx shadcn@latest add https://upfork.dev/r/marketly-trading-landing.json
Lightfall — Crypto & Web3 Hero Section for React with WebGL Background component

A crypto and Web3 hero section for React over a hand-written WebGL light background: neon lanes fall into an order book, a live price ticker pulses the light o…

npx shadcn@latest add https://upfork.dev/r/crypto-web3-hero-section-react.json
Media Folder — macOS-Style Draggable Window Desktop for React & Framer Motion component

A macOS-style folder for React that bursts open into draggable windows: photos, videos, a working music player, weather and swatches with real traffic lights, …

npx shadcn@latest add https://upfork.dev/r/macos-folder-draggable-windows-react.json
Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion component

A 3D parallax image gallery hero for React: cards float around your headline, follow the cursor like a camera, lift and face you on hover, and open into a cine…

npx shadcn@latest add https://upfork.dev/r/3d-parallax-image-gallery-react.json
Dynamic 3D Carousel for React & Next.js — Draggable Image & Video Slider component

A draggable 3D carousel for React and Next.js: photo, video and text cards on a curved arc with momentum, a seamless infinite loop, autoplay and a click-to-exp…

npx shadcn@latest add https://upfork.dev/r/dynamic-3d-carousel-react.json
Commander — Pet Shop Hero Section with Cursor-Tracking Cat (React + Next.js) component

Interactive pet shop hero section for React, Next.js and Tailwind CSS: an AI-filmed cat follows the cursor at 60 fps, watches shoppers type in search and nods …

npx shadcn@latest add https://upfork.dev/r/pet-shop-hero.json
OrbitGallery — 3D Carousel for React & Three.js (WebGL) component

A 3D WebGL carousel for React and Next.js: project cards on a curved arc above a reflective floor. Drag, scroll or use the arrow keys, then click a card to ope…

npx shadcn@latest add https://upfork.dev/r/orbit-gallery-3d-carousel-react.json
Interactive SaaS Hero with Live Product Demo component

A cinematic hero for a visual website builder. At the top are a badge, a headline, a subheading, two calls to action and social proof, over an aurora. Below th…

npx shadcn@latest add https://upfork.dev/r/interactive-saas-hero.json
Border Beam Button ui

A premium pill call to action for Next.js with a comet of light that travels around its border. Unlike the usual rotating conic gradient, the beam moves at a c…

npx shadcn@latest add https://upfork.dev/r/border-beam-button.json
Infall — Black Hole Hero Section (React + WebGL) component

A React hero section with a black hole ray-traced live in WebGL: real light bending, a scroll dive into the event horizon, and light and dark themes.

npx shadcn@latest add https://upfork.dev/r/black-hole-hero.json
Crowdwall – Community hero with a scrolling photo wall component

A hero section for communities and social products: a headline and call to action over an endless wall of portraits whose rows slide in alternating directions.…

npx shadcn@latest add https://upfork.dev/r/crowdwall.json