Free starter
$0$0forever
Hosted ZIP — no Gumroad needed until you upgrade.
- 10 curated sections — hero through conversion tail
- Same shared CSS variables as the paid kit
- Drop-in React + Tailwind, no account required
React · Tailwind · Motion
Pixel-perfect marketing blocks for the teams shipping this week.
A finite, designer-curated React + Tailwind library for startups, AI hackers, and fintech teams. Drop sections, theme once, and spend your time on narrative and conversion — not markup archaeology.
Built for the stack you already use
ReactNext.jsTailwind CSSTypeScriptFramer Motionshadcn/uiViteLucideRadixApp RouterReactNext.jsTailwind CSSTypeScriptFramer Motionshadcn/uiViteLucideRadixApp Router
Blocks
Designer-curated sections, ready to paste
58 pixel-tuned React + Tailwind blocks across the categories shipping teams actually use. Pick a category to see every variant — preview themes and corner radius are tunable on each page.
- 4 blocks
Hero
Punchy openers — split layouts, compact launches, and announcement strips.
- 10 blocks
Features
Capability grids, alternating rows, bento, and integration shells.
- 6 blocks
Pricing
Single-SKU cards, dual tiers, comparison matrices, and add-on rows.
- 5 blocks
Social proof
Quote cards, spotlight stories, KPI quotes, and team grids.
- 5 blocks
FAQ
Accordion objections, helpful-vote patterns, and marketing footers.
- 8 blocks
Conversion
CTAs, capture forms, blog teasers, changelogs, and roadmap strips.
Pricing
Try free. Unlock the full library once.
Start with the free starter ZIP — same tokens as the paid kit. Upgrade for the full curated family with one negotiation-free checkout.
Full Hexagon UI kit
Most popular$79one-time
Lifetime download · VAT handled by Gumroad · v1.x updates included.
- All 58 curated sections as React + Tailwind sources
- shadcn-compatible token file — theme everything in one pass
- README + HANDOFF docs for stakeholder review
- v1.x maintenance updates via Gumroad
FAQ
Common questions
Everything teams ask before pasting Hexagon UI into a real launch — short answers grouped by intent.
General
A finite, designer-curated library of pixel-tuned React + Tailwind marketing blocks. Targeted at startups, AI hackers, and fintech teams who need a credible landing site without rebuilding the same hero, pricing, and FAQ from scratch every sprint.
shadcn/ui is a primitive component library you install and compose. Hexagon UI is a marketing-blocks kit on top of those primitives — full sections (hero, features, pricing, social proof, FAQ) you paste into a page. The CSS variables are shadcn-compatible so existing theme tooling works.
Yes. The free starter ZIP includes 10 curated sections covering hero through conversion tail — same shared tokens as the paid kit. Validate code quality and theming before you buy the full library on Gumroad.
Yes. v1.x ships maintenance updates through the same Gumroad library entry. Major future packs (e.g. Figma kits, marketing pages, dashboard blocks) may be released as separate SKUs.
Billing & licensing
Gumroad delivers a perpetual download link for hexagon-ui-kit.zip plus a receipt. The archive includes React blocks under blocks/, tokens/hexagon-ui-variables.css, README.md, and buyer-facing HANDOFF.md. Drop the files into your app and theme via the shared token file.
Commercial terms are defined on the Gumroad product page at the time you purchase (seat scope, redistribution limits, and so on). Keep your receipt as proof of entitlement. Forward the listing URL and receipt to procurement when needed.
Coverage follows the Gumroad listing language. Typically one organization license covers internal use for sites you operate. Agencies should confirm multi-client terms on the listing or contact support using the receipt.
Digital goods follow Gumroad buyer policies. Open a refund or invoice request through Gumroad — they handle accounts payable formatting and dispute flow.
Not at launch. The single $79 price is intentionally low to make procurement frictionless. Reach out via the Gumroad listing if your team needs invoicing for a multi-seat purchase.
Technical
React function components, Tailwind CSS v4-style tokens in globals, Lucide icons, and Framer Motion on the hero and select scroll-polish sections. Next.js App Router is the best fit; Vite works with path adjustments. shadcn-compatible CSS variables let your theme tooling feel familiar.
Yes. Tokens follow a shadcn-compatible model: swap CSS variables in tokens/hexagon-ui-variables.css or paste output from your theme generator. The /blocks page has a live theme + radius editor so you can audition palettes against the catalog before committing.
Not at launch. v1 is code-first so teams ship immediately. A blocks-only Figma library may arrive later as a separate product.
Yes. All blocks ship as .tsx files with full prop types. Drop them into a TypeScript Next.js or Vite app and your editor lights up immediately.
The Docs page summarizes the same content as HANDOFF.md in the ZIP — installation, token mapping, and an integration checklist optimized for forwarding to engineering or procurement.