LogotypeSlidebook

Generate. Customize. Present.

Create slides by hand or start with AI. Slidebook blends code, creativity, and ease.

Unlock Early AccessStart creatingView examples

Why Slidebook?

Open-source framework

Use JSX, Tailwind, and motion to build presentations like components. Fully open and extensible.

AI-powered editor

Don't want to code? Start with prompts and Slidebook will generate editable slides for you.

Live preview & themes

Preview changes instantly, customize themes, animate freely, and work like in your IDE.

Explore AI-Generated Slides

Beautiful, engaging, and ready to inspire your next presentation.

  • A calming slide with green and blue hues. Animated leaves gently sway. Text highlights 'flow state' and 'mindful productivity.' Images depict an organized workspace and serene nature scene.

    The Secret Behind Effortless Productivity

    Imagine a slide bathed in calming blues and greens, evoking a sense of tranquility and focus. A subtle animation of leaves gently swaying in the breeze adds a touch of zen. Clean, minimalist typography highlights key phrases like 'flow state' and 'mindful productivity.' Short, impactful visuals of organized workspaces and serene nature scenes further reinforce the message. This slide offers a visual breath of fresh air, promising a pathway to achieving more with less stress.

  • A dynamic slide debating 'Is Esports Really a Sport?' with clashing game controllers, vibrant esports team colors, and a 'Sport Test' checklist analyzing skill, rules, competition, and spectatorship.

    Is Esports *Really* a Sport? (Prepare for Salt)

    Dynamic, energetic slide with neon accents and a bold, pixelated font. Features a short, stylized animation of clashing game controllers, sparking with electricity. Dark background with vibrant splashes of color representing popular esports team branding. Close-ups on intense player expressions transition to cheering crowds, creating a sense of drama and excitement.

  • A slide with a vibrant coral and teal color scheme. A pixelated email icon morphs into a sleek, modern design. Animated text highlights benefits like personalization and automation.

    Email Newsletters: Dinosaur or Dynamic Digital Darling?

    This slide explodes with vibrant, contrasting colors – think neon coral versus deep teal – to highlight the evolution of email newsletters. A morphing animation transforms a pixelated, retro email icon into a sleek, modern design, emphasizing the shift from static to dynamic content. Subtle animations add a touch of magic as key benefits of modern email marketing – like personalization and automation – appear on screen, each accompanied by a delicate chime sound effect. The overall mood is energetic and inspiring, showcasing the power of email marketing in today's digital landscape.

  • Dark background with vibrant neon title: 'Is Social Media Rewiring Your Brain?'. Animated neural pathways in teal and fuchsia pulse, representing connection and isolation. A visual habit loop (Cue > Scroll > Reward > Craving) illustrates the formation of digital habits.

    Is Social Media Rewiring Your Brain?

    Dive into a vibrant exploration of neuroplasticity and digital addiction. Bold neon typography pops against a dark, moody backdrop. Watch mesmerizing animations of neural pathways pulsating with activity as we uncover the captivating science behind our online habits. Experience the tension between connection and isolation through impactful visuals and thought-provoking sound design.

  • A slide showcasing a portfolio design coming to life through animation, with a pastel color palette and subtle sparkle animations highlighting project titles and client logos.

    Design a Stunning Portfolio in 7 Days

    This slide opens with a dynamic, time-lapse animation showcasing a portfolio coming to life, transitioning from a blank page to a vibrant display of creative projects. A calming pastel color palette of mint green, blush pink, and soft lavender creates a soothing, aspirational mood. Subtle sparkle animations highlight key portfolio elements like project titles and client logos. The typography is clean and modern, using a combination of serif and sans-serif fonts for a touch of elegant contrast.

  • A slide titled 'Content Marketing: Stop Chasing Viral Unicorns' with a vibrant color scheme, a unicorn illustration, and key points emphasizing consistent value creation over viral hits.

    Content Marketing: Stop Chasing Viral Unicorns

    This slide uses a vibrant, almost neon, color palette to grab attention and create a sense of urgency. A stylized, whimsical unicorn illustration contrasts with bold, sans-serif typography, adding a touch of irony. A subtle shimmer animation on the title adds a magical touch, highlighting the 'unicorn' metaphor. The overall feel is energetic and playful, designed to disrupt the viewer's expectations and draw them into the presentation.

  • A futuristic slide with a dark background and neon accents. Animated nebulae represent personalized nutrient profiles. The title 'Nutrigenomics 2040: Food as Your Personal Medicine?' highlights the concept of DNA-tailored diets.

    Nutrigenomics 2040: Food as Your Personal Medicine?

    Imagine vibrant, swirling nebulae of color representing personalized nutrient profiles. This slide utilizes a sleek, dark background with neon accents to highlight the futuristic feel. Smooth transitions and subtle animations create a sense of discovery as we explore the potential of DNA-tailored diets. A minimalist design keeps the focus on the core message: food as your personalized medicine. Witness the convergence of biology and technology in a visually stunning presentation.

  • A slide visualizing the contrast between analog vinyl and digital streams. A spinning vinyl record transitions into a digital soundwave, with warm orange and cool blue gradients representing each format. Retro and modern fonts highlight the 'then and now' theme.

    Analog Vinyl vs. Digital Streams: A Sound Clash

    This slide explodes with vibrant color gradients, shifting from warm vinyl orange to cool digital blue. A stylized vinyl record spins seamlessly into a soundwave visualization, showcasing the contrast. Crisp, modern sans-serif fonts meet retro-inspired script, highlighting the 'then and now' theme. Subtle animations bring the visuals to life, with the record's grooves glistening under a spotlight and digital waves pulsing rhythmically to an imagined beat.

  • A slide showcasing the evolution of coding from punch cards and CRT terminals to a modern IDE. The left side features a punch card and a green-screen terminal displaying BASIC code, representing the 'Then'. A vibrant gradient bar transitions to the right side, displaying a modern IDE with colorful JavaScript code, representing the 'Now'.

    Coding Then vs Now: A Visual Journey

    Experience a captivating slide transformation showcasing the evolution of coding. Watch punch cards morph into sleek lines of JavaScript, accompanied by a shifting color palette from monochrome greens to vibrant neon hues. Subtle animation brings vintage hardware to life, fading into the minimalist glow of modern IDEs. Clean typography and geometric shapes emphasize the contrast between eras, creating a visually striking narrative.

  • A slide showcasing three note-taking methods: handwritten notes, digital notes using apps, and mind maps. Each method is presented in a clean, minimalist style with pastel colors and subtle animations, highlighting their key benefits.

    Top 3 Note-Taking Methods to Ace Your Exams

    Clean minimalist design with calming pastel color palettes. Smooth transitions between each note-taking method, showcasing stylized handwritten notes, digital note-taking apps, and mind maps with subtle animation. Key benefits of each method highlighted with glowing icons. Background features soft bokeh effect for a focused, yet relaxing visual experience.

  • A miniature ship sinking in a fishbowl, illustrating the concept of a struggling startup. The title reads 'Is Your Startup a Sinking Ship? (And How to Bail Out)', with bullet points suggesting solutions for recovery.

    Is Your Startup a Sinking Ship? (And How to Bail Out)

    Imagine a dramatic, almost cinematic opening: a miniature ship slowly sinking in a fishbowl, projected large onto the screen as the title appears. Deep blues and stormy grays dominate the color palette, creating a sense of urgency. The following slides transition to a brighter, more hopeful aesthetic as we explore solutions, with subtle animation of life rafts and rising graphs symbolizing recovery and growth. Concise, powerful text complements the visuals, emphasizing the practical takeaways for rescuing a struggling startup. The overall mood shifts from anxious to empowered, leaving the audience with a renewed sense of hope and clear action steps.

  • A slide with a gradient background from orange to blue. Animated icons like hearts and Xs float above a card representing a task. The title reads 'Swipe Right on Productivity: Tinder for Tasks'.

    Swipe Right on Productivity: Tinder for Tasks

    Imagine a vibrant, playful slide with a gradient background shifting from sunset orange to a deep, focused blue. Icons mimicking popular dating app interfaces dance across the screen with smooth animations. Each task becomes a potential 'match', gamifying your to-do list. Bold, rounded typography adds a touch of modern whimsy. Discover how to make productivity addictive with this visually stunning presentation.

  • A calming slide with green and blue hues. Animated leaves gently sway. Text highlights 'flow state' and 'mindful productivity.' Images depict an organized workspace and serene nature scene.

    The Secret Behind Effortless Productivity

    Imagine a slide bathed in calming blues and greens, evoking a sense of tranquility and focus. A subtle animation of leaves gently swaying in the breeze adds a touch of zen. Clean, minimalist typography highlights key phrases like 'flow state' and 'mindful productivity.' Short, impactful visuals of organized workspaces and serene nature scenes further reinforce the message. This slide offers a visual breath of fresh air, promising a pathway to achieving more with less stress.

  • A dynamic slide debating 'Is Esports Really a Sport?' with clashing game controllers, vibrant esports team colors, and a 'Sport Test' checklist analyzing skill, rules, competition, and spectatorship.

    Is Esports *Really* a Sport? (Prepare for Salt)

    Dynamic, energetic slide with neon accents and a bold, pixelated font. Features a short, stylized animation of clashing game controllers, sparking with electricity. Dark background with vibrant splashes of color representing popular esports team branding. Close-ups on intense player expressions transition to cheering crowds, creating a sense of drama and excitement.

  • A slide with a vibrant coral and teal color scheme. A pixelated email icon morphs into a sleek, modern design. Animated text highlights benefits like personalization and automation.

    Email Newsletters: Dinosaur or Dynamic Digital Darling?

    This slide explodes with vibrant, contrasting colors – think neon coral versus deep teal – to highlight the evolution of email newsletters. A morphing animation transforms a pixelated, retro email icon into a sleek, modern design, emphasizing the shift from static to dynamic content. Subtle animations add a touch of magic as key benefits of modern email marketing – like personalization and automation – appear on screen, each accompanied by a delicate chime sound effect. The overall mood is energetic and inspiring, showcasing the power of email marketing in today's digital landscape.

  • Dark background with vibrant neon title: 'Is Social Media Rewiring Your Brain?'. Animated neural pathways in teal and fuchsia pulse, representing connection and isolation. A visual habit loop (Cue > Scroll > Reward > Craving) illustrates the formation of digital habits.

    Is Social Media Rewiring Your Brain?

    Dive into a vibrant exploration of neuroplasticity and digital addiction. Bold neon typography pops against a dark, moody backdrop. Watch mesmerizing animations of neural pathways pulsating with activity as we uncover the captivating science behind our online habits. Experience the tension between connection and isolation through impactful visuals and thought-provoking sound design.

  • A slide showcasing a portfolio design coming to life through animation, with a pastel color palette and subtle sparkle animations highlighting project titles and client logos.

    Design a Stunning Portfolio in 7 Days

    This slide opens with a dynamic, time-lapse animation showcasing a portfolio coming to life, transitioning from a blank page to a vibrant display of creative projects. A calming pastel color palette of mint green, blush pink, and soft lavender creates a soothing, aspirational mood. Subtle sparkle animations highlight key portfolio elements like project titles and client logos. The typography is clean and modern, using a combination of serif and sans-serif fonts for a touch of elegant contrast.

  • A slide titled 'Content Marketing: Stop Chasing Viral Unicorns' with a vibrant color scheme, a unicorn illustration, and key points emphasizing consistent value creation over viral hits.

    Content Marketing: Stop Chasing Viral Unicorns

    This slide uses a vibrant, almost neon, color palette to grab attention and create a sense of urgency. A stylized, whimsical unicorn illustration contrasts with bold, sans-serif typography, adding a touch of irony. A subtle shimmer animation on the title adds a magical touch, highlighting the 'unicorn' metaphor. The overall feel is energetic and playful, designed to disrupt the viewer's expectations and draw them into the presentation.

  • A futuristic slide with a dark background and neon accents. Animated nebulae represent personalized nutrient profiles. The title 'Nutrigenomics 2040: Food as Your Personal Medicine?' highlights the concept of DNA-tailored diets.

    Nutrigenomics 2040: Food as Your Personal Medicine?

    Imagine vibrant, swirling nebulae of color representing personalized nutrient profiles. This slide utilizes a sleek, dark background with neon accents to highlight the futuristic feel. Smooth transitions and subtle animations create a sense of discovery as we explore the potential of DNA-tailored diets. A minimalist design keeps the focus on the core message: food as your personalized medicine. Witness the convergence of biology and technology in a visually stunning presentation.

  • A slide visualizing the contrast between analog vinyl and digital streams. A spinning vinyl record transitions into a digital soundwave, with warm orange and cool blue gradients representing each format. Retro and modern fonts highlight the 'then and now' theme.

    Analog Vinyl vs. Digital Streams: A Sound Clash

    This slide explodes with vibrant color gradients, shifting from warm vinyl orange to cool digital blue. A stylized vinyl record spins seamlessly into a soundwave visualization, showcasing the contrast. Crisp, modern sans-serif fonts meet retro-inspired script, highlighting the 'then and now' theme. Subtle animations bring the visuals to life, with the record's grooves glistening under a spotlight and digital waves pulsing rhythmically to an imagined beat.

  • A slide showcasing the evolution of coding from punch cards and CRT terminals to a modern IDE. The left side features a punch card and a green-screen terminal displaying BASIC code, representing the 'Then'. A vibrant gradient bar transitions to the right side, displaying a modern IDE with colorful JavaScript code, representing the 'Now'.

    Coding Then vs Now: A Visual Journey

    Experience a captivating slide transformation showcasing the evolution of coding. Watch punch cards morph into sleek lines of JavaScript, accompanied by a shifting color palette from monochrome greens to vibrant neon hues. Subtle animation brings vintage hardware to life, fading into the minimalist glow of modern IDEs. Clean typography and geometric shapes emphasize the contrast between eras, creating a visually striking narrative.

  • A slide showcasing three note-taking methods: handwritten notes, digital notes using apps, and mind maps. Each method is presented in a clean, minimalist style with pastel colors and subtle animations, highlighting their key benefits.

    Top 3 Note-Taking Methods to Ace Your Exams

    Clean minimalist design with calming pastel color palettes. Smooth transitions between each note-taking method, showcasing stylized handwritten notes, digital note-taking apps, and mind maps with subtle animation. Key benefits of each method highlighted with glowing icons. Background features soft bokeh effect for a focused, yet relaxing visual experience.

  • A miniature ship sinking in a fishbowl, illustrating the concept of a struggling startup. The title reads 'Is Your Startup a Sinking Ship? (And How to Bail Out)', with bullet points suggesting solutions for recovery.

    Is Your Startup a Sinking Ship? (And How to Bail Out)

    Imagine a dramatic, almost cinematic opening: a miniature ship slowly sinking in a fishbowl, projected large onto the screen as the title appears. Deep blues and stormy grays dominate the color palette, creating a sense of urgency. The following slides transition to a brighter, more hopeful aesthetic as we explore solutions, with subtle animation of life rafts and rising graphs symbolizing recovery and growth. Concise, powerful text complements the visuals, emphasizing the practical takeaways for rescuing a struggling startup. The overall mood shifts from anxious to empowered, leaving the audience with a renewed sense of hope and clear action steps.

  • A slide with a gradient background from orange to blue. Animated icons like hearts and Xs float above a card representing a task. The title reads 'Swipe Right on Productivity: Tinder for Tasks'.

    Swipe Right on Productivity: Tinder for Tasks

    Imagine a vibrant, playful slide with a gradient background shifting from sunset orange to a deep, focused blue. Icons mimicking popular dating app interfaces dance across the screen with smooth animations. Each task becomes a potential 'match', gamifying your to-do list. Bold, rounded typography adds a touch of modern whimsy. Discover how to make productivity addictive with this visually stunning presentation.

Browse All Slides

Built with the community

Slidebook is open-source and evolving with contributors, ideas, and integrations. Star us on GitHub or join the discussion.

GitHub Repository

Manual or AI — your choice

Code your slides

Use JSX, Tailwind, and motion for precise control. Perfect for technical talks, embedded diagrams, or dynamic layouts.

Read the Docs →

Generate with AI

Describe your topic — get an entire slide deck with structure, notes, and visuals, ready to customize.

Try Editor →Try Editor →

Write slides like components

Create slides with full control over layout, animation, and styling. Import any NPM package or component. Slidebook slides are just React.

Get started →
export const Slide = () => (
  <motion.div
    initial={{ opacity: 0 }}
    animate={{ opacity: 1 }}
    transition={{ duration: 0.5 }}
  >
    <h1>Hello World</h1>
  </motion.div>
)

From Idea to Stunning Slides — in Seconds

See Slidebook in action: effortless AI generation, seamless editing, and dynamic presentations.

Power Up Your Slides

Seed

Free

  • 10 tokens per month
  • 1 parallel thread
  • 0 cloud projectsSoon
  • Version historySoon
  • Support
Choose Plan

Assist

$8/month Free

  • 32 tokens per month
  • 4 parallel threads
  • 2 cloud projectsSoon
  • Version historySoon
  • Support
Choose Plan
Recommended

Pro

$15/month

  • 100 tokens per month
  • 8 parallel threads
  • 5 cloud projectsSoon
  • Version historySoon
  • Support
Contact us

Premium

$30/month

  • 250 tokens per month
  • 12 parallel threads
  • 10 cloud projectsSoon
  • Version historySoon
  • Support
Contact us

Loved by early adopters

“Slidebook feels like the missing link between coding and storytelling. I created a demo deck in 10 minutes that would have taken hours in PowerPoint.”

— Julien C., Beta user

“Finally, a presentation tool that doesn’t fight my workflow. I just focus on ideas, and Slidebook takes care of the rest.”

— Jamie F., Product Manager

“Using Slidebook for our investor pitch made the process effortless. The AI-generated slides saved us hours and looked professionally designed.”

— Michael M., Startup Founder

Frequently Asked Questions

What is Slidebook?

Slidebook is an AI-powered presentation generator built on top of an open-source React library. It allows you to transform ideas into structured, interactive presentations in minutes. Unlike traditional tools, it’s designed for engineers, creators, and teams who want speed, flexibility, and the ability to add real interactivity.

Why not just use PowerPoint or Google Slides?

PowerPoint and Google Slides rely on templates, repetitive layouts, and limited design options. Slidebook is different: it’s built on an open-source React-based library, meaning your slides are code. That gives you unlimited possibilities – from simple layouts to embedding fully interactive elements or even mini-apps directly inside slides. It’s a new standard for presentations.

Is Slidebook free?

Yes, we offer a free plan. During the beta, you can also try the Assist plan for free – it gives you more powerful generation options and customizations. For advanced or enterprise plans, you can contact us directly.

Who is Slidebook for?

Slidebook is ideal for engineers, product managers, startups, educators, and creators who want to focus on selling their ideas instead of wasting hours arranging shapes and squares. If you know React, you can unlock unlimited interactivity. If you don’t, you can still generate a polished, persuasive presentation with just an idea.

What makes Slidebook different from design agencies?

Working with an IT or design agency can take weeks. Slidebook gives you results instantly. It’s faster than PowerPoint, more interactive than any design studio, and built for iteration – generate, refine, and improve in real time.

Can I customize generated presentations?

Yes. Presentations are generated with clean code and can be customized endlessly. You can tweak content, styles, animations, layouts, and even inject complex logic. That’s the power of a React-based presentation framework.

How does AI generate the presentation?

You provide a topic and context, and Slidebook generates a structured plan and then the slides themselves. It’s more than just text-to-slides – it understands when a flowchart, timeline, or table is needed, and when to use a metaphorical design.

What kinds of presentations can I make?

Anything from pitch decks and startup demos to educational lectures and technical walkthroughs. Because Slidebook is powered by React, you can even build interactive demos, product mockups, and simulations inside slides.

Is Slidebook open-source?

Yes, the core library for creating presentations is open-source. The service around it helps generate content, layouts, and designs instantly, making it easier to create and present ideas that sell.

Ready to build your next deck?

Start from scratch, import existing content, or ask AI for help.

Launch nowEnter the betaBrowse the Docs