Next.js
A page and the components it renders. use client sits on files that handle events.
Block library
Layouts, cut and ready.
Quarry is a bench of shadcn blocks. Preview one, switch framework, and copy the source into the project you are already building.
- Blocks
- 75
- Categories
- 25
- Frameworks
- 4
Plain bar
DemoLogo, text links, a primary action, and a mobile drawer.
@quarry/header-01
React
The same components, with an App entry for Vite or any client tree.
Vue
Single-file components, one per piece. Icons are inline SVG.
Angular
Standalone components. The root imports the pieces it renders.
01
Preview the block
Open a category and read the layout at full width. The live preview is the React component.
02
Pick a framework
Next.js, React, Vue, or Angular. Each tab is a page plus the components it renders.
03
Paste it in
Copy a file from the tree, or point the shadcn CLI at the registry. Tokens match shadcn/ui.
A working dashboard
All dashboard blocksList and detail
DemoA customer list on the left and the open record on the right.
@quarry/layout-05
Harbor Goods
Open
$4,200
Last paid
12 Sep
Owner
Mira
Latest note
Payout posted Thursday. The note is attached. Nothing else is waiting on Harbor this week.
The bench
03 blocks
Hero Sections
Opening statements, announcement pills, and product frames.
02 blocks
Features
Hairline grids and bento tiles for a product's capabilities.
02 blocks
Header
Top bars and floating navigation with a mobile drawer.
02 blocks
Footer
Column footers and a slim legal bar.
02 blocks
Call to Action
Closing panels and a newsletter capture.
03 blocks
Auth
Sign-in cards, split quotes, and account creation.
02 blocks
FAQs
A disclosure list and a two-column answer sheet.
02 blocks
Pricing
Three tiers, or one offer with a checklist.
02 blocks
Testimonials
Short reviews and a single pull quote.
02 blocks
Logo Cloud
Wordmark grids and a quiet inline strip.
02 blocks
Contact
A desk layout and a short centered form.
01 blocks
Team
People, roles, and a one-line bio.
01 blocks
Blog Sections
An index of three recent articles.
01 blocks
Integrations
Connected tools with a live status.
01 blocks
Image Gallery
A six-tile study you can swap for real shots.
01 blocks
Not Found
A 404 with a way back to the work.
05 blocks
Dashboard
Revenue, support, analytics, billing, and project views.
06 blocks
Analytics
Traffic, an activation funnel, retention, a live desk, a period compare, and a sliced report.
01 blocks
App Shell
A sidebar frame with a content header.
10 blocks
Layouts
Page frames: sidebar, rail, top bar, inset, split, inspector, docs, settings, landing, and a board.
03 blocks
Messaging
Assistant desks with a history sidebar, a transcript, and a composer.
04 blocks
Newsletter
Letter layouts: a Sunday issue, a product note, a link digest, and a signup page.
10 blocks
Shop
Baskets, store dashboards, item cards, a filtered results table, and filter panels on their own.
04 blocks
Portfolio
A home, a project index, a case study, and an about split.
03 blocks
CV
A classic page, a sidebar page, and a compact page.
Take a block home today.
A demo set is open to try. The rest of the library is a one-time payment of $20.99, tied to your Google account.