Loading video...

Video Failed to Load

Go Home

tiny stretchy grid controller in browser based on gavin's neat exploration

madebyankur's profile picture

ankur

1,430 subscribers

89,813 views • 11 months ago •via X (Twitter)

Science & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

the app icons on the wabi website rearrange based on browser size. wasn't required, but they went all in.
0:17

the app icons on the wabi website rearrange based on browser size. wasn't required, but they went all in.

Rahul Chakraborty

17,660 views • 8 months ago

Browsing the 1996 McDonald's website in a tiny Netscape browser in the museum
0:14

Browsing the 1996 McDonald's website in a tiny Netscape browser in the museum

Neal Agarwal

94,429 views • 3 years ago

The tiny man inside my Steam Controller when I get pissed off while playing a game and shatter my controller against the wall in a fit of rage
0:17

The tiny man inside my Steam Controller when I get pissed off while playing a game and shatter my controller against the wall in a fit of rage

Greg the Sorcerer

591,679 views • 3 months ago

Announcing the Immersive Web SDK (IWSDK)! Now developers can leverage the capabilities of the Meta Quest, all from a browser-based experience. 👐 Hand Tracking & Controller Support 😎 Support for mixed reality passthrough 🔊 Spatial Audio 🧑‍💻 Built on top of Three.js A ton more:
0:17

Announcing the Immersive Web SDK (IWSDK)! Now developers can leverage the capabilities of the Meta Quest, all from a browser-based experience. 👐 Hand Tracking & Controller Support 😎 Support for mixed reality passthrough 🔊 Spatial Audio 🧑‍💻 Built on top of Three.js A ton more:

Jake Steinerman 🌎

20,932 views • 11 months ago

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }
0:14

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }

jhey ʕ•ᴥ•ʔ

59,349 views • 9 months ago

a tiny detail i find amusing in neuecast is that the globe icon in this menu rotates based on which country is selected
0:10

a tiny detail i find amusing in neuecast is that the globe icon in this menu rotates based on which country is selected

Rishi Mody ツ

36,463 views • 11 months ago

Get ready to personalize and level-up your browser with AI generated themes based on your words. Desktop preview now available:
0:11

Get ready to personalize and level-up your browser with AI generated themes based on your words. Desktop preview now available:

Microsoft Edge

14,447,907 views • 2 years ago

Sheer fabric with light transmission. Cloth physics that responds to wind. Depth-of-field compositing. Physically-based lighting - all rendered live in the browser.
0:14

Sheer fabric with light transmission. Cloth physics that responds to wind. Depth-of-field compositing. Physically-based lighting - all rendered live in the browser.

Kimi.ai

13,735 views • 4 months ago

Morflax Studio 2.0 is live. A browser-based studio for mockups, 3D visuals, and motion. Remix templates, animate scenes, export in minutes. Start creating →
0:20

Morflax Studio 2.0 is live. A browser-based studio for mockups, 3D visuals, and motion. Remix templates, animate scenes, export in minutes. Start creating →

Morflax

27,902 views • 6 months ago

🚨 Wan 2.7 is now live on fal! ⚡ Big upgrades in visuals, motion, audio, style, and consistency 🎬 First & last frame, 9-grid I2V, subject + voice reference 🎨 Instruction-based editing and video recreation
0:20

🚨 Wan 2.7 is now live on fal! ⚡ Big upgrades in visuals, motion, audio, style, and consistency 🎬 First & last frame, 9-grid I2V, subject + voice reference 🎨 Instruction-based editing and video recreation

fal

27,414 views • 5 months ago

The slickest DApp Browser in crypto is now on Android. 🌐
0:13

The slickest DApp Browser in crypto is now on Android. 🌐

Jupiter Mobile

75,606 views • 1 year ago

Manhattanhenge on 42nd Street, Times Square in New York City Summer 2026 Dates May 28 at 8:14 PM ET: Half Sun on the Grid May 29 at 8:13 PM ET: Full Sun on the Grid July 11 at 8:20 PM ET: Full Sun on the Grid July 12 at 8:21 PM ET: Half Sun on the Grid
0:19

Manhattanhenge on 42nd Street, Times Square in New York City Summer 2026 Dates May 28 at 8:14 PM ET: Half Sun on the Grid May 29 at 8:13 PM ET: Full Sun on the Grid July 11 at 8:20 PM ET: Full Sun on the Grid July 12 at 8:21 PM ET: Half Sun on the Grid

Noel Y. Calingasan • NYC

887,931 views • 3 months ago

CSS Tip! ✨ Did you know you can animate CSS Grid tracks? 👀 ul:is(:hover,:focus-within) {--active: 1;} ul { grid-template-columns: auto repeat(3, calc(10px + (var(--active) * 100px))); transition: all 0.2s; } Adjust layouts based on interaction! 😎 CodePen.IO link below! 👇
0:18

CSS Tip! ✨ Did you know you can animate CSS Grid tracks? 👀 ul:is(:hover,:focus-within) {--active: 1;} ul { grid-template-columns: auto repeat(3, calc(10px + (var(--active) * 100px))); transition: all 0.2s; } Adjust layouts based on interaction! 😎 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

30,624 views • 3 years ago

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:
0:16

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:

Codrops

13,122 views • 8 months ago

Bridget: "It's so hard to fully disconnect societal expectations from my gender identity and choose solely based on how I actually feel, and even then it will take much exploration and not be answered in a day." Goldlewis:
0:13

Bridget: "It's so hard to fully disconnect societal expectations from my gender identity and choose solely based on how I actually feel, and even then it will take much exploration and not be answered in a day." Goldlewis:

Rad Chad

100,122 views • 2 years ago

On May 8th, CGN New Energy's 100 MW/200 MWh shared energy storage power station in Yuanjiang, Yunnan Province, successfully achieved full-capacity grid connection and power generation. The project utilizes lithium iron phosphate energy storage technology and a grid-based design, significantly enhancing the energy storage system's active support capability for the power grid. After commissioning, the power station is expected to discharge approximately 65.7 million kWh to the grid annually, equivalent to saving approximately 19,700 tons of standard coal. #Shared; #EnergyStorage
0:12

On May 8th, CGN New Energy's 100 MW/200 MWh shared energy storage power station in Yuanjiang, Yunnan Province, successfully achieved full-capacity grid connection and power generation. The project utilizes lithium iron phosphate energy storage technology and a grid-based design, significantly enhancing the energy storage system's active support capability for the power grid. After commissioning, the power station is expected to discharge approximately 65.7 million kWh to the grid annually, equivalent to saving approximately 19,700 tons of standard coal. #Shared; #EnergyStorage

CGN Group Official

56,019 views • 3 months ago

This inmate found a way to play Fortnite on a PS5 controller while in prison
0:12

This inmate found a way to play Fortnite on a PS5 controller while in prison

Crime Net

2,956,907 views • 3 months ago