Loading video...

Video Failed to Load

Go Home

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider

iamncdai's profile picture

Chánh Đại

3,343 subscribers

15,137 views • 2 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle
0:23

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle

Chánh Đại

11,928 views • 2 months ago

You can now import any Motion-Primitives component with the shadcn CLI 🤝
0:24

You can now import any Motion-Primitives component with the shadcn CLI 🤝

Ibelick

66,463 views • 1 year ago

▲ Introducing AI Elements by Vercel The shadcn component library for building AI-native apps. $ npx ai-elements
1:01

▲ Introducing AI Elements by Vercel The shadcn component library for building AI-native apps. $ npx ai-elements

Hayden Bleasel

180,179 views • 10 months ago

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀
1:08

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Upstash

26,953 views • 1 year ago

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.
0:43

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

182,554 views • 3 months ago

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.
0:56

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 views • 1 year ago

Heater Slider Slider You're nasty, Hunter Greene.
0:20

Heater Slider Slider You're nasty, Hunter Greene.

Cincinnati Reds

64,940 views • 1 year ago

Improved data-table demo: ◆ cmdk filter (incl. last suggestions) ◆ collapsible controls side panel ◆ filter types: input, checkboxes, slider, timerange ◆ incl. searchparams → Inspired by Vercel & Datadog, Inc., powered by shadcn ui & @tanstack table
0:28

Improved data-table demo: ◆ cmdk filter (incl. last suggestions) ◆ collapsible controls side panel ◆ filter types: input, checkboxes, slider, timerange ◆ incl. searchparams → Inspired by Vercel & Datadog, Inc., powered by shadcn ui & @tanstack table

Maximilian Kaske 🏓

111,253 views • 1 year ago

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,524 views • 2 years ago

TUTORIAL: Creating a Dynamic Pricing Slider in Framer. Comment "PRICING" and I'll send you the project file.
0:49

TUTORIAL: Creating a Dynamic Pricing Slider in Framer. Comment "PRICING" and I'll send you the project file.

Framer University

11,074 views • 1 year ago

J.R. Richard, 101mph Fastball & 94mph Slider. Reggie Jackson's Reaction to the 94mph Slider. 🤣
0:26

J.R. Richard, 101mph Fastball & 94mph Slider. Reggie Jackson's Reaction to the 94mph Slider. 🤣

Rob Friedman

1,545,028 views • 1 year ago

The Op Slider 1000
0:52

The Op Slider 1000

👣ℙ𝕖𝕕𝕣𝕠'𝕤 𝕄𝕦𝕤𝕥𝕒𝕔𝕙𝕖🇺🇲

37,833 views • 4 months ago

.shadcn is different from most component libraries...because it is NOT a component library.
2:45

.shadcn is different from most component libraries...because it is NOT a component library.

Laracasts

17,400 views • 9 months ago

Bored of basic, lifeless charts? hold on... 🔥 Introducing EvilCharts ◆ Animated & sleek ◆ Dark/Light Themes ◆ Built with Shadcn + Recharts ◆ Add in seconds: 'npx shadcn add evilcharts' 🔗:
0:36

Bored of basic, lifeless charts? hold on... 🔥 Introducing EvilCharts ◆ Animated & sleek ◆ Dark/Light Themes ◆ Built with Shadcn + Recharts ◆ Add in seconds: 'npx shadcn add evilcharts' 🔗:

Gurbinder

12,987 views • 11 months ago

Isa's Customizable Model v.1.01 a small update~ ✦ color sliders for human, elf, wing ears ✦ color & opacity slider for blush ✦ opacity slider for nose shine ✦ eyelash types can be combined ✦ eye size slider ✦ opacity slider for neck shade ✦ face texture moves with mouth
0:43

Isa's Customizable Model v.1.01 a small update~ ✦ color sliders for human, elf, wing ears ✦ color & opacity slider for blush ✦ opacity slider for nose shine ✦ eyelash types can be combined ✦ eye size slider ✦ opacity slider for neck shade ✦ face texture moves with mouth

isa ✧ Komiket Makati A11

16,088 views • 6 months ago

Jaw slider with a surprise feature
0:22

Jaw slider with a surprise feature

Pixel

56,103 views • 1 year ago

the Shadcn UI component explorer just got a huge upgrade:
0:32

the Shadcn UI component explorer just got a huge upgrade:

Dan ⚡️

68,000 views • 1 year ago

Braves RHP Didier Fuentes has scouts buzzing. 🔥 Double-plus slider 👀 Emerging potential plus slider 📈 Work-in-progress changeup
0:23

Braves RHP Didier Fuentes has scouts buzzing. 🔥 Double-plus slider 👀 Emerging potential plus slider 📈 Work-in-progress changeup

Baseball America

43,029 views • 1 year ago

Celebrating #OpeningDay, Al Roker is in Cleveland with Slider 😙
0:55

Celebrating #OpeningDay, Al Roker is in Cleveland with Slider 😙

TODAY

83,706 views • 3 years ago

"Easy comparison slider" by Adam Argyle
0:49

"Easy comparison slider" by Adam Argyle

CodePen.IO

109,009 views • 2 years ago