Builder.io
@builderio
Followers
14,588
Following
91
Media
181
Statuses
1,667
Explore trending content on Musk Viewer
Sinwar
• 933241 Tweets
#يحيي_السنوار
• 337694 Tweets
Bluesky
• 251634 Tweets
Calderón
• 216212 Tweets
Tyler
• 100392 Tweets
Rigathi Gachagua
• 86062 Tweets
#TUDUMNaLata
• 85976 Tweets
غير مدبر
• 80359 Tweets
Monsalve
• 79463 Tweets
Rafah
• 66017 Tweets
HAPPY FOURTH DAY
• 60273 Tweets
ابو ابراهيم
• 39660 Tweets
Riggy G
• 36883 Tweets
対象作品
• 22954 Tweets
Macaya
• 22010 Tweets
Karen Nyamu
• 18218 Tweets
Vural Çelik
• 15673 Tweets
Red Bull
• 14798 Tweets
CASA DA VÓ NEUZA
• 14466 Tweets
Sofía Delgado
• 12975 Tweets
Hakan Fidan
• 12653 Tweets
احمد ياسين
• 12267 Tweets
Kawhi
• 11326 Tweets
Alcaraz
• 11231 Tweets
There’s a native API for deep copying objects in JS: structuredClone
No more JSON.stringify hacks, no need for lodash or other libs. Magic.
33
561
3K
Create native carousels like Nike in a few lines of CSS - touch friendly and buttery smooth!
Try it yourself:
Learn more about CSS scroll snap:
39
521
3K
Use CSS Clamp function to ensure that the width of an item is 75% of parent, but greater than 50px and less than 200px.
18
200
1K
CSS pro tip💡
Check for your fonts locally, only download them as a fallback.
6
116
994
Make super satisfying buttons like Duolingo in just a couple lines of CSS 👇
9
79
678
Still using padding-top to maintain image aspect ratios?
aspect-ratio has widespread browser support and lets you fix aspect ratios SO much more intuitively.
5
99
596
You don’t need to use a heavy framework to send form data! Just use the FormData API
6
74
528
Batch events and send them all at once with sendBeacon.
sendBeacon guarantees delivery even when the user ends the session, unlike fetch.
Super useful for analytics and certain optimistic UI updates (trade-off vs. fetch: no server response).
6
84
454
You don’t need to download a heavy framework for a progress spinner, use the platform!
9
49
389
You don’t need a framework to use a nice date time modal, just use “datetime-local” input. This is now supported in all modern browsers!
3
66
370
Want to make a bad background image disappear, just add this one line of CSS.
1
36
277
Introducing Visual Copilot ✨🧵👇
Convert designs into clean, responsive code with AI:
➡️ Run the Builder
@Figma
plugin
➡️ Convert code to your framework
➡️ Chat to refine the code
➡️ Sync the code to your site or app
Learn more:
8
54
259
One of the easiest ways to make your site A11y compliant is with semantic HTML.
1
26
219
You can shrink your Google Fonts files with the “text” query param.
Super useful for quick and dirty logotypes! Thanks
@TejasKumar_
for the tip.
5
46
201
Mismatched image backgrounds got you down?
mix-blend-mode in CSS can help you out!
1
26
184
We teamed up with
@figma
to raise the quality of life for every web developer:
► Claim your ticket
► Make it your own
► Get ready for a huge launch!
2
35
177
Use the module/nomodule pattern to deliver two separate bundles for polyfills.
1
22
157
Life is short make sure you take breaks, even if you have to program them in!
6
18
144
You don’t need to use a heavy framework to check forms, just use the platform!
0
16
118
Add simple animations using CSS to increase viewer engagement!
2
15
116
You don’t need to use a heavy framework to add custom validation messages, just use the platform!
4
19
113
Okay, but do you know how the
@nodejs
event loop even works??
@CodevolutionWeb
is breaking it down for us in a series of blog articles. Grab a snack and get caught up on the first two posts - you don't wanna miss these!
🎨 A Complete Visual Guide to
1
24
102
We’re pleased to announce that we’ve raised an additional $20 million dollars in funding led by
@M12vc
,
@Microsoft
's Venture Fund.
And we can’t wait to show you what we build next.
5
13
99
Struggling with website performance? 😞
Focus on optimizing JavaScript for the best results! 😃
Read more here:
2
18
85
Level Up your CSS skills by playing these fun games!
A thread 👇
2
20
78
Soon you will get scored in Lighthouse for Interaction to Next Paint (INP). Make sure you are providing instant visual feedback.
1
12
73
🎉 Partytown is now over 5,000 starts on GitHub's stargazers! We couldn't have done it without you, our amazing community members pushing the product forward.
3
8
71
We’re thrilled to share that we’ve raised $14M in Series A funding from Greylock Partners, with participation from Imaginary Ventures, and a number of strategic angel investors!
2
13
66
Promises have been around since 2012, probably about time to try them out!
2
8
62
Did you know that you can use Builder with any front end framework?
1. Grab your content with our JS SDK or REST/GraphQL APIs
2. Display it with one of our SDKs, Web Components, or pre-render with our HTML API
👉
0
9
58
Announcing Visual Copilot V1, featuring:
➡️ Generate with your components
➡️ Prompt-to-design
➡️ Component set generation
➡️ Improved accuracy and code quality
➡️ Match my code style
See the full announcement:
New features in 🧵👇
1
10
56
Why Progressive Hydration is Harder than You Think
0
13
54
📣 Public service announcement 📣
🚫 STOP POLYFILLING FETCH IN YOUR NPM PACKAGE!
Why?
@samijaber_
explains in this post 👇🏽
7
18
52
Stop writing a component per framework! Write once and create a component for all your frameworks. Here’s how ’s Mitosis can help.
1
11
48
You can also make the same effect visually with no code in
@builderio
!
Any CSS styles you like can be added visually in the "CSS properties" section of the style tab
Try it out:
3
6
40
Streaming HTML to a browser as your server generates it seems simple, right?
Well, there are a few things that complicate it.
Here is what you need to know for effective streaming, by
@RyanCarniato
,
@tigt_
, and
@mhevery
:
0
16
42
The music is on, you can now enter the launch stage!
Launch starts at 9am Pacific.
0
11
40
At Builder, we have used Serverless and Google Cloud functions for our projects, and have found them to be an efficient and cost-effective way to scale our workloads. Learn from our experience in this post by Shyam Seshardi 👇
1
8
38
We're not just generating static layouts anymore.
Our latest AI update will add interactivity, animations, and data connections to your
@figma
designs through natural language prompts.
Join us on 10/31 for a live demo hosted by
@Steve8708
1
5
36
Stop wasting time coding everything from scratch. We picked the top 5 no-code tools that could help.
1
6
33
We are sponsoring
@solid_js
hackathon!
Build something cool with this amazingly powerful, expressive, and performant framework, and win prizes!
0
4
34
Learning JavaScript is hard, why not have fun while you are learning!
A thread 👇
1
11
31
Let’s get ready to rumble!!!! 🥊 Get ready for "Resumability vs Hydration" - the fight of the century! Who will come out victorious? Find out in
@mhevery
's latest post.
1
10
33
need the return type of a function and can't find it?
ReturnType in typescript has you covered
0
4
33
Think adding sound in React is hard?
You can do it in 2 steps with
@joshwcomeau
‘s use-sound!
1
6
32
Third party scripts slowing down your site? Partytown can slap it back into shape!
1
9
32
Make sure your CDN vendor is allowing for Brotli compression and you will see a significant decrease in your payload.
0
2
31
We are thrilled today to announce our new Qwik API. It has never been easier to build content visually with
@Builderio
and deliver it with the highest possible performance of
@QwikDev
to any site.
1
5
30
There are two main ways to reduce load times through code splitting: chunking and dynamic imports.
Dynamic imports are more granular, but you have to think carefully about how users interact with async-loaded components. Example:
@addyosmani
0
8
30
After 2 years of tireless work... Qwik v1.0 is here!
It’s finally here… announcing Qwik v1.0!
Build instantly-interactive web apps without effort
Now generally available 🥳
113
613
2K
0
3
29
You don’t need to add a heavy framework if you only need one component.
1
8
28
New features ready to check out! 👇
🤖 Use AI to generate text, images, or whole sections
🔌
@KiboCommerce
integration
🌐 New docs and content on Localization
🧑💻Tons of curated dev content
See it all:
0
3
27
Visual Copilot is on Product Hunt today. We would love your support there! 👇
0
2
27
Some may say that having too much JavaScript on your site is no issue. 😏
All you need to do is lazy load your application! 😐
But it may be harder than you think. 😬
@mhevery
explains why it's challenging 👇
0
10
26
Check out our customer's top 14 favorite features we released in 2023 :point_down:
0
8
25
Are you already using a CMS but want to migrate to Builder?
Gustavo Garcia, our super talented solutions architect has you covered 💪🏽
0
3
26
As you scale your website and applications, it becomes crucial to use every in-built feature in Next.js to maximize your performance. In this blog post, we quickly go through some optimizations that’ll change your web development game.
0
4
25
We ♥️ Open Source.
Happy to feature
@FabianHiller
on our blog with this introduction to his new library, Valibot!
As part of my thesis, supervised by
@mhevery
and
@RyanCarniato
, I'm releasing a new open source project! Valibot is a schema library like
@zodtypes
, except that Valibot is modular and can be code split to a few hundred bytes. Read more in the announcement:
28
123
744
1
2
25
POV: you realize that hydrating state is what holds you back in life.
Stay thirsty
@QwikDev
👉
1
4
24
A tale as old as time, what is Jamstack and how to choose the best CMS for your Jamstack site.
➡️ Understanding the core principles of Jamstack.
➡️ Benefits of a Jamstack architecture.
➡️ How to launch your Jamstack site with
0
10
24
Disabled buttons suck for A11y, use aria-disabled=”true” instead.
1
2
20
Very excited to share that Partytown 🎉 is on
@github
's trending list for
@typescript
projects this week!
0
5
22
We're excited to share that you can now connect any data source to Builder (CMS, ecommerce platform, etc.) and visually build out 🔥dynamic experiences.
More 👇
0
3
22
A lot of developers ask us why we build and maintain
@Qwik
and
@Partytown
, two open-source solutions to tackle first-party and third-party JavaScript “bloat” in your code. Here’s our answer:
0
6
21
Looking for performance quick wins? 📈
Performance Insights optimizes your page's images, CSS, and JS, and gives tailored recommendations on how to improve your Lighthouse score and TTI.
👉
1
5
20
“1 second could cost Amazon $1.6 Billion in Sales” - Amazon 2012
Add Partytown to your site and remove as much as 4.1 seconds of load time and make more revenue this year!
1
8
21
Looking to improve website performance? Don’t sleep on unoptimized CSS! Here’s our complete guide to optimizing CSS for your website 👇 ⚡
0
4
19
Building web apps with
@QwikDev
can make it easier for developers to build performant apps.
It's mostly possible by loading
#JavaScript
when it's needed. Automatically.
But not only... 😏
Have fun diving in with
@HamatoYogi
.
0
5
20
A headless CMS decouples content from presentation for flexible delivery.
A visual CMS like Builder adds drag-and-drop editing for simpler collaboration through its visual editor.
This guide dives into the benefits and drawbacks of a headless CMS.
0
5
20
What if you could update your website simply by describing your edits in natural language?
Generative UI is making this a reality, and it will change how we think about CMSs.
Creating and updating websites no longer needs to be a time-consuming task.
1
1
19
Let's talk AI coding tools.
Not the over-hyped "AI will code everything" nonsense.
Just real tools that'll make you feel like you've got superpowers.
Hers's our no-fluff guide to AI coding assistants in 2024.
0
4
19
Register for our upcoming webinar on January 24th and learn how to turn Figma designs into commerce experiences using AI.
Join here 👇
1
8
17
We are huge fans of utilizing feature flags to make our dev & deployment process run smoothly.
We find new use cases for feature flags each week.
Here are a few ways we use them 👇🏽
1
10
18
Did somebody say Tailwind❓❓❓
2021: Drama
2023: Same Drama
Guess what? Your users don't care...
2
7
18
Dive in deeper with these great MDN docs, showing all the ways you can use FormData.
0
5
18
Looking for the best Headless CMS for your React project? Explore:
➡️ What is React?
➡️ What is a Headless CMS?
➡️ How to integrate your React app.
Check out our knowledge center article to learn more. 👇
0
3
16
❌ Data is the wrong abstraction for managing content.
👎 It creates a heavy reliance on developers, slows down release cycles, and stifles growth.
👉 There’s a better way.
0
5
18
Visual Copilot now generates unit tests from your Figma designs ✨
1
3
18
Did you know you can import Figma designs directly onto your Shopify store with Builder? It's awesome.
0
0
18
🔒🏆🚀 Big news! has achieved SOC 2 Type 2 Compliance, showcasing our commitment to enterprise-grade security for our headless CMS platform. Learn more in our blog post.
0
4
17
A headless CMS decouples content from presentation for flexible delivery.
A visual CMS like Builder adds drag-and-drop editing for simpler collaboration through its visual editor.
This guide dives into the benefits and drawbacks of a headless CMS.
0
5
16
Ever wondered why applying text styles to a button's text doesn't work in React Native? In this blog post by
@samijaber_
find out how the solution involves re-creating some of CSS's cascading mechanisms for React Native.
0
3
17
Don’t let AI lock you into generic styling.
➡️ Generate designs using YOUR components
➡️ Turn designs to code w/ YOUR components
Claim your ticket for our upcoming launch event:
0
3
17
Let’s transform Figma to clean code in seconds with Visual Copilot.
@Steve8708
will host a livestream on December 6th at 10 am PST. Learn how to use AI to build a new component, how Visual Copilot connects to Builder, and other best practices. 👇
1
5
16
Multi-framework headaches? 🤕
Stop maintaining separate design system implementations.
Learn how tools like Mitosis can help you write components once and compile to multiple frameworks.
0
2
16