Bolt

In this Bolt.new tutorial you'll learn what empty states are and how to design them so new users feel guided from their first visit. An empty state is what someone sees before any data exists, like a customer list with no customers in it yet, and it's one of the first screens a new user meets after they sign up. Instead of a plain "no customers yet" message, you'll add a clear call to action and a visual that points people to their next step. We'll generate a set of animated SVGs to compare styles and pick a favorite, then switch to image generation to create a custom illustration in your app's colors. You'll also see how Plan Mode asks clarifying questions up front, so your first result lands closer to what you want. You can even feed Bolt.new a reference image to lock in a look you like across every screen. Touches like these show real attention to detail and keep new users engaged instead of lost, so if you want your app to feel welcoming from the first screen, this walkthrough is a practical place to start. *Timestamps:* 00:00 Introduction to Empty States 00:45 Designing SVG Empty States 02:34 Generating Image Empty States 03:23 Maintaining Aesthetic Consistency 04:13 Guiding Users with Modals 04:42 Conclusion *About Bolt:* Bolt turns ideas into production software in minutes, entirely in your browser. No setup, no servers. Powered by WebContainers. *Connect with us:* X (Twitter): https://x.com/boltdotnew LinkedIn: https://www.linkedin.com/company/boltdotnew/ Questions? Check out our Support page: https://support.bolt.new #BoltNew #AIDevelopment #Prompting #WebDevelopment #NoCode #BuildWithAI #WebApps #Tutorial #ux #uidesign #onboarding

Most founder pitch decks still get created in legacy PPT software like Google Slides or Powerpoint. That works, but creating and updating a polished PDF presentation in traditional slide tools can be slower and more manual than it needs to be. In this workshop, we’ll show how Bolt can make it much easier to create a pitch deck. In this hands-on Bolt Premium Customer Workshop, we'll explore two ways to build presentations with Bolt. First, we'll use Bolt to directly create an interactive VC pitch deck, showing how a founder can turn a traditional presentation into a polished web-based experience. Then we'll build a reusable **Interactive VC Pitch Deck Builder**: a tool that creates, edits, exports, and publishes pitch text for multiple decks. *Presentation Slides & Prompts:* https://workshop-7-2-2026.bolt.host/ *Timestamps:* 00:00 Introduction 02:44 Financial Metrics Project 07:00 VC Pitch Deck 14:47 Presentation Theory 17:04 Frameworks and Packages 37:29 Implementing Shaders 43:36 Prompting Best Practices 56:47 Guest Showcase 01:03:11 Conclusion *What we're building:* Two connected builds for founder fundraising. First, we'll create a single interactive VC pitch deck directly in Bolt so you can understand the presentation experience. Then we'll build a **pitch text builder and publishing tool** that helps you create, edit, export, and publish VC pitch copy with its own unique URL. Published pitch pages will include password protection, and different approved passwords can unlock personalized versions of the same pitch. *Outcomes:* By the end of this workshop, you'll understand how to: - How to use Bolt to create an interactive VC pitch deck experience. - How to build a pitch deck builder tool that creates, edits, exports, and publishes presentations. - How to publish pitch content to unique URLs with password protection. - How to personalize a published pitch experience for different investors. *Skills:* Interactive UI design, pitch text generation, founder tooling, database design, dynamic routes, password-protected pages, personalization logic, presentation UX, product workflow design *Difficulty:* Intermediate These workshops are designed to be stand-alone, so there is no need to attend prior sessions to get value from this one.