Loading video...

Video Failed to Load

Go Home

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

PixelJanitor's profile picture

Derek Briggs

10,328 subscribers

14,903 views • 1 year ago •via X (Twitter)

Science & TechnologyEducationHealth & Wellness
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇
0:17

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇

Animate UI

28,403 views • 1 year ago

Behind the scenes on what I've been working on lately. I'm putting together a UI Kit with premade components built using Compose Unstyled It's a set of premade components to kick-start your apps quickly using Compose on all platforms
0:13

Behind the scenes on what I've been working on lately. I'm putting together a UI Kit with premade components built using Compose Unstyled It's a set of premade components to kick-start your apps quickly using Compose on all platforms

Alex Styl

10,054 views • 10 months ago

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,632 views • 2 years ago

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵
0:19

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 views • 1 year ago

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨
0:17

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,025 views • 2 years ago

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.
0:16

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

266,586 views • 2 years ago

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,071 views • 3 months ago

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇
0:11

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇

Austin Malerba

21,774 views • 1 year ago

Sidekick has 20+ new capabilities in this Edition. My favorite: it can create custom apps. Just prompt Sidekick, and it writes the app code using Polaris UI with Admin API GraphQL queries and mutations.
0:13

Sidekick has 20+ new capabilities in this Edition. My favorite: it can create custom apps. Just prompt Sidekick, and it writes the app code using Polaris UI with Admin API GraphQL queries and mutations.

tobi lutke

17,392 views • 6 months ago

Imagining UI components as jelly is oddly satisfying… this time it’s a “Jelly Switch”, built using TypeGPU without any extra libraries. Live demo & Code: Once again, SDFs gave us a lot of freedom to make the form of the object dynamic and jiggly. Konrad built a great foundation for implementing SDF-based UI components, can’t imagine us stopping here 👀 If you’re interested in WebGPU and are a TypeScript developer, I can’t recommend TypeGPU enough (toootally unbiased opinion)
0:16

Imagining UI components as jelly is oddly satisfying… this time it’s a “Jelly Switch”, built using TypeGPU without any extra libraries. Live demo & Code: Once again, SDFs gave us a lot of freedom to make the form of the object dynamic and jiggly. Konrad built a great foundation for implementing SDF-based UI components, can’t imagine us stopping here 👀 If you’re interested in WebGPU and are a TypeScript developer, I can’t recommend TypeGPU enough (toootally unbiased opinion)

Iwo Plaza | TypeGPU

171,578 views • 7 months ago

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers
0:16

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

18,613 views • 8 months ago

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:
0:15

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

Codrops

11,069 views • 4 months ago

New this week: Pen tool & morphing 🖊️ You can now draw your own shapes in Jitter and animate them with fluid shape-to-shape transitions. Perfect for elegant logo reveals, shape-shifting UI elements, expressive text effects, and motion that is truly one of a kind. Try it now 👇
0:12

New this week: Pen tool & morphing 🖊️ You can now draw your own shapes in Jitter and animate them with fluid shape-to-shape transitions. Perfect for elegant logo reveals, shape-shifting UI elements, expressive text effects, and motion that is truly one of a kind. Try it now 👇

Jitter

47,341 views • 11 months ago

First try with Vercel's new Postgres database! Was so quick to set up 🤯 here I've got a collaborative form built with Liveblocks, and I'm having it automatically sync data to the database. More info 🧵
0:17

First try with Vercel's new Postgres database! Was so quick to set up 🤯 here I've got a collaborative form built with Liveblocks, and I'm having it automatically sync data to the database. More info 🧵

Chris Nicholas

114,238 views • 3 years ago

Introducing Perennial—the new perps rollup live on Base. 🌸 Built for speed. Rooted in the Base ecosystem. Optimized for traders. Your new favorite hyper-efficient perps venue has arrived—and with it Season 2 of the Petals Program begins. Let’s dive in. 🧵
0:15

Introducing Perennial—the new perps rollup live on Base. 🌸 Built for speed. Rooted in the Base ecosystem. Optimized for traders. Your new favorite hyper-efficient perps venue has arrived—and with it Season 2 of the Petals Program begins. Let’s dive in. 🧵

Perennial

127,281 views • 1 year ago

The Figma glass teaser and launch videos were made entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅
0:19

The Figma glass teaser and launch videos were made entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅

miggi from figgi

59,123 views • 11 months ago

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox
0:18

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox

Ali Bey

25,785 views • 2 months ago

Just released the new Origin UI set 🔥 It includes 50+ checkboxes, radio buttons, and switches. Check it out using the link in the comments ↓
0:15

Just released the new Origin UI set 🔥 It includes 50+ checkboxes, radio buttons, and switches. Check it out using the link in the comments ↓

Pasquale Vitiello

28,460 views • 1 year ago

Some new uncommon components for skiper-ui
0:11

Some new uncommon components for skiper-ui

Guri

53,048 views • 8 months ago