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.

rebuilt the tesla infotainment ui with react and tailwind! try any car config and use keyboard to toggle charging (C), put it in drive (D) and accelerate with arrow keys

David

2,185 subscribers

689,812 views • 6 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

New keyboard canvas controls → Panning: with arrow keys and zoom → Placement: add frames and objects using shortcuts and a guided crosshair view → Selection: navigate, select, and toggle objects with just your keyboard → Screen reader support for keyboard canvas controls

New keyboard canvas controls → Panning: with arrow keys and zoom → Placement: add frames and objects using shortcuts and a guided crosshair view → Selection: navigate, select, and toggle objects with just your keyboard → Screen reader support for keyboard canvas controls

Figma

72,250 views • 1 year ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

244,586 views • 1 year ago

Your last match, rebuilt in 2D. Review it with your team in a synced lobby, toggle exactly what you want to see, and jump to any round with ease. Drag in your replays and go 👇

Your last match, rebuilt in 2D. Review it with your team in a synced lobby, toggle exactly what you want to see, and jump to any round with ease. Drag in your replays and go 👇

ValoPlant

440,036 views • 7 days ago

Should agentic UI be controlled by the server or the host? 🤔 In mcp-ui, servers can now define the UI layout and effects, and hosts can render it with their own look and feel! Supports React and Web Components with Shopify's remote-dom. Hit us up with use cases (+Liad Yosef)

Should agentic UI be controlled by the server or the host? 🤔 In mcp-ui, servers can now define the UI layout and effects, and hosts can render it with their own look and feel! Supports React and Web Components with Shopify's remote-dom. Hit us up with use cases (+Liad Yosef)

Ido Salomon

25,037 views • 1 year ago

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Figma

124,690 views • 2 years ago

📑 Shadcn Tabs Organize content with 26 tab variants for dashboards, settings, and multi-section layouts, all built with React + Tailwind. 💎 Types: 📍 Horizontal/vertical ✨ Animated tabs 🧭 Scrollable overflow Watch the preview below 👇 #shadcn #ui #react #tailwind

📑 Shadcn Tabs Organize content with 26 tab variants for dashboards, settings, and multi-section layouts, all built with React + Tailwind. 💎 Types: 📍 Horizontal/vertical ✨ Animated tabs 🧭 Scrollable overflow Watch the preview below 👇 #shadcn #ui #react #tailwind

Shadcn Studio

24,086 views • 8 months ago

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 views • 1 year ago

The Tesla Cybertruck handles better than any sports car in the world, just watch me drive it in & out a 6-story parking lot with ease

The Tesla Cybertruck handles better than any sports car in the world, just watch me drive it in & out a 6-story parking lot with ease

Teslaconomics

4,108,494 views • 2 years ago

I'm working on the billing functionality for my Laravel SaaS Kit. It let's you choose Stripe or Paddle. But, let's say you chose Paddle and later you wanted to use Stripe. Just toggle a config and you're good to go 👍 It will work with both providers, webhooks and all 💸

I'm working on the billing functionality for my Laravel SaaS Kit. It let's you choose Stripe or Paddle. But, let's say you chose Paddle and later you wanted to use Stripe. Just toggle a config and you're good to go 👍 It will work with both providers, webhooks and all 💸

Tony Lea

12,341 views • 2 years ago

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Benjamin Canac

12,191 views • 4 months ago

We're excited to roll out a new UI for desktop and mobile: – Browse the feed and your creations in detailed view with arrow keys or swipe – Grid view brings a more organized layout to your Creations page – Adjust image size on your Creations page

We're excited to roll out a new UI for desktop and mobile: – Browse the feed and your creations in detailed view with arrow keys or swipe – Grid view brings a more organized layout to your Creations page – Adjust image size on your Creations page

Ideogram

10,451 views • 1 year ago

They put two valets, one male and one female, no one gave their car keys to the female valet. They even replaced young male valet with old man, and still very few gave car keys to female valet 😂😂

They put two valets, one male and one female, no one gave their car keys to the female valet. They even replaced young male valet with old man, and still very few gave car keys to female valet 😂😂

Ambar

57,133 views • 8 months ago

Locked his keys in the car and was trying to open it with a tree branch… then the locksmith showed up 🔑

Locked his keys in the car and was trying to open it with a tree branch… then the locksmith showed up 🔑

lawson

87,300 views • 12 days ago

Niya let Lala drive her new dream car and she almost CRASHED after she tried to record with one hand and drive with the other 😭💀 “PUT BOTH HANDS ON THE WHEEL” 🫣

Niya let Lala drive her new dream car and she almost CRASHED after she tried to record with one hand and drive with the other 😭💀 “PUT BOTH HANDS ON THE WHEEL” 🫣

ClipChase

2,587,818 views • 5 months ago

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

174,184 views • 21 days ago

this is insane. just toggle this button and any coding agent can use your browser > no more Chrome extensions > One button, connect Claude Code to your browser all you need is the right harness... try it with the Browser Use CLI right now!

this is insane. just toggle this button and any coding agent can use your browser > no more Chrome extensions > One button, connect Claude Code to your browser all you need is the right harness... try it with the Browser Use CLI right now!

shawn

640,055 views • 5 months ago

Renault is marketing Duster with ‘Best Car To Drive In The Segment’ with factual numbers and tests by a 3rd party Combination of safety, driving dynamics, comfort and features with segment best torque/power numbers. Can’t wait to drive it and see it in white colour too…

Renault is marketing Duster with ‘Best Car To Drive In The Segment’ with factual numbers and tests by a 3rd party Combination of safety, driving dynamics, comfort and features with segment best torque/power numbers. Can’t wait to drive it and see it in white colour too…

Sunderdeep - Volklub

18,506 views • 5 months ago

Here you have it CHRISEAN ROCK RIDING AROUND WITH HER BABY ON THE FRONT SEAT !!! No car seat or nothing and no it’s not a car seat in the back !! Look how she just put the baby in the back like it was any better !! And she be drinking and driving with her infant in the car !!

Here you have it CHRISEAN ROCK RIDING AROUND WITH HER BABY ON THE FRONT SEAT !!! No car seat or nothing and no it’s not a car seat in the back !! Look how she just put the baby in the back like it was any better !! And she be drinking and driving with her infant in the car !!

Boooo

1,985,712 views • 2 years ago

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

CopilotKit🪁

195,844 views • 7 days ago