The premium UI & code libraryfor the vibecoding era.
.webp)
Unlock a growing library of senior-grade UI kits, components and Figma files — download, copy and ship.
Featured Work
Hand-picked templates and assets from our library — curated to get you started fast.
Imperial VPN
Mostar Guide
Sky Estate
Personal Showcase
Skybridge 404
OYLA
3D Portfolio
Sentinel
Most Visited
The templates our community keeps coming back to.
AI Workflow Agents
Data Storytelling
.webp)
Dreamcore Landing
.webp)
Bold Studio
Prisma Creative Studio
Interactive Discovery
Intelligent Operations
Augmented Sight
Browse the library
Curated UI kits, templates and design assets — all Sparks-reviewed.
Subscribe once
One membership unlocks the whole library — commercial license on everything.
Unlock & build
Production-ready files, unlocked instantly with your membership.
Trusted by the Gumroad community
First validated on Gumroad, where paying customers rated this library a perfect 5.0.
“Super impressed by the clean & well organised and ready to go templates. Highly recommend if you're into solid design systems 🔥”
“Marcelo's Figma Design Package is genuinely impressive. The collection of designs and animations has been incredibly helpful, providing top-notch resources that enhance any project.”
“Marcelo's concepts seem to come from the future, big deal. You won't regret it.”
“I have seen more than 50% of Marcelo's designs. I am very impressed — I have gotten a lot of ideas from your designs, especially the 3D website animation.”
“Marcelo is lit — you will get a wow after seeing the 3D animation in Figma. Highly recommended.”
“Wow, it's a lot. I've already learned a lot about how to do some animations and designs. This is very valuable!”
“AMAZING!! Highly recommend!! You the best Marcelo!”
“Great asset library.”
“Awesome designs.”
“Super, thank you!”
Free
Start
Enough to get your first page moving.
No card needed. Live in seconds.
Try Sparks free5 AI credits
5 one-time AI credits at signup. Spend them in the Sparks builder and export to Figma, Webflow, React or your favourite AI tool.
What you get
- A limited slice of the Sparks section library
- Sparks builder — 5 credits to generate from a prompt
- Limited access to Sparks Gems (motion effects)
- Limited access to design systems
- Limited HTML → Webflow conversions
- Limited skeleton wireframes
- Community support only
- No lab exports, MCP or browser extension
- No weekly drops or template credits
Pro
Ship
The full library for people who ship every week.
per month · billed quarterly
Cancel whenever you like.
Start with Pro90 AI credits
AI credits released up front each renewal. Generate sections in the Sparks builder, then export to Figma, Webflow, React or any AI tool.
What you get
- Unlimited sections for Webflow, Figma, Framer & AI prompts
- Sparks builder — generate from a prompt with credits
- Unlimited Sparks Gems (motion effects)
- Unlimited design systems
- 100 HTML → Webflow conversions per month
- Unlimited skeleton wireframes
- Support over chat and Slack
- Unlimited lab exports to Figma & Webflow
- Full MCP access for Claude, Cursor & Lovable
- Browser extension
- New sections and templates every week
- One surprise template gift every month
- Template credits that stack — 1 quarterly, 4 annually
Ultra
Scale
Everything in Pro, plus a 3-template bundle.
per month · billed quarterly
Cancel whenever you like.
Go Ultra300 AI credits
AI credits released up front each renewal. Generate sections in the Sparks builder, then export to Figma, Webflow, React or any AI tool.
What you get
- Unlimited sections for Webflow, Figma, Framer & AI prompts
- Sparks builder — generate from a prompt with credits
- Unlimited Sparks Gems (motion effects)
- Unlimited design systems
- Unlimited HTML → Webflow conversions
- Unlimited skeleton wireframes
- Priority support
- Unlimited lab exports to Figma & Webflow
- Full MCP access for Claude, Cursor & Lovable
- Browser extension
- New sections and templates every week
- One surprise template gift every month
- 3 template credits quarterly, 12 annually, all 140 on lifetime
FAQ
Questions, answered
Can I use Sparks assets in commercial projects?
Yes. Every product ships with a commercial license at no extra cost — use and adapt the assets freely in your own personal, client and commercial projects.
What is the difference between buying and subscribing?
Buying gives you lifetime access to a single product. A subscription unlocks the full library — including every new drop we release while you are subscribed — for one flat price.
How do the download limits work?
Two separate allowances, both set by your plan. Select top-tier pieces carry a Premium badge (a gold crown) — those are the only ones that count toward your monthly allowance: 3 on Starter, 8 on Pro, 15 on Max, resetting on the 1st. Everything else uses a separate daily allowance — 3, 8 or 15 downloads per day — that resets every day. Browsing the full catalog is always unlimited, and re-downloading something you already have never counts twice.
What formats do the assets come in?
Design assets ship as Figma files; coded templates come as clean, production-ready HTML/CSS or framework code. Each product page lists exactly what is inside before you buy.
Do I get updates after purchasing?
Yes. When we improve a product you own, the update is yours at no extra cost — just re-download it from your library.
Can I cancel my subscription anytime?
Anytime, with one click and no questions asked. You keep access until the end of your billing period, and anything you purchased outright stays yours forever.
Who makes the products on Sparks?
Everything is designed and built in-house by the Sparks team. No anonymous third-party uploads — one consistent quality bar across the whole library.
Start building today
Create your free account and get instant access to the full Sparks library of UI kits, templates and design assets.