Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Text animations running while JavaScript blocks in 1.5 second bursts. Top left: Ladybird with new multi-threaded CSS engine 🤓

Andreas Kling

64,661 subscribers

23,900 views • 19 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Browsers should do CSS layout off the main thread! 🤓 Top left: Ladybird (work in progress) Others: Chrome, Safari, Firefox

Browsers should do CSS layout off the main thread! 🤓 Top left: Ladybird (work in progress) Others: Chrome, Safari, Firefox

Andreas Kling

62,036 views • 28 days ago

I moved CSS transform and opacity animations off the main thread in Ladybird and I just love it so much 🤩 Now we can chew on all that JS framework bloat while elements fade in and fly around smoothly!

I moved CSS transform and opacity animations off the main thread in Ladybird and I just love it so much 🤩 Now we can chew on all that JS framework bloat while elements fade in and fly around smoothly!

Andreas Kling

25,453 views • 1 month ago

Create toolbar navigation with CSS, HTML and JavaScript 🚀 Code in the comments 👨‍💻

Create toolbar navigation with CSS, HTML and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

191,106 views • 3 years ago

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,836 views • 1 year ago

Responsive profile UI with animated tabs with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

14,508 views • 1 year ago

Create smooth responsive burger menu with CSS, HTML and JavaScript 🚀 Code in the comments 👨‍💻

Create smooth responsive burger menu with CSS, HTML and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

155,626 views • 3 years ago

Responsive table with resizable columns using HTML, CSS and JavaScript 🚀 Code in the comments 🧑‍💻

Responsive table with resizable columns using HTML, CSS and JavaScript 🚀 Code in the comments 🧑‍💻

David Mráz

13,821 views • 10 months ago

Handling CSS :hover off the main thread! This is a work in progress but I love this so much, I just have to share it! 🤓 Ladybird on the left, Chrome on the right. The demo runs JS for 250ms repeatedly, to simulate a busy page.

Handling CSS :hover off the main thread! This is a work in progress but I love this so much, I just have to share it! 🤓 Ladybird on the left, Chrome on the right. The demo runs JS for 250ms repeatedly, to simulate a busy page.

Andreas Kling

12,883 views • 15 days ago

Create this sign up screen with HTML, CSS and JavaScript 👨‍💻🚀 Code in the comments 👇

Create this sign up screen with HTML, CSS and JavaScript 👨‍💻🚀 Code in the comments 👇

David Mráz

63,596 views • 3 years ago

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

CSS by T. Afif

13,763 views • 2 years ago

left the engine running

left the engine running

Posts Of Cats

5,248,983 views • 3 years ago

Got that Three.js running downright nicely in Ladybird 🤩

Got that Three.js running downright nicely in Ladybird 🤩

Andreas Kling

43,924 views • 1 year ago

HTML/CSS is Turing complete, so why not compile programs to plain HTML/CSS and runs with zero bytes of JavaScript?

HTML/CSS is Turing complete, so why not compile programs to plain HTML/CSS and runs with zero bytes of JavaScript?

Shu

108,688 views • 27 days ago

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.

Tony Lea

115,614 views • 1 year ago

Gemini 3 Pro (left) vs ChatGPT 5.1 thinking vs Claude Opus 4.5 (right) Prompt: Multi-ball heptagon physics Write html, css, and javascript to display 20 balls bouncing inside a spinning heptagon. each ball should have a unique color, a number label, gravity, and collision detection with the walls. all code in one file.

Gemini 3 Pro (left) vs ChatGPT 5.1 thinking vs Claude Opus 4.5 (right) Prompt: Multi-ball heptagon physics Write html, css, and javascript to display 20 balls bouncing inside a spinning heptagon. each ball should have a unique color, a number label, gravity, and collision detection with the walls. all code in one file.

God of Prompt

105,823 views • 10 months ago

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

65,949 views • 1 year ago

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,924 views • 1 year ago

I am making a pixel art game engine, in Javascript

I am making a pixel art game engine, in Javascript

Erik

76,818 views • 1 year ago