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.

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography... show more

Lee Black

12,735 subscribers

10,580 views • 1 month 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

Warlordes is more than just a game; it’s a story-rich experience built to celebrate culture, legends, and the worlds we imagine. Every frame, every move, and every detail has been crafted with care and purpose. Download now and be part of the movement from the very beginning… Now available on the Play Store and App Store👇🏾

Warlordes is more than just a game; it’s a story-rich experience built to celebrate culture, legends, and the worlds we imagine. Every frame, every move, and every detail has been crafted with care and purpose. Download now and be part of the movement from the very beginning… Now available on the Play Store and App Store👇🏾

Hammer Games

28,193 views • 11 months ago

Here's a robotic welding cell I designed and built for a run of 20,000 parts. The customer contracted me to build the system using dual arm Fanuc robots, Lincoln welders. I designed and built the 3 axis servo ferris wheel positioner, as well as the fixtures and tooling in my shop. The customer purchased the system after the part run was completed.

Here's a robotic welding cell I designed and built for a run of 20,000 parts. The customer contracted me to build the system using dual arm Fanuc robots, Lincoln welders. I designed and built the 3 axis servo ferris wheel positioner, as well as the fixtures and tooling in my shop. The customer purchased the system after the part run was completed.

SkinnyFat Tony

33,138 views • 2 years ago

Every single character and reference in the Transformers TRIGGER video (part 2):

Every single character and reference in the Transformers TRIGGER video (part 2):

crazy ass moments in Transformers history🏳️‍🌈

213,769 views • 1 year ago

Every single character and reference in the Transformers TRIGGER video (part 3):

Every single character and reference in the Transformers TRIGGER video (part 3):

crazy ass moments in Transformers history🏳️‍🌈

130,423 views • 1 year ago

Amazing Construction material solution. Ground beef is part of the construction system of @fetdeterra It is a modern solution for wrought, deeply rooted in construction tradition, that combines the use of earth as the main material with a design designed to efficiently integrate into contemporary systems. In addition to the intrinsic qualities of the material, it stands out for its natural texture and a warm and elegant earthy tone, which brings character and aesthetic coherence to the constructive set. Builder: @ribesbosch The earthen vaults used in structural flooring are part of the @fetdeterra construction system. They offer a modern solution for floor slabs, deeply rooted in traditional building techniques. The system combines earth as the main material with a design intended to integrate efficiently into contemporary construction methods. In addition to the material’s intrinsic qualities, they stand out for their natural texture and a warm, elegant earthy tone, bringing both character and aesthetic coherence to the overall structure.

Amazing Construction material solution. Ground beef is part of the construction system of @fetdeterra It is a modern solution for wrought, deeply rooted in construction tradition, that combines the use of earth as the main material with a design designed to efficiently integrate into contemporary systems. In addition to the intrinsic qualities of the material, it stands out for its natural texture and a warm and elegant earthy tone, which brings character and aesthetic coherence to the constructive set. Builder: @ribesbosch The earthen vaults used in structural flooring are part of the @fetdeterra construction system. They offer a modern solution for floor slabs, deeply rooted in traditional building techniques. The system combines earth as the main material with a design intended to integrate efficiently into contemporary construction methods. In addition to the material’s intrinsic qualities, they stand out for their natural texture and a warm, elegant earthy tone, bringing both character and aesthetic coherence to the overall structure.

Arcfunmi

311,619 views • 8 months ago

Every single character and reference in the Transformers TRIGGER video (part 1):

Every single character and reference in the Transformers TRIGGER video (part 1):

crazy ass moments in Transformers history

274,349 views • 1 year ago

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

Rebane

127,118 views • 1 year ago

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

balint

185,530 views • 11 months ago

Responsive HTML table with sticky columns and mobile view created using only CSS and HTML ✨ CodePen link below 👇

Responsive HTML table with sticky columns and mobile view created using only CSS and HTML ✨ CodePen link below 👇

Viki ✨

385,849 views • 2 years ago

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 views • 11 months ago

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 views • 15 days ago

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

jhey ʕ•ᴥ•ʔ

59,139 views • 6 months ago

How did a 20-year-old beat Grok. And ChatGPT. And Perplexity. And Gemini? In part one Brayden Levangie laid out how: he built a very different architecture to take AI to a new human level. Cognitive architectures, he calls them. I call them AI's with consciousness. Ones that learn, evolve, build themselves, and do so like we do. Part I is here: In this part two, he goes more into the technology. And this was recorded more than a week ago in my home. Since then his system has gotten way better. An exponentially learning system. It is how we are going to get to AGI.

How did a 20-year-old beat Grok. And ChatGPT. And Perplexity. And Gemini? In part one Brayden Levangie laid out how: he built a very different architecture to take AI to a new human level. Cognitive architectures, he calls them. I call them AI's with consciousness. Ones that learn, evolve, build themselves, and do so like we do. Part I is here: In this part two, he goes more into the technology. And this was recorded more than a week ago in my home. Since then his system has gotten way better. An exponentially learning system. It is how we are going to get to AGI.

Robert Scoble

76,965 views • 7 months ago

FIXED - Player can vault through a single barricade window by breaking part of the barricade and using melee on the frame twice in a row.

FIXED - Player can vault through a single barricade window by breaking part of the barricade and using melee on the frame twice in a row.

DAY RuoLing_ 🌠

336,166 views • 1 year ago

part 2– we were in the hotel room and rest for a bit at first on the couch, then hopped to the bed and this happened idk why i think its just so hot asfhshsj

part 2– we were in the hotel room and rest for a bit at first on the couch, then hopped to the bed and this happened idk why i think its just so hot asfhshsj

rhea

19,131 views • 1 year ago

Meet the Pangolin, part dinosaur vibes, part shy forest wanderer 🦖🌿 Its scales act like armor, its defense is curling into a ball, and its diet? Just ants and termites. Despite being harmless, it’s the most trafficked mammal in the world...

Meet the Pangolin, part dinosaur vibes, part shy forest wanderer 🦖🌿 Its scales act like armor, its defense is curling into a ball, and its diet? Just ants and termites. Despite being harmless, it’s the most trafficked mammal in the world...

Nature is Amazing ☘️

142,228 views • 2 months ago

I think I figured out how to create responsive type scales with composable CSS utilities, thet lets you scale linearly between exact pixel values (this is important if you want to align exactly with a type scale, rather than just scale type on a case-by-case basis) 🧵

I think I figured out how to create responsive type scales with composable CSS utilities, thet lets you scale linearly between exact pixel values (this is important if you want to align exactly with a type scale, rather than just scale type on a case-by-case basis) 🧵

Tobias Ahlin

20,937 views • 2 years ago

Just listen to that absolutely gorgeous engine. The coal boat delivering coal to the boats of London tonight. A hand built English engine. Single cylinder and best part of one hundred years old. A thing of beauty to listen to.

Just listen to that absolutely gorgeous engine. The coal boat delivering coal to the boats of London tonight. A hand built English engine. Single cylinder and best part of one hundred years old. A thing of beauty to listen to.

Alastair Hilton

24,857 views • 4 months ago

"Accessibility and CSS go hand in hand, significantly impacting user experience." Emma Bostian delves into the vital connection between web development and accessibility. Get the foundations of CSS in Emma's course:

"Accessibility and CSS go hand in hand, significantly impacting user experience." Emma Bostian delves into the vital connection between web development and accessibility. Get the foundations of CSS in Emma's course:

Frontend Masters 💻✨

21,815 views • 2 years ago

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

212,064 views • 5 months ago