Loading video...

Video Failed to Load

Go Home

Auth0 Lab: UI Components ๐Ÿš€ - We're excited to share that we've open-sourced our latest experiment on UI components!

Auth0Lab's profile picture

Auth0 Lab

2,656 subscribers

15,966 views โ€ข 2 years ago โ€ขvia X (Twitter)

LIVE

Anya Rossiโ€ข Live Now

Private livecam show

3 Comments

Auth0 Lab's profile picture
Auth0 Lab2 years ago

1โƒฃLearn about the experiment at 2โƒฃCheck out the docs at

Auth0 Lab's profile picture
Auth0 Lab2 years ago

3๏ธโƒฃ and the repo at

Ramiro's profile picture
Ramiro2 years ago

Good stuff for @reactjs devs. Nice one @jcenturion86 ๐Ÿ‘Œ

Related Videos

Slider components are now live on Origin UI ๐Ÿš€
0:30

Slider components are now live on Origin UI ๐Ÿš€

Pasquale Vitiello

29,460 views โ€ข 1 year ago

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once ๐Ÿš€ No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done โœจ
0:26

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once ๐Ÿš€ No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done โœจ

Suraj Jha

48,373 views โ€ข 8 months ago

Letโ€™s go ๐Ÿš€ File upload components are now available on Origin UI!
0:26

Letโ€™s go ๐Ÿš€ File upload components are now available on Origin UI!

Pasquale Vitiello

101,289 views โ€ข 1 year ago

Thrilled to finally ship these ๐Ÿš€ Tree View Components are now live on Origin UI!
0:20

Thrilled to finally ship these ๐Ÿš€ Tree View Components are now live on Origin UI!

Pasquale Vitiello

43,750 views โ€ข 1 year ago

Coming soon: ElevenLabs UI - an open-source registry of audio & agent components for the web. What components would you like to see? A little preview:
0:30

Coming soon: ElevenLabs UI - an open-source registry of audio & agent components for the web. What components would you like to see? A little preview:

Louis

28,053 views โ€ข 10 months ago

launching openv0 โœจ generative UI components โ€ข open-source equivalent of vercel โ€ข AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0
1:25

launching openv0 โœจ generative UI components โ€ข open-source equivalent of vercel โ€ข AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

cofounder, we have a problem

174,682 views โ€ข 2 years ago

๐Ÿš€ Chakra UI v3 is here! ๐Ÿš€ We're thrilled to announce the release of Chakra v3, a complete rewrite to boost performance, speed, and consistency across all components. ๐ŸŸข 25+ new components ๐ŸŸข Improved design tokens ๐ŸŸข Component Snippets ๐ŸŸข Works in RSC and Next.js
0:59

๐Ÿš€ Chakra UI v3 is here! ๐Ÿš€ We're thrilled to announce the release of Chakra v3, a complete rewrite to boost performance, speed, and consistency across all components. ๐ŸŸข 25+ new components ๐ŸŸข Improved design tokens ๐ŸŸข Component Snippets ๐ŸŸข Works in RSC and Next.js

Sage โšก๏ธ

93,357 views โ€ข 1 year ago

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. โœ“ Copy-Paste. 100% free. โœ“ Shiki or Sugar-High for syntax highlighter. โœ“ Add components with shadcn /ui CLI. โœ“ Docs built with Next.js + Base UI โœจ
0:58

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. โœ“ Copy-Paste. 100% free. โœ“ Shiki or Sugar-High for syntax highlighter. โœ“ Add components with shadcn /ui CLI. โœ“ Docs built with Next.js + Base UI โœจ

Pablo

17,916 views โ€ข 5 months ago

Finally, TailGrids 2.0 ๐Ÿš€ Launched on ProductHunt ๐Ÿ‘‡ ๐Ÿงฑ Tailwind UI Components, Blocks and Templates ๐Ÿ”ฅ 500+ Components with Free/Open-Source Option ๐ŸคŒ Easy to Use Copy-Paste Interface ๐Ÿ“ฆ 13 Bonus Templates โœจ and More ๐Ÿ’œ Your support matters the most
0:56

Finally, TailGrids 2.0 ๐Ÿš€ Launched on ProductHunt ๐Ÿ‘‡ ๐Ÿงฑ Tailwind UI Components, Blocks and Templates ๐Ÿ”ฅ 500+ Components with Free/Open-Source Option ๐ŸคŒ Easy to Use Copy-Paste Interface ๐Ÿ“ฆ 13 Bonus Templates โœจ and More ๐Ÿ’œ Your support matters the most

Musharof

44,437 views โ€ข 3 years ago

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)
0:20

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 views โ€ข 2 years ago

The new Origin UI set just dropped ๐Ÿš€ Over 50 examples of select, multiselect, and combobox components.
0:24

The new Origin UI set just dropped ๐Ÿš€ Over 50 examples of select, multiselect, and combobox components.

Pasquale Vitiello

89,397 views โ€ข 1 year ago

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. โ€ข 22 components & examples for chat interfaces, transcription, music, and more โ€ข Fully customizable โ€ข MIT licensed
0:21

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. โ€ข 22 components & examples for chat interfaces, transcription, music, and more โ€ข Fully customizable โ€ข MIT licensed

ElevenLabs

241,859 views โ€ข 9 months ago

The Governance UI Kit & App Template is open to developers! โœจ Ready-to-use DAO UI components โœจ Flexible UI Host, built with React & Next.js โœจ Fully customizable โœจ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.
0:55

The Governance UI Kit & App Template is open to developers! โœจ Ready-to-use DAO UI components โœจ Flexible UI Host, built with React & Next.js โœจ Fully customizable โœจ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.

Aragon.eth ๐Ÿฆ…

12,878 views โ€ข 1 year ago

๐Ÿฅณ Welp, Flux is HEREEEE! ๐Ÿš€๐Ÿš€๐Ÿš€ Flux is a UI component library for Livewire ๐ŸŽ 26+ components ๐Ÿ’… Modern design ๐ŸŒฌ๏ธ Styled with Tailwind ๐Ÿค– Custom, lightweight, JS core โŒจ๏ธ Accessibile components Hugo and I have given this project everything we've got. Hope you dig it ๐Ÿ”ฅ
36:30

๐Ÿฅณ Welp, Flux is HEREEEE! ๐Ÿš€๐Ÿš€๐Ÿš€ Flux is a UI component library for Livewire ๐ŸŽ 26+ components ๐Ÿ’… Modern design ๐ŸŒฌ๏ธ Styled with Tailwind ๐Ÿค– Custom, lightweight, JS core โŒจ๏ธ Accessibile components Hugo and I have given this project everything we've got. Hope you dig it ๐Ÿ”ฅ

Caleb Porzio โšก๏ธ

192,803 views โ€ข 1 year ago

Itโ€™s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
0:29

Itโ€™s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

667,050 views โ€ข 3 years ago

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!
0:28

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel รngel

18,018 views โ€ข 2 months ago

your app's UI has entered the chat. just register your UI components and your APIs. build an agent that speaks your interface in minutes ๐Ÿ‘‡
0:52

your app's UI has entered the chat. just register your UI components and your APIs. build an agent that speaks your interface in minutes ๐Ÿ‘‡

Michael Magรกn

105,805 views โ€ข 4 months ago

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing
0:44

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (๋ฐ•๋™์œค)

59,115 views โ€ข 1 year ago