Modern CSS for 2024: Use Cases for :has() 🔗
Explore ways that :has() can be used in your modern web workflow. Tackle the basics, then jump into more complex selections. [...]
Builder.io Blog
Posts
Figma to Svelte: Convert designs to Svelte code in a click 🔗
Convert Figma designs to Svelte code using AI-powered Visual Copilot in one click. Build responsive designs that convert to clean code. [...]
Active Navlink Transitions with HTML, CSS and JavaScript 🔗
Create an underline effect for your navigation links that follows your cursor on hover. Use HTML, CSS, and Javascript, and Builder Visual Copilot. [...]
What is Design to Code: an Automated Approach 🔗
Learn what design to code is, its history, and how automating it benefits designers and developers. Using AI to turn designs into code. [...]
Next.js 14 Intercepting Routes 🔗
Get a handle on intercepting routes in Next.js 14. Use intercepting routes to display parts of your app on any page, without changing context for your [...]
Modern CSS for 2024: Nesting, Layers, and Container Queries 🔗
In this post, we'll focus on 3 modern CSS features you can start using today. Native CSS nesting, layers, and container queries. [...]
Top 14 New Builder.io Features from 2023 🔗
In case you missed it, here are our customer's favorite features we shipped in 2023. Spoiler: the top features are enabled by AI. [...]
Next.js 14 Parallel Routes: A Detailed Guide 🔗
Use the power of parallel routes to build a dashboard that displays multiple pages at the same time. Learn about independent route handling and sub-na [...]
Announcing React Hydration Overlay - Easily Squash Hydration Errors 🔗
@builder.io/react-hydration-overlay is an npm package that provides you with a more useful error message when React SSR hydration mismatch occurs. [...]
Next.js 14: Layouts vs Templates 🔗
The new app router in Next.js introduced two new file conventions for building UI: layouts and templates. These help you organize your web pages & tra [...]
Training Your Own AI Model Is Not As Hard As You (Probably) Think 🔗
Depending on your use case, custom models can be a faster, cheaper, and more customizable option compared to using an LLM. Let's cover how to train y [...]
What is Headless Commerce: a Guide for Digital Teams 🔗
Should your brand go headless? This guide explores headless commerce and the differences between traditional e-commerce, and composable commerce. [...]
Figma to HTML: Convert designs to clean HTML code in a click 🔗
Use AI to convert Figma designs into HTML with Visual Copilot. Export responsive designs for any framework and customize your code. [...]
Introducing GPT Crawler - Turn Any Site Into a Custom GPT With Just a URL 🔗
Discover how to create a custom GPT in minutes using this new open-source tool. Learn to crawl websites for tailored AI assistance in your apps [...]
Astro + Qwik: Houston, we have Resumability! 🔗
We're excited to announce the new Astro + Qwik integration. Using Qwik inside an Astro app will allow leveraging resumability. [...]
Don’t Build AI Products The Way Everyone Else Is Doing It 🔗
More and more, people are building products as thin wrappers over other models, especially LLMs. This can cause major issues, and there is a better wa [...]
Creating a Scrolling Logo Animation with Tailwind CSS 🔗
We'll explore how to create a horizontal scrolling animation using HTML and Tailwind CSS. A visually appealing element for your next landing page. [...]
Make an Animated Menu like Stripe with React, Tailwind, and AI 🔗
Learn how to leverage AI to convert Figma mockups into React components, and then plug in the interactivity to make a morphine animation like seen on [...]
The Complete Guide to Choosing the Best Jamstack CMS 🔗
Builder.io is a visual experience platform for your Jamstack site. A component-driven approach to a drag-and-drop Visual Headless CMS. [...]
Figma to React: Convert designs to clean React code in a click 🔗
Learn how Builder's AI powered Visual Copilot for Figma generates semantic responsive React code in just one click. [...]
Introducing Visual Copilot: A Better Figma-to-Code Workflow 🔗
Learn how to automate your design-to-code workflow with Visual Copilot, a new AI-powered tool that converts Figma designs to clean, responsive code [...]
Introducing Native Mobile SDKs: Drag-And-Drop For Native Apps 🔗
Learn how Builder's Native Mobile SDKs let anyone drag-and-drop to create experiences for Swift, SwiftUI, and Kotlin apps [...]
Add AI To Your Toolkit in 10 Minutes 🔗
Generative AI has been exploding recently. In this article, you’re going to learn all the basics so you can officially add AI to your toolbox. [...]
This technique makes Valibot’s bundle size 10x smaller than Zod’s! 🔗
Find out how Valibot has a < 1kb bundle size. With tree shaking and modularity, Valibot stays tiny. Plus, take a peek at what's next for the tool. [...]
Hydration, the Saboteur of Lazy Loading 🔗
Discover how some of the key functions of Hydration hurt performance, and how developers handle them. Learn about how Qwik offers an alternative to hy [...]
Builder Drop #17: Asset Library and Artboard Mode make creation & organization easier 🔗
Artboard Mode helps you see mobile and desktop breakpoints side-by-side. Asset Library enables bulk upload. Sort and organize, and more. [...]
Bun vs Node.js: Everything you need to know 🔗
What's the essence of Bun? In this article, let’s dive deep into Bun, check out its features, and find out how it compares to the well-established Nod [...]
A First Look at HTMX and How it Compares to React 🔗
We're taking a dive into HTMX and learning how it works, how it differs from React, and what implications it might have for the future of web developm [...]
Visual headless CMS: the what, why and how 🔗
What is a Visual Headless CMS? Learn how developers, content creators, marketing teams, and organizations can benefit from using a visual editor. [...]
An Overview of 25+ UI Component Libraries in 2023 🔗
There are many UI libraries to choose from, with different libraries for different front-end frameworks. Explore the landscape of solutions in this ar [...]