Templates / Sable
Sable — particle-sculpture portfolio template
A studio portfolio built around a live three.js sculpture — six thousand particles that quietly re-form themselves from an orb into a torus knot into a standing wave while your work does the talking. Graphite black, silver bone, one signal orange.
Design, Engineered
What's included
- Full Next.js 15 + React 19 + TypeScript source
- A live three.js particle sculpture — 6,000 points that re-form from orb to torus knot to standing wave on a loop, with cursor parallax. Plain three.js, no react-three-fiber to learn
- Generative project covers — every entry in the work index ships with a layered-gradient cover, so the portfolio looks finished before you have a single screenshot
- A cursor-chasing preview card over the project index on pointer devices; covers render inline on touch
- GSAP + ScrollTrigger choreography: masked headline reveals, a pinned horizontal capabilities rail, count-up figures, hover-strike principles
- Magnetic mailto CTA, counter-scrolling stack tickers, live local-time clock
- The whole page reads its palette from seven CSS variables — re-brand in one file
- Anton display voice, Inter body, JetBrains Mono labels, mobile-first Tailwind v4
- Every animation — including the sculpture's render loop — gated behind prefers-reduced-motion
- README covering setup, the sculpture's forms, and how each section works
Questions
What license do I get?
A lifetime commercial license for unlimited end products, personal or client work. You can't resell or redistribute the template itself.
Do I need to know three.js?
No. The sculpture is one self-contained component — density, pacing, and the three forms are plain constants at the top of the file, and the README shows how to add a fourth form.
What about visitors on weak hardware?
The sculpture caps device-pixel-ratio at 2, uses a single buffer geometry with zero per-frame allocation, and renders one static frame under prefers-reduced-motion.
How is it delivered?
Instantly after checkout — a zip with the full source and a README covering setup, deployment, and how the sculpture and scroll choreography work.
Do I get updates?
Yes. Every improvement to this template is free, forever, delivered through your original download link.
Who handles payment and taxes?
Checkout runs through Dodo Payments, our merchant of record. Cards, UPI, and local payment methods work; invoices and taxes are handled for you.