Pebble 001

Soft, rounded, neutral dashboard UI for AI-powered 3D design tools. Full-featured SaaS layout with sidebar, asset browser, editor, and gallery.

Pages

Components

Download Free ↗

Built with

Next.js 16React 19Tailwind CSS v4Headless UI v2TypeScript

Install via shadcn CLI

Add individual components or the full layout to any existing Next.js project.

Full Dashboard Layout

Sidebar, header, search, notifications, and settings — all wired together.

npx shadcn add @selectcodes-pebble-001/dashboard-layout

Individual Components

Pick only what you need. Each component auto-installs its dependencies.

npx shadcn add @selectcodes-pebble-001/gallery-card
npx shadcn add @selectcodes-pebble-001/prompt-bar
npx shadcn add @selectcodes-pebble-001/asset-detail-modal

Theme Tokens Only

Just the design tokens — surfaces, text colors, shadows, typography.

npx shadcn add @selectcodes-pebble-001/theme

Clone & Run Locally

Download the full source and run it as a standalone Next.js project.

git clone https://github.com/shell-ui/templates
cd templates/pebble-001
pnpm install && pnpm dev