What's included in the Spherule template?

Single-page social-growth landing site with the full conversion funnel — animated hero with stat cards, success-stories testimonial grid, three-tier pricing comparison, step-by-step “How it works” walkthrough, FAQ accordion, and footer CTA. 20+ section components, light + dark mode, full TypeScript types, and the editable Figma source.

Do I need a Pro subscription to use it?

Yes. Spherule and every other shadcn.io template, block, and component are bundled in the Pro plan. One-time payment, lifetime updates — see /pricing for the breakdown.

Is it suitable for any social-media SaaS, or just Instagram tools?

Any platform. The template is platform-agnostic — the demo copy uses Instagram-style metrics because that's the largest creator market, but the section structure (animated stats, success stories, pricing, walkthrough) maps cleanly to TikTok, YouTube, X, LinkedIn, or any creator-tool funnel. Swap the stat labels and you're done.

Next.js 15.4 (App Router), React 19, TypeScript 5.6, Tailwind CSS v4, and shadcn/ui v5.6. Hero animations are built on `motion/react` with reduced-motion fallbacks; charts use Recharts via shadcn/ui's chart primitives.

How do the hero animations perform on slow connections?

The text clip-path animation and stat-card entrance both use CSS transforms (no layout-thrashing JS) and respect `prefers-reduced-motion`. On slow connections the animations defer to a static layout — the page reads correctly even before JS finishes loading.

Can I customize the brand colors and pricing tiers?

Yes — colors flow through Tailwind v4's CSS variables (edit OKLCH values in `app/globals.css` or paste a theme from /theme-generator). Pricing tiers live in a single typed array; add or remove plans and the comparison grid + CTAs update automatically.

How do I swap in my own success stories?

Testimonial data is a single typed array in `lib/testimonials.ts`. Each entry has `name`, `handle`, `quote`, `metric`, and `avatar` — drop in real creator endorsements and the success-stories grid renders them.

Will I get future updates?

Yes. Pro is a one-time payment for lifetime updates. New sections, bug fixes, and shadcn/ui major-version upgrades land via the shadcn CLI or the MCP server.

Social Media SaaS Template — Spherule (Next.js + shadcn/ui)

Live Preview

Interact with the actual deployed template — every section, every interaction, no mockups.

spherule.shadcn.io

Loading preview…

About Template

Spherule is a conversion-focused landing page template built for social media growth tools and creator-focused SaaS. It pairs an aggressive, animated hero with the technical scaffolding that creator-tool buyers expect — analytics card previews, follower-count animations, testimonial grids, and a multi-tier pricing flow.

Every section is purpose-built for the social-growth use case:

Core Features

Outsized Animated Hero
“The #1 SaaS Tool” headline with text-clip-path entrance animations and Instagram-style stat cards that establish authority on first paint.
Success Stories Grid
Multi-column testimonial layout with avatar + quote cards, tuned for creator endorsements that drive conversion better than feature lists.
Multi-Tier Pricing
Three-plan pricing card system with feature comparison rows, ideal for freemium-to-pro funnels common in creator SaaS.
Onboarding Walkthrough
Step-by-step “How does it work?” section that demystifies the product flow for less-technical buyers and reduces bounce.
Mobile-First Layout
Built for the audience that converts on phones — every section reflows cleanly at 360px, and the hero animation downgrades gracefully on slow networks.

Whether you're shipping a follower-count tracker, an Instagram analytics dashboard, or an audience-engagement automation tool, Spherule is the high-conversion foundation for getting creators to sign up.

Convert creators into customers.

Unlock Spherule and every other shadcn.io template, block, and component with one Pro plan. One-time payment, lifetime updates.

Get Pro Download

14 premium templates
6,000+ blocks
MCP for AI agents
Lifetime updates

Video Showcase

A live tour of the template — autoplaying when in view.

spherule.shadcn.io

Frequently Asked Questions

Everything you need to know before you ship with Spherule.

Devs love shadcn.io

We've been blown away by the love & support from users

Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.

Alan Obeng-PeprahSenior Designer @ NativeXAI

I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.

DesmondCo-founder @ VectorlabsVentures

As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With shadcn.io, I literally plug in a template, tweak the copy, and I'm ready to ship.

Duke Opoku AmankwahFounder @ Midas

The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.

Abiola BraimahDeveloper @ Studio IX

Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.

Alan Obeng-PeprahSenior Designer @ NativeXAI

I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.

DesmondCo-founder @ VectorlabsVentures

As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With shadcn.io, I literally plug in a template, tweak the copy, and I'm ready to ship.

Duke Opoku AmankwahFounder @ Midas

The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.

Abiola BraimahDeveloper @ Studio IX

Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.

Alan Obeng-PeprahSenior Designer @ NativeXAI

I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.

DesmondCo-founder @ VectorlabsVentures

As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With shadcn.io, I literally plug in a template, tweak the copy, and I'm ready to ship.

Duke Opoku AmankwahFounder @ Midas

The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.

Abiola BraimahDeveloper @ Studio IX

Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.

Alan Obeng-PeprahSenior Designer @ NativeXAI

I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.

DesmondCo-founder @ VectorlabsVentures

As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With shadcn.io, I literally plug in a template, tweak the copy, and I'm ready to ship.

Duke Opoku AmankwahFounder @ Midas

The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.

Abiola BraimahDeveloper @ Studio IX

Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.

Acromond X.Co-founder @ VectorlabsVentures

Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!

Raquib S.Backend Developer

These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.

Hallic M.Developer @ AtlasLabs

shadcn.io templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.

Ibrahim S.Frontend Lead @ ScaleUp

Outstanding support and premium quality templates. The ROI on these templates is phenomenal.

Kevin K.CEO @ WebCraft

Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.

Acromond X.Co-founder @ VectorlabsVentures

Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!

Raquib S.Backend Developer

These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.

Hallic M.Developer @ AtlasLabs

shadcn.io templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.

Ibrahim S.Frontend Lead @ ScaleUp

Outstanding support and premium quality templates. The ROI on these templates is phenomenal.

Kevin K.CEO @ WebCraft

Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.

Acromond X.Co-founder @ VectorlabsVentures

Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!

Raquib S.Backend Developer

These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.

Hallic M.Developer @ AtlasLabs

shadcn.io templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.

Ibrahim S.Frontend Lead @ ScaleUp

Outstanding support and premium quality templates. The ROI on these templates is phenomenal.

Kevin K.CEO @ WebCraft

Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.

Acromond X.Co-founder @ VectorlabsVentures

Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work!

Raquib S.Backend Developer

These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.

Hallic M.Developer @ AtlasLabs

shadcn.io templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.

Ibrahim S.Frontend Lead @ ScaleUp

Outstanding support and premium quality templates. The ROI on these templates is phenomenal.

Kevin K.CEO @ WebCraft

shadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.

Danny G.Founder of DevStack

I've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.

Ian D.CTO at Wavelength

The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.

Ben S.Lead Designer at PixelPerfect

As a non-technical founder, shadcn.io templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away!

Matthew I.Startup Founder

I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.

Garrett P.Frontend Lead at TechFusion

The ROI on shadcn.io templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.

Xavier C.Agency Owner

shadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.

Danny G.Founder of DevStack

I've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.

Ian D.CTO at Wavelength

The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.

Ben S.Lead Designer at PixelPerfect

As a non-technical founder, shadcn.io templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away!

Matthew I.Startup Founder

I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.

Garrett P.Frontend Lead at TechFusion

The ROI on shadcn.io templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.

Xavier C.Agency Owner

shadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.

Danny G.Founder of DevStack

I've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.

Ian D.CTO at Wavelength

The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.

Ben S.Lead Designer at PixelPerfect

As a non-technical founder, shadcn.io templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away!

Matthew I.Startup Founder

I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.

Garrett P.Frontend Lead at TechFusion

The ROI on shadcn.io templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.

Xavier C.Agency Owner

shadcn.io templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.

Danny G.Founder of DevStack

I've used many template libraries before, but shadcn.io stands out for its attention to performance optimization and clean code architecture.

Ian D.CTO at Wavelength

The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.

Ben S.Lead Designer at PixelPerfect

As a non-technical founder, shadcn.io templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away!

Matthew I.Startup Founder

I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.

Garrett P.Frontend Lead at TechFusion

The ROI on shadcn.io templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.

Xavier C.Agency Owner

Used by 50k devs
and across top universities

UWUIUCASUHarvardBerkeleyCornellDartmouthCMUUCLAUCSDNortheasternBURITWPIPittUGACincinnatiIE Business SchoolESSECEAFITPompeu Fabra

More Templates

Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.

solaris.shadcn.io

Convert creators into customers.

One Pro unlock gets you Spherule, 13 more premium templates, 6,000+ blocks, MCP for every AI editor, and every shadcn primitive.

Pick any template
Browse 14 production-ready templates — from AI agent landings to creative-developer portfolios.
Make it yours
Plug in your brand, your copy, your logic. Everything is plain shadcn/ui + Tailwind — edit, theme, or compose freely.
Ship this weekend
Install via the shadcn CLI or prompt an AI agent through MCP. What took a week takes an hour.

Get Pro — Save 33%·Ends in --:--:--→

Spherule — Social Media Growth SaaS

Live Preview

About Template

Core Features

Outsized Animated Hero

Success Stories Grid

Multi-Tier Pricing

Onboarding Walkthrough

Mobile-First Layout

Convert creators into customers.

Video Showcase

What's included in the Spherule template?

Do I need a Pro subscription to use it?

Is it suitable for any social-media SaaS, or just Instagram tools?

What's the stack?

How do the hero animations perform on slow connections?

Can I customize the brand colors and pricing tiers?

How do I swap in my own success stories?

Will I get future updates?

Devs love shadcn.io

Used by 50k devsand across top universities

More Templates

Solaris

Reframe Labs

Max

Zel Designs

Arete

Lightbox

Chatly

Alt+Shift

Prodexa

Studio IX

MeetingIQ

Galileo

Culio

Pick any template

Make it yours

Ship this weekend

Used by 50k devs
and across top universities