Original themes

Neon Theme

A cyberpunk-inspired dark theme with electric green-cyan accents. Perfect for tech startups, gaming content, and futuristic presentations.

bg
text
accent
accent2
gradient
Card Shadow elevated
Heading Weight 800
Constant THEME_NEON
Templates in this Theme

54 templates available in Neon

Every template below is available with the Neon theme. Click to view the template details or preview in the player.

Agent Dashboard preview
Agent Dashboard
16 variants
Agent Dashboard
Visualize AI agent systems with control panel dashboards, flow diagrams, and status matrix views. Built for AI teams who need to explain automation to stakeholders.
Animated Icons preview
Animated Icons
2 variants
Animated Icons
Pure SVG portrait with a pulsing center icon and 6 orbiting icons — no photos needed. Two variants: NeonOrbit and MinimalFlow.
Animated List preview
Animated List
16 variants
Animated List
Spring-animated list items that slide in with staggered timing. Great for feature lists, agenda items, and step-by-step breakdowns.
Animated Text preview
Animated Text
16 variants
Animated Text
Per-character text animation with spring physics - each letter drops in with rotation. Ideal for titles, brand names, and impact statements.
Announcement preview
Announcement
15 variants
Announcement
Eye-catching announcement videos for social media - product launches, updates, and news with bold typography and animations.
Bounce Text preview
Bounce Text
16 variants
Bounce Text
Headline with bounce-in animation and gradient card background. Perfect for announcements, CTAs, and section openers.
Bubble Pop Text preview
Bubble Pop Text
16 variants
Bubble Pop Text
Letters appear inside bubbles with a springy pop-in effect. Eye-catching for short words, brand names, and social media hooks.
Call to Action preview
Call to Action
15 variants
Call to Action
Compelling CTA videos for social media - subscribe prompts, follow requests, and engagement drivers with animated buttons and text.
Card Flip preview
Card Flip
16 variants
Card Flip
3D card flip animation with front and back faces. Great for reveal moments, before/after, and two-sided information.
Case Study preview
Case Study
16 variants
Case Study
Tell client success stories with before/after reveals, animated results metrics, and impact callouts. Converts better than any written case study.
City Lights preview
City Lights
2 variants
City Lights
Night city portrait with procedural SVG skyline, pulsing building windows, twinkling stars, drifting fireflies, and WavyText headline — two variants: NeonPurple and GoldenHour.
Client Welcome Deck preview
Client Welcome Deck
21 variants
Client Welcome Deck
Onboarding presentations for new clients with team intros, process overview, communication guidelines, and project kickoff agenda slides.
Countdown Hype preview
Countdown Hype
16 variants
Countdown Hype
Build anticipation with animated countdown timers, launch teasers, and urgency sequences. Essential for product launches, limited offers, and event buildups.
Deployment Status preview
Deployment Status
16 variants
Deployment Status
Show deployment and release status with environment card grids, pipeline views, and health monitor dashboards. Built for DevOps and platform engineering teams.
Event preview
Event
16 variants
Event
Promote events with animated hero banners, speaker lineup cards, and countdown reveals. Works for conferences, workshops, webinars, and meetups.
Explainer preview
Explainer
16 variants
Explainer
Break down complex products, services, and concepts with demo flows, step-by-step guides, and feature breakdown animations. Converts website visitors into buyers.
FAQ preview
FAQ
16 variants
FAQ
Address objections and questions with animated Q&A cards, accordion reveals, and interview-style question/answer sequences. Reduces support volume.
Feature Flags preview
Feature Flags
16 variants
Feature Flags
Visualize A/B experiments, feature rollouts, and flag status with experiment board animations, results views, and rollout tracker displays.
Festival Lineup preview
Festival Lineup
2 variants
Festival Lineup
Animated festival lineup poster with WavyText headliner, 2-column artist grid with stagger entrance, and a bold color gradient overlay. Neon purple or sunset orange variants.
Fitness Routine preview
Fitness Routine
16 variants
Fitness Routine
Present workouts with animated exercise lists, circuit timer displays, and full-routine breakdowns. Designed for fitness creators, coaches, and wellness brands.
Floating Bubble preview
Floating Bubble
16 variants
Floating Bubble
Text floats inside a glowing bubble with a gentle bobbing motion. Ideal for callouts, featured quotes, and attention-grabbing labels.
Geometric Patterns preview
Geometric Patterns
16 variants
Geometric Patterns
Rotating concentric geometric shapes that morph and scale. Works as a background layer, intro sequence, or abstract visual break.
Glitch Text preview
Glitch Text
16 variants
Glitch Text
RGB-split glitch effect with chromatic aberration on text. High-impact for tech intros, error screens, and cyberpunk aesthetics.
Invoice preview
Invoice
16 variants
Invoice
Visualize payment requests with animated invoice summaries, billing overviews, and payment reminder sequences. Useful for freelancer finance content and client comms.
Liquid Wave preview
Liquid Wave
16 variants
Liquid Wave
Flowing liquid wave animation using SVG paths. Mesmerizing background for music, wellness, and ambient content.
Listicle preview
Listicle
15 variants
Listicle
Animated list videos for social media - numbered tips, top 5 lists, and step-by-step guides with smooth reveal animations.
Matrix Rain preview
Matrix Rain
16 variants
Matrix Rain
Falling character rain effect inspired by the Matrix. Great for tech intros, code-themed content, and developer branding.
Meeting Recap preview
Meeting Recap
21 variants
Meeting Recap
Post-meeting summary videos with action items, decisions made, attendee highlights, and next steps. Send instead of meeting notes.
Milestone preview
Milestone
16 variants
Milestone
Celebrate achievements with animated goal completion reveals, anniversary announcements, and journey recaps. Turn any win into shareable content.
Music Visualizer preview
Music Visualizer
16 variants
Music Visualizer
Animate audio with waveform bars, radial visualizers, and lyric card displays. Turn podcast clips, music drops, and audio quotes into visual content.
Neighborhood Guide preview
Neighborhood Guide
16 variants
Neighborhood Guide
Explore neighborhoods with animated area maps, highlight reels, and location overview sequences. Built for real estate, relocation, and local content creators.
Onboarding preview
Onboarding
16 variants
Onboarding
Welcome new clients and customers with process overview sequences, step reveals, and welcome animations. Reduces early churn by setting clear expectations.
Particle Explosion preview
Particle Explosion
16 variants
Particle Explosion
Particle burst that radiates outward from center with rotating motion. Perfect for celebration moments, reveals, and impact screens.
Platform Overview preview
Platform Overview
16 variants
Platform Overview
Present technology platforms with command center dashboards, module grid layouts, and tech stack animations. Built for CTOs, DevRel teams, and platform product managers.
Poll / Quiz preview
Poll / Quiz
16 variants
Poll / Quiz
Present polls, quizzes, and survey results with animated question cards, result bar reveals, and answer displays. Great for audience engagement content.
Portfolio preview
Portfolio
16 variants
Portfolio
Showcase your work with animated project galleries, case study narratives, and showreel sequences. Essential for freelancers, agencies, and creative professionals.
Pricing preview
Pricing
16 variants
Pricing
Present pricing tiers with animated plan comparison cards, spotlight callouts, and offer reveal sequences. Designed to reduce pricing page drop-off.
Project Proposal preview
Project Proposal
16 variants
Project Proposal
Present project proposals with scope walkthroughs, timeline animations, and pricing reveals. Win more clients by making your pitch a visual experience.
Project Timeline preview
Project Timeline
21 variants
Project Timeline
Visual project timelines with milestones, phase markers, dependency arrows, and progress tracking. Gantt-style layouts for client presentations.
Pulsing Text preview
Pulsing Text
16 variants
Pulsing Text
Characters pulse with a rhythmic glow effect. Hypnotic animation for music content, meditation apps, and ambient loops.
Rate Card preview
Rate Card
21 variants
Rate Card
Service pricing presentations with tier comparison, hourly vs project rates, package breakdowns, and value proposition layouts. Close deals faster.
Recap preview
Recap
16 variants
Recap
Summarize projects, sprints, and milestones with animated dashboard views, timeline cards, and metrics rollups. Turn any project into a shareable win.
Results Showcase preview
Results Showcase
21 variants
Results Showcase
Client ROI and results presentations with before/after metrics, growth charts, achievement highlights, and impact summaries. Prove your value.
Scope Change Request preview
Scope Change Request
21 variants
Scope Change Request
Formal scope change request videos with impact analysis, timeline adjustments, cost implications, and approval workflows. Professional change management.
Service Overview preview
Service Overview
21 variants
Service Overview
One-pager style service descriptions with capability lists, tech stack icons, process diagrams, and call-to-action sections. Perfect for LinkedIn or proposals.
Slide Text preview
Slide Text
16 variants
Slide Text
Clean slide-in text animation with spring physics. The simplest building block - use it as a title card, lower third, or transition.
Social Proof preview
Social Proof
16 variants
Social Proof
Announce achievements, metrics milestones, and community growth with animated badge reveals, number counters, and announcement sequences. Social proof sells.
Sound Wave preview
Sound Wave
16 variants
Sound Wave
Animated audio bar visualization that pulses rhythmically. Ideal for podcast intros, music content, and audiogram-style videos.
Stat Counter preview
Stat Counter
15 variants
Stat Counter
Animated statistics and metrics for social media - number counters, progress bars, and data visualizations with smooth animations.
Testimonial preview
Testimonial
126 variants
Testimonial
Animate client quotes with smooth entrance reveals, social proof reels, and editorial-style review layouts. Turn text testimonials into video content.
Tip of the Day preview
Tip of the Day
15 variants
Tip of the Day
Daily tip videos for social media - productivity tips, design advice, and quick tutorials with numbered tip format.
Typewriter Subtitle preview
Typewriter Subtitle
16 variants
Typewriter Subtitle
Typewriter-style text reveal with a blinking cursor. Classic effect for code demos, terminal aesthetics, and dramatic text reveals.
Unboxing Moment preview
Unboxing Moment
2 variants
Unboxing Moment
Maximum-energy 8-second unboxing portrait. Three ConfettiBurst explosions at 1s/3s/5s, three sticker callout badges flying in, morphing BlobShape backgrounds, and WavyText product name.
Weekly Client Report preview
Weekly Client Report
21 variants
Weekly Client Report
Professional weekly and monthly client reports with KPI cards, progress bars, status indicators, and executive summaries. Show project health at a glance.
Customize

Adapt the Neon theme

Make this theme your own by customizing colors, fonts, and gradients.

Customize Colors

Modify the accent colors, backgrounds, and text colors to match your brand. All color values are defined in the theme configuration.

Change Fonts

Swap out the default fonts with your brand typography. The theme supports custom font families and weights.

Adjust Gradients

Create unique gradient combinations for accent elements. Define custom gradient directions and color stops.

Save as New Theme

Once customized, save your modifications as a new theme to reuse across all templates in your projects.

Use Neon in your code

Example usage
import { THEME_NEON } from "../_shared/themes";

// Use with any template
<Testimonial
  spec={mySpec}
  theme={THEME_NEON}
  layout="centered"
/>

// Or use the THEMES registry
const theme = THEMES["neon"];