Anthropic Claude
Discover how Anthropic's AI-powered tools can supercharge your no code SaaS journey, enabling solopreneurs to integrate cutting-edge machine learning capabilities into their Bubble.io applications without writing a single line of code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5dbcc92941db6f8d10_ChatGPT-Alternative-1.png)
Alternative to OpenAI ChatGPT - Claude 2
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/668e9695c46742333547082a_Breaking%20Down%20AI%20Web%20Scraping%20Techniques-2.png)
Breaking Down Al Web Scraping Techniques
Explore how to generate structured JSON content with AI to intelligently scrape content from a job advert.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ab27c16ef607b92dbf4_Build-a-Claude-3-AI-No-Code-App-in-15-mins.png)
Build a Claude 3 AI No Code App in 15 mins
Learn how to create a Claude 3 powered AI no-code app using Bubble.io in less than 15 minutes. Dive into this step-by-step guide on setting up a chat interface with Claude by Anthropic using the no-code platform.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66bc74837549f8440233187c_AI%20Bedtime%20story.jpg)
Build a No Code AI Bedtime Story App with Text to Speech by ElevenLabs
Create personalized children's stories with AI-powered text and lifelike audio narration. Combine the power of Anthropic's Claude AI and ElevenLabs' text-to-speech in this no-code Bubble.io app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66b0c3245ba1d996acda8c98_Claude%E2%80%99s%20secret%20JSON-mode.png)
Claude’s "secret" JSON-mode
Did you know Claude AI has a secret JSON mode?
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aba94fc0d43c9e6c7bb_Does-Anthropics-Claude-3-have-a-system-prompt.png)
Does Anthropic's Claude 3 have a system prompt?
Learn how to integrate system prompts into your Claude app on Bubble.io to train, influence, and impact the output, all without needing to code. Explore the possibilities of no-code development with Claude 3 and OpenAI in our tutorial videos.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670abef29790406036bc31_Emily-YouTube-Thumbnail.png)
Styling Markdown Tables in Bubble.io
Learn how to easily style HTML tables in Bubble.io using simple CSS tweaks to enhance the look of your website - all without writing the code yourself.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2cb02523a85a018da3_Search-across-multiple-fields-in-database-with-Fuzzy-Search.png)
Search across multiple fields in database with Fuzzy Search
In this Bubble.io tutorial video we demonstrate how using a Fuzzy Search plugin can enable you to expand search funciton beyond the built in Search Box. This tutorial explains how to use the 'ZQ Fuzzy Search & Autocomplete' plugin and how to create a search that searches across multiple fields in your database.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8215e172a347400d5a_Google-Street-View.png)
Google Street View in Bubble.io
In this Bubble.io tutorial we explain how to use the Google Street View Static API and Searchbox Address lookup to display a Google Street View image of an address in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a432f03483e49183421_Bubble.io-Text-to-Speech-API-Part-1.png)
Bubble.io - Text to Speech API Part 1
In this Bubble tutorial we demonstrate how to connect to the speechgen.io API using the Bubble API connector. In Part 2 we'll show you how to create a simple text to speech generator in Bubble using workflows.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666990fdcea912d17a577fca_CSS-Animation.png)
OpenAI Loading Animation - Using CSS
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1b68c534e332d1a658_VFX8kZ5eFOQ-HD.jpeg)
How to create a product, contact or booking page
In this Bubble.io tutorial we demonstrate how to start laying out a page to display dynamic content from a single entry in your Bubble database. This video explains this process using a marketplace as an example but it would be a very similar process if you were building a CRM in Bubble or a booking application in Bubble.