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.

Toldo ― An elevated dialogs component for React. Built on top of Radix, it offers a simple API for developing beautiful dialogs.

Raphael Salaja

14,262 subscribers

50,741 views • 1 year 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

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

dmytro

182,658 views • 5 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

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,658 views • 10 months ago

🤩 Avoid a single word on the next line with this simple React component. It automatically balances lines of wrapped text. 👉

🤩 Avoid a single word on the next line with this simple React component. It automatically balances lines of wrapped text. 👉

Adham Dannaway

157,535 views • 3 years ago

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

Charlie Clark

146,588 views • 1 year ago

The new Catalyst UI kit by Tailwind CSS is perfect for building SaaS dashboards: ◆ Device-aware dialogs (modal on desktop, drawer on mobile) ◆ Beautiful select menus & tables ◆ a11y-first (keyboard & screen reader friendly) →

The new Catalyst UI kit by Tailwind CSS is perfect for building SaaS dashboards: ◆ Device-aware dialogs (modal on desktop, drawer on mobile) ◆ Beautiful select menus & tables ◆ a11y-first (keyboard & screen reader friendly) →

Steven Tey

53,463 views • 2 years ago

Lots of custom-written SVG here! Each block is just a simple React component w/ props for position, dimensions, colors, etc., so there's a lot of flexibility in what we can do with them.

Lots of custom-written SVG here! Each block is just a simple React component w/ props for position, dimensions, colors, etc., so there's a lot of flexibility in what we can do with them.

Tim Wilson

40,781 views • 6 months ago

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view

Solarin

32,485 views • 1 year ago

🚀 Take Radix by WorkOS to the next level with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?

🚀 Take Radix by WorkOS to the next level with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?

Matt Perry

30,937 views • 1 year ago

Happy to introduce Motion Panels. A React library for resizing and toggling panels with animations. It has a similar API to react-resizable-panels but with the addition of Motion.

Happy to introduce Motion Panels. A React library for resizing and toggling panels with animations. It has a similar API to react-resizable-panels but with the addition of Motion.

Valerii Strilets 🇺🇦

96,102 views • 5 days ago

Characters for OpenAI Realtime API are OUT! this is a showcase app of what you can build today on top of Realtime API.

Characters for OpenAI Realtime API are OUT! this is a showcase app of what you can build today on top of Realtime API.

Sergey Gonchar

62,438 views • 1 year ago

DeepSeek Harness is an agent harness where every component is a plugin, built on Cordis for spatiotemporal composability. Run it via `npx deepseek-ai/dsh web` to get a local Web UI at port 3080. Explore it here:

DeepSeek Harness is an agent harness where every component is a plugin, built on Cordis for spatiotemporal composability. Run it via `npx deepseek-ai/dsh web` to get a local Web UI at port 3080. Explore it here:

GitHub Projects Community

19,201 views • 27 days ago

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on

Volodymyr

17,026 views • 1 year ago

been willing to make this kind of "perspective stack" component for a while it was a fun little challenge to orchestrate the transitions just right built with Motion

been willing to make this kind of "perspective stack" component for a while it was a fun little challenge to orchestrate the transitions just right built with Motion

Maxime

15,557 views • 9 months ago

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

Liam Hammett

13,718 views • 8 months ago

We’ve seen great results using GPT-4 for content policy development and content moderation, enabling more consistent labeling, a faster feedback loop for policy refinement, and less involvement from human moderators. Built on top of the GPT-4 API:

We’ve seen great results using GPT-4 for content policy development and content moderation, enabling more consistent labeling, a faster feedback loop for policy refinement, and less involvement from human moderators. Built on top of the GPT-4 API:

OpenAI

902,486 views • 3 years ago

Every app eventually needs an image viewer. Somehow, most of them still feel janky on the web. I’ve been working on a composable Lightbox primitive - Base UI / Radix by WorkOS / shadcn style API, native-feeling transitions, touch gestures, pinch-to-zoom, keyboard support, and all the little details that make it feel real. Is this something you’d reach for?

Every app eventually needs an image viewer. Somehow, most of them still feel janky on the web. I’ve been working on a composable Lightbox primitive - Base UI / Radix by WorkOS / shadcn style API, native-feeling transitions, touch gestures, pinch-to-zoom, keyboard support, and all the little details that make it feel real. Is this something you’d reach for?

Artur Bień

35,821 views • 2 months ago

Now that TanStack Table V9 is built on top of TanStack Store, it allows you to fine-tune re-renders with subscriptions to state slices or individual atoms. This might be a huge deal performance-wise for certain situations in React or Preact.

Now that TanStack Table V9 is built on top of TanStack Store, it allows you to fine-tune re-renders with subscriptions to state slices or individual atoms. This might be a huge deal performance-wise for certain situations in React or Preact.

Kevin Thomas Van Cott

43,219 views • 4 months ago

This is an cli with ANSI-rendered images built on our brand new API. It's made for people who like to have fun.

Are.na

115,972 views • 6 months ago

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,471 views • 2 years ago