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.

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

dmytro

8,566 subscribers

182,184 views • 2 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

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

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

Raphael Salaja

49,828 views • 1 year 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,355 views • 1 year ago

If you're ever looking for status page components, we've published a shadcn component registry built specifically for that.

If you're ever looking for status page components, we've published a shadcn component registry built specifically for that.

Maximilian Kaske 🏓

34,058 views • 4 months ago

alrighty! marquee along path component is live on fancy! w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴

alrighty! marquee along path component is live on fancy! w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴

daniel petho

15,762 views • 1 year ago

here's a small, open-source fishing minigame using Charm (based on alien-signals) for state management! #Roblox

here's a small, open-source fishing minigame using Charm (based on alien-signals) for state management! #Roblox

littensy

37,017 views • 6 months ago

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

jordi

199,745 views • 1 year 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 • 5 months ago

Introducing Facehash. A dead simple React component that generates cute unique minimalistic avatars based on a string. We all need to add avatars at some point in our SaaS, but we also all know not all users will upload them. easy fix => $ npm install facehash

Introducing Facehash. A dead simple React component that generates cute unique minimalistic avatars based on a string. We all need to add avatars at some point in our SaaS, but we also all know not all users will upload them. easy fix => $ npm install facehash

Anthony Riera

108,338 views • 4 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

Made a short animatic for a small simple moonberry au I’m cookin up #moonberry #dandysworld

Made a short animatic for a small simple moonberry au I’m cookin up #moonberry #dandysworld

MeanderingMoon

14,638 views • 1 year ago

working on a custom timeline component for our time machine interface 🪄

working on a custom timeline component for our time machine interface 🪄

pugson

101,602 views • 1 year ago

🚀A Simple Baseline for Streaming Video Understanding🚀 #SimpleStream reveals a simple baseline of *recent N-frame sliding window* beats SOTA memory-based methods on standard streaming video benchmarks lmms-lab - Project: - Code:

🚀A Simple Baseline for Streaming Video Understanding🚀 #SimpleStream reveals a simple baseline of recent N-frame sliding window beats SOTA memory-based methods on standard streaming video benchmarks lmms-lab - Project: - Code:

Ziwei Liu

35,993 views • 2 months ago

Finally, we've released the most-wanted reusable voice recording component, built on top of Expo-audio to be used in your projects easily. 📌 Idle state 📌 Recording state: 5 metering “bars” that animate from the center up/down based on mic input 🔗

Finally, we've released the most-wanted reusable voice recording component, built on top of Expo-audio to be used in your projects easily. 📌 Idle state 📌 Recording state: 5 metering “bars” that animate from the center up/down based on mic input 🔗

React Native Components

12,039 views • 4 months ago

onboarding checklist component UI showcase animation. JS, built with Claude Code

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 views • 3 months ago

Delivery tracker card in motion📦 A simple box on a loop, because small details matter! Rive

Delivery tracker card in motion📦 A simple box on a loop, because small details matter! Rive

Izmahsa

75,659 views • 1 year ago

🚀 Great results are built on small daily actions.

🚀 Great results are built on small daily actions.

Sibobugingo Joël

21,807 views • 10 days ago

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Jakub Antalik

131,283 views • 1 month ago

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵

Hayden Bleasel

29,571 views • 11 months 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 • 6 months ago

🚨Based Carribean man Confronts group of middle eastern/south Asian men for dumping their Tim's trash everywhere Posts it on the internet with a warning

🚨Based Carribean man Confronts group of middle eastern/south Asian men for dumping their Tim's trash everywhere Posts it on the internet with a warning

Tablesalt 🇨🇦🇺🇸

150,523 views • 7 months ago