Extended themes

Ocean Theme

A deep blue theme with cyan accents. Perfect for marine, travel, and calm professional content.

bg
text
accent
accent2
gradient
Card Shadow elevated
Heading Weight 700
Constant THEME_OCEAN
Templates in this Theme

77 templates available in Ocean

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

Affiliate Review preview
Affiliate Review
16 variants
Affiliate Review
Animate product reviews with star ratings, pros/cons columns, and verdict badges. Built for affiliate creators who need polished review content fast.
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 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.
Before / After preview
Before / After
16 variants
Before / After
Show transformations with split-screen reveals, metric comparisons, and animated before/after wipes. Perfect for case studies, redesigns, and results-driven content.
Behind The Scenes preview
Behind The Scenes
16 variants
Behind The Scenes
Document creative process, team workflow, and production stories with timeline reveals and scene-by-scene cards. Great for building audience trust and showing the work.
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.
Bug Tracker preview
Bug Tracker
16 variants
Bug Tracker
Visualize software defects with severity matrix grids, triage board animations, and bug overview dashboards. Make your dev team's work visible to stakeholders.
Bug Triage preview
Bug Triage
16 variants
Bug Triage
Present bug priority queues with animated priority columns, triage lists, and sprint summary dashboards. Designed for engineering and QA teams.
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.
Client Pipeline preview
Client Pipeline
16 variants
Client Pipeline
Visualize your sales and client pipeline with funnel animations, pipeline board views, and revenue metrics. Turn CRM data into compelling video.
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.
Collaboration preview
Collaboration
16 variants
Collaboration
Announce partnerships, dual-brand launches, and team mergers with split-screen intros, stat merge animations, and co-branded reveals.
Component Inventory preview
Component Inventory
16 variants
Component Inventory
Document system architecture with animated component grids, dependency maps, and inventory lists. Essential for engineering teams and technical documentation.
Concept Pitch preview
Concept Pitch
16 variants
Concept Pitch
Pitch creative concepts with arc reveal sequences, mood board layouts, and brief presentation formats. Built for creative directors, agencies, and content strategists.
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.
Course Promo preview
Course Promo
16 variants
Course Promo
Promote online courses with curriculum previews, instructor credibility slides, and module overview animations. Optimized for education creators and coaches.
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.
Effort Tracking preview
Effort Tracking
16 variants
Effort Tracking
Show team allocation, capacity utilization, and effort breakdowns with animated charts and workforce views. Turn spreadsheet data into visual reports.
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.
Event Venue preview
Event Venue
16 variants
Event Venue
Showcase event venues and schedules with animated schedule maps, venue card reveals, and event overview presentations. Perfect for event planners and venue marketing.
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.
Feature Roadmap preview
Feature Roadmap
16 variants
Feature Roadmap
Present product roadmaps with animated timeline views, swimlane charts, and grid layouts. Makes quarterly planning visible and shareable.
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.
Integration Status preview
Integration Status
16 variants
Integration Status
Show integration health with status wall displays, category group views, and live health monitor dashboards. Essential for platform and DevRel teams.
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.
Listing preview
Listing
16 variants
Listing
Showcase features, products, or services in clean grid and list formats with animated card reveals and comparison layouts. Versatile for any catalog or inventory content.
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.
Nature Escape preview
Nature Escape
2 variants
Nature Escape
Cinematic nature portrait with Ken Burns pan, animated leaves or drifting clouds, sparkles, and a full-bleed landscape photo — two variants: ForestMorning and OceanSunset.
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.
Newsletter Promo preview
Newsletter Promo
16 variants
Newsletter Promo
Grow email subscribers with issue preview teasers, subscribe CTA sequences, and social proof blends. Built for newsletter creators and content marketers.
Office Directory preview
Office Directory
16 variants
Office Directory
Present team directories with world map views, card list layouts, and regional group animations. Makes global team structure visible and navigable.
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.
Pin Collection preview
Pin Collection
16 variants
Pin Collection
Showcase curated collections with card gallery reveals, map-pin lists, and category grid layouts. Works for travel, culture, and discovery content.
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.
Podcast Audiogram preview
Podcast Audiogram
16 variants
Podcast Audiogram
Repurpose podcast audio into shareable video clips with animated waveforms, quote cards, and episode promo sequences. Works for all major podcast platforms.
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.
Product Launch preview
Product Launch
16 variants
Product Launch
Launch products with dramatic feature reveals, countdown teasers, and hero announcement sequences. Designed to generate pre-launch buzz and day-of excitement.
Project Health preview
Project Health
16 variants
Project Health
Report project health with scorecard animations, workstream views, and executive summary layouts. Turn RAG status into a video your stakeholders will actually read.
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.
QBR Dashboard preview
QBR Dashboard
16 variants
QBR Dashboard
Deliver quarterly business reviews with executive summary cards, detailed metric breakdowns, and quarter-over-quarter comparison views.
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.
Recipe Step preview
Recipe Step
16 variants
Recipe Step
Present recipes and cooking processes with animated ingredient lists, step-by-step sequences, and summary cards. Built for food creators and culinary content.
Release Notes preview
Release Notes
16 variants
Release Notes
Announce software releases with changelog animations, feature highlight cards, and version comparison views. Makes release notes something people actually watch.
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.
Sprint Dashboard preview
Sprint Dashboard
16 variants
Sprint Dashboard
Visualize sprint progress with Kanban board animations, velocity charts, and burndown views. Show your team's pace and progress in engineering reviews.
Sprint Recap preview
Sprint Recap
16 variants
Sprint Recap
Celebrate sprint completions with shipped item lists, highlight cards, and team contribution animations. End every sprint on a high note.
Store Locator preview
Store Locator
16 variants
Store Locator
Help customers find your locations with animated store finder displays, map pin reveals, and directory listings. Built for retail, hospitality, and franchise brands.
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.
Thought Leadership preview
Thought Leadership
16 variants
Thought Leadership
Establish expertise with editorial article layouts, narrative sequences, and keynote-style presentations. Designed for executives, consultants, and subject-matter experts.
Travel Itinerary preview
Travel Itinerary
16 variants
Travel Itinerary
Present travel plans with animated day-by-day reveals, route overview maps, and highlight sequences. For travel creators, trip planners, and destination marketing.
Tutorial preview
Tutorial
16 variants
Tutorial
Teach anything with numbered step sequences, demo walkthroughs, and split-screen tutorial formats. Works for software, skills, and processes.
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.
Velocity Chart preview
Velocity Chart
16 variants
Velocity Chart
Animate engineering velocity with bar chart sequences, trend line animations, and sprint velocity summary cards. Makes delivery metrics visual and shareable.
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 Ocean 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 Ocean in your code

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

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

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