正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 👇

Derek Briggs

10,328 subscribers

14,903 次观看 • 1 年前 •via X (Twitter)

科学技术教育健康养生

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 👇

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 次观看 • 1 年前

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

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 次观看 • 10 个月前

✨ 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.

✨ 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,699 次观看 • 2 年前

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 🧵

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 次观看 • 1 年前

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 ✨

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 次观看 • 2 年前

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.

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 次观看 • 2 年前

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

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 次观看 • 4 个月前

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 🧵👇

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 次观看 • 1 年前

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.

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 次观看 • 6 个月前

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)

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 次观看 • 7 个月前

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Figma

66,435 次观看 • 2 年前

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

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 次观看 • 8 个月前

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 次观看 • 11 个月前

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

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 次观看 • 4 个月前

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 🧵

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 次观看 • 3 年前

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. 🧵

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 次观看 • 1 年前

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. 😅

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 次观看 • 11 个月前

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

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 次观看 • 2 个月前

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

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 次观看 • 1 年前