The new AI assistant in Bootstrap Studio is the most exciting update to the app in a long time. Here are 5 workflows that will change how you build websites and apps forever. 00:00 Intro 00:12 Select & Chat 01:15 Generating Pages 01:54 Design from Image 02:17 Image Generation 02:44 Design by URL 03:20 Getting a Free API Key 03:42 Clearing your Context Read more about the assistant and how to get a free API key here: https://bootstrapstudio.io/docs/ai-assistant.html

Bootstrap Studio 8 has arrived. In this release we are launching the new AI Assistant, adding support for View Transitions, new templates and more. Let's take a closer look. 00:00 Intro 00:13 New AI Assistant 00:48 New Templates 01:36 View Transitions 02:12 Usability Improvements 02:44 Quick Favor See the new AI assistant in action: https://www.youtube.com/watch?v=GpfUT84qPoU

Today we're recreating the GTA6 website with Bootstrap Studio. We'll use a special "Scroll Animation" component and build some impressive effects. What would you like us to build next? Resources Images and text: https://bootstrapstudio.io/resources/gta6/gta6-assets.zip Finished design: https://bootstrapstudio.io/resources/gta6/gta6.bsdesign Chapters 00:00 - Intro 00:25 - Hero section 06:55 - Mask effect 09:05 - Intro section 12:13 - Navigation bar 13:29 - Character bios 16:36 - Footer 17:30 - YouTube player

Bootstrap Studio 7.1 has arrived! In this release we added new components, made a major improvement to the Blog functionality, added new templates and are launching the official Bootstrap Studio Academy. Blog tags and authors: https://bootstrapstudio.io/docs/blog-tags-and-authors.html Bootstrap Studio Academy: https://bootstrapstudio.io/academy/

In this lesson we are building a video thumbnail with a zoom hover effect. When you click it, it loads a YouTube video in an overlay. You can use this component to add a video to your website without sacrificing performance, since the YouTube player is only loaded when needed. https://bootstrapstudio.io Assets Images and code: https://bootstrapstudio.io/resources/overlay-video-player/images-and-code.zip Finished design: https://bootstrapstudio.io/resources/overlay-video-player/overlay-player.bsdesign 0:00 - Intro 0:17 - Components 1:39 - CSS 2:57 - JavaScript 4:23 - We're Ready

Create smooth loading animations for your website with Bootstrap Studio's powerful Animation tab.

Here is a CSS trick that lets you build an infinite scrolling logo slider. No JavaScript required.

Bootstrap Studio 7 is here and it comes with several major new features and enhancements that we're sure you'll love! 0:00 - Intro 0:10 - Building Blogs 0:51 - New Templates 1:36 - Unlink Areas 2:01 - Movable Panels 2:28 - CSS Improvements 3:12 - Outro Building a blog tutorial: https://youtu.be/k0qnT9zWOlo Learn more on https://bootstrapstudio.io and check out our forum.

In this video we will build a simple blog with Bootstrap Studio. You will learn how the Blog Loop component works, and how you can turn any folder of pages in your design into a dynamically updated list of posts. No CMS or WordPress needed. 0:00 - Intro 0:17 - Starting with a blank design and initial setup 1:09 - Creating the first blog post 3:32 - The Blog Loop component 5:07 - Creating more posts 6:06 - Testing and tweaks 7:40 - Latest posts 8:50 - Exporting the HTML 9:26 - Outro Finished design: https://bootstrapstudio.io/resources/building-a-blog.bsdesign

Bootstrap Studio 6.7 has arrived and it brings several enhancements we're sure you'll love. Here is what's new: 00:00 - Intro 00:10 - AI image generation 01:34 - Custom title bar 02:13 - New Check for Issue audits 02:46 - Improved start screen 03:09 - SEO improvements Get the new version at https://bootstrapstudio.io

Bootstrap Studio 6.6 has arrived and it brings several enhancements we're sure you'll love. Here is what's new: 00:00 - Intro 00:08 - Custom Templates 00:34 - Stock Photos 01:10 - Class Name Enhancements 01:32 - Publishing Changed Files 02:02 - Icon Dialog Improvements Get the new version at https://bootstrapstudio.io

The new Bootstrap Studio update is here! Grab it from https://bootstrapstudio.io What's new: 00:00 Intro 00:10 AI Assistant 01:46 Computed Styles 02:13 Container Queries 03:58 Importing Folders 04:13 Image Properties Dialog 04:39 Editing Hidden Components

Bootstrap Studio now has dark mode support! Learn how to use it in this video. https://bootstrapstudio.io Video Resources: Previous Portfolio Design Lesson: https://www.youtube.com/watch?v=3guQVQhQCmE Learn more about dark mode here: https://bootstrapstudio.io/docs/dark-mode.html Grab the portfolio bsdesign here: https://bootstrapstudio.io/resources/beautiful-portfolio/portfolio-color-modes.bsdesign

Bootstrap Studio 6.3 is here! Here are the highlights: 00:00 - Intro 00:11 - Importing entire web sites and templates 01:06 - Optimizing images 01:48 - Notification silencing and options 02:07 - Copy attributes and meta tags 02:31 - Check for issues improvements Read the full rundown of all new additions at https://forum.bootstrapstudio.io/t/version-6-3-0-is-out/

Bootstrap Studio 6.2 is here! Here are the highlights: 00:00 - Intro 00:08 - New Template - Startup Modern 00:23 - Custom Code Parsing 00:47 - Check for Issues Dialog 01:08 - Scrollspy Options Read the full rundown of all new additions at https://forum.bootstrapstudio.io/t/version-6-2-0-is-out/