Pasquale Vitiello's banner
Pasquale Vitiello's profile picture

Pasquale Vitiello

@pacovitiello • 12,434 subscribers

Design Engineer at @calcom / @coss_com

Shorts

Menu on desktop ↔️ Drawer on mobile

Menu on desktop ↔️ Drawer on mobile

104,500 görüntüleme

Coming next week: Tree View Components 🔥

Coming next week: Tree View Components 🔥

144,109 görüntüleme

The way the Base UI team cares about UX details is just insane

The way the Base UI team cares about UX details is just insane

58,613 görüntüleme

Data table with sticky columns. Built with TANSTACK ✨

Data table with sticky columns. Built with TANSTACK ✨

83,103 görüntüleme

File upload components are cooking 👀

File upload components are cooking 👀

68,362 görüntüleme

Putting the final touches on the buttons. Launch day is tomorrow 🚀

Putting the final touches on the buttons. Launch day is tomorrow 🚀

88,549 görüntüleme

Just rolled out this slick diagram layout on Origin UI 🔥

Just rolled out this slick diagram layout on Origin UI 🔥

61,180 görüntüleme

Next up in Origin UI: slider components 🔥

Next up in Origin UI: slider components 🔥

78,751 görüntüleme

You asked, we shipped 🚀 Image cropper components are now available on Origin UI!

You asked, we shipped 🚀 Image cropper components are now available on Origin UI!

42,690 görüntüleme

New props for the coss ui ScrollArea ✨ ✅ scrollFade — soft edge fades ✅ scrollbarGutter — side padding to avoid overlay scrollbars

New props for the coss ui ScrollArea ✨ ✅ scrollFade — soft edge fades ✅ scrollbarGutter — side padding to avoid overlay scrollbars

21,505 görüntüleme

Command + Ask AI mode 🪄 dropping today

Command + Ask AI mode 🪄 dropping today

15,669 görüntüleme

🚀 Timeline components are now available on Origin UI!

🚀 Timeline components are now available on Origin UI!

30,751 görüntüleme

Cleaned up the sidebar toggle. It now works for both ⬅️ and ➡️ sidebars, and supports the icon-only collapsed state 👇

Cleaned up the sidebar toggle. It now works for both ⬅️ and ➡️ sidebars, and supports the icon-only collapsed state 👇

24,389 görüntüleme

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥

I’m creating a playground of CSS easing functions 🌟 Each animation will include an SVG preview, along with a ready-to-copy Tailwind CSS class. Launching next week 🔥

35,479 görüntüleme

Working on a date picker for the next Origin UI set ⚡

Working on a date picker for the next Origin UI set ⚡

29,316 görüntüleme

Added checkbox support to the Tree component ✅ You can now multi-select items and keep that state around ⇣

Added checkbox support to the Tree component ✅ You can now multi-select items and keep that state around ⇣

19,382 görüntüleme

The past months have been wild—Origin UI grew from a tweet to a collection of 400+ components. You've asked us not to stop, and we won't. We've got amazing things lined up for 2025. Now, it’s time to take a short break to come back stronger. Merry Christmas, and see you soon ✨

The past months have been wild—Origin UI grew from a tweet to a collection of 400+ components. You've asked us not to stop, and we won't. We've got amazing things lined up for 2025. Now, it’s time to take a short break to come back stronger. Merry Christmas, and see you soon ✨

27,668 görüntüleme

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 ↓

28,442 görüntüleme

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

Who said that all shadcn apps look the same?
0:20
pacovitiello's profile picture

Who said that all shadcn apps look the same?

Pasquale Vitiello

381,208 görüntüleme • 1 yıl önce

Opening up coss ui 🎉 The new UI we're building for the Cal.com platform. Built on top of Base UI, as we strongly believe in the project and the team behind it. It's now open to everyone who wants to test it, break it, and make it better 💪
0:43
pacovitiello's profile picture

Opening up coss ui 🎉 The new UI we're building for the Cal.com platform. Built on top of Base UI, as we strongly believe in the project and the team behind it. It's now open to everyone who wants to test it, break it, and make it better 💪

Pasquale Vitiello

109,130 görüntüleme • 7 ay önce

Last week, I built this set of 50+ inputs with Tailwind CSS and Next.js (link in the comments)! 🔥 Now, I want to expand this into a collection of copy-and-paste components to quickly build app UIs. Would it be useful? 🤔
0:27
pacovitiello's profile picture

Last week, I built this set of 50+ inputs with Tailwind CSS and Next.js (link in the comments)! 🔥 Now, I want to expand this into a collection of copy-and-paste components to quickly build app UIs. Would it be useful? 🤔

Pasquale Vitiello

224,565 görüntüleme • 1 yıl önce

Just dropped the coss.com Drawer component 📦✨ ✅ 4 directions + 3 built-in variants ✅ Snap points & Nested support ✅ Swipe-to-open area ✅ Responsive examples (Dialog & Menu → Drawer)
0:33
pacovitiello's profile picture

Just dropped the coss.com Drawer component 📦✨ ✅ 4 directions + 3 built-in variants ✅ Snap points & Nested support ✅ Swipe-to-open area ✅ Responsive examples (Dialog & Menu → Drawer)

Pasquale Vitiello

33,202 görüntüleme • 2 ay önce

Let’s go 🚀 File upload components are now available on Origin UI!
0:26
pacovitiello's profile picture

Let’s go 🚀 File upload components are now available on Origin UI!

Pasquale Vitiello

101,259 görüntüleme • 1 yıl önce

Happy to ship our first open-source layout built with shadcn, @Origin_UI, and TANSTACK Table 🔥 This is just the first of many free UIs we’re dropping in the coming months 🙌
0:22
pacovitiello's profile picture

Happy to ship our first open-source layout built with shadcn, @Origin_UI, and TANSTACK Table 🔥 This is just the first of many free UIs we’re dropping in the coming months 🙌

Pasquale Vitiello

109,298 görüntüleme • 1 yıl önce

Introducing Tables 🚀 20 components, 10 styles, and powerful TANSTACK Table integration!
0:24
pacovitiello's profile picture

Introducing Tables 🚀 20 components, 10 styles, and powerful TANSTACK Table integration!

Pasquale Vitiello

108,821 görüntüleme • 1 yıl önce

Built a fully functional calendar in v0 🤯 Should we drop it on Origin UI?
0:25
pacovitiello's profile picture

Built a fully functional calendar in v0 🤯 Should we drop it on Origin UI?

Pasquale Vitiello

86,566 görüntüleme • 1 yıl önce

How to transform a shadcn switch into a pricing toggle ↓
0:39
pacovitiello's profile picture

How to transform a shadcn switch into a pricing toggle ↓

Pasquale Vitiello

109,133 görüntüleme • 1 yıl önce

The new Origin UI set just dropped 🚀 Over 50 examples of select, multiselect, and combobox components.
0:24
pacovitiello's profile picture

The new Origin UI set just dropped 🚀 Over 50 examples of select, multiselect, and combobox components.

Pasquale Vitiello

89,387 görüntüleme • 1 yıl önce

Rebuilding the Origin UI components with Base UI
0:28
pacovitiello's profile picture

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,645 görüntüleme • 4 ay önce

Thrilled to finally ship these 🚀 Tree View Components are now live on Origin UI!
0:20
pacovitiello's profile picture

Thrilled to finally ship these 🚀 Tree View Components are now live on Origin UI!

Pasquale Vitiello

43,739 görüntüleme • 1 yıl önce

Introducing Buttons 🚀 A collection of 50+ components featuring diverse styles and micro-interactions. Check them out via the link in the comments 👇
0:28
pacovitiello's profile picture

Introducing Buttons 🚀 A collection of 50+ components featuring diverse styles and micro-interactions. Check them out via the link in the comments 👇

Pasquale Vitiello

57,846 görüntüleme • 1 yıl önce

Introducing Navbars 🚀 A set of 20 sleek components, ready to drop into your next project.
0:24
pacovitiello's profile picture

Introducing Navbars 🚀 A set of 20 sleek components, ready to drop into your next project.

Pasquale Vitiello

38,292 görüntüleme • 1 yıl önce

🚀 The Calendar Component is now live on Origin UI!
0:27
pacovitiello's profile picture

🚀 The Calendar Component is now live on Origin UI!

Pasquale Vitiello

37,172 görüntüleme • 1 yıl önce

Just shipped calendars & date pickers 🔥 28 components powered by DayPicker + React Aria!
0:29
pacovitiello's profile picture

Just shipped calendars & date pickers 🔥 28 components powered by DayPicker + React Aria!

Pasquale Vitiello

40,061 görüntüleme • 1 yıl önce

The first drop of February is live: Stepper components 🔥
0:20
pacovitiello's profile picture

The first drop of February is live: Stepper components 🔥

Pasquale Vitiello

35,639 görüntüleme • 1 yıl önce