Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Recently, I've recreated this metallic button in Figma shared by Jordan Singer Felt like it should be a shadcn component, so now it is! That too with 6 variants! Check out:

blakssh's profile picture

Lakshay Bhushan

3,445 subscribers

15,845 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von lakshay bhushan
lakshay bhushanvor 1 Jahr

@shadcn Here's the GitHub repository

Profilbild von JM Bullion
JM Bullionvor 1 Jahr

JM Bullion is the only place you’ll find this new lineup of ZeroHedge-themed gold and silver bullion.

Profilbild von Dominik Scholz
Dominik Scholzvor 1 Jahr

@jsngr @shadcn looks awesome! the variants are 🔥 (or should I say metal^^)

Profilbild von lakshay bhushan
lakshay bhushanvor 1 Jahr

@jsngr @shadcn ❤️

Profilbild von Felix Lyu
Felix Lyuvor 1 Jahr

@jsngr @shadcn 🔥 love it

Profilbild von Serhii Bedrytskyi
Serhii Bedrytskyivor 1 Jahr

@jsngr @shadcn Cool stuff

Profilbild von lakshay bhushan
lakshay bhushanvor 1 Jahr

@jsngr @shadcn Thanks!

Profilbild von Xiaomishka
Xiaomishkavor 1 Jahr

@jsngr @shadcn You button doesn`t have onClick event handler 🙃

Profilbild von lakshay bhushan
lakshay bhushanvor 1 Jahr

@jsngr @shadcn it should be working now, thanks for highlighting it!

Profilbild von Jidé ✨
Jidé ✨vor 1 Jahr

@jsngr @shadcn Nice ! The text feels a bit too low vertically, although it seems well aligned in reality, but that's because of brain perception -- a correction of this perception would be nice !

Profilbild von lakshay bhushan
lakshay bhushanvor 1 Jahr

@jsngr @shadcn i'll fix it thanks for the feedback, appreciate it!

Ähnliche Videos

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀
1:42

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,908 Aufrufe • vor 1 Jahr

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:
0:33

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,978 Aufrufe • vor 1 Jahr

Save this Figma prompt if you want to generate a full button component system with Auto Layout, sizes, states, variants, and reusable structure in 60 seconds. Copy and use this 👇
1:03

Save this Figma prompt if you want to generate a full button component system with Auto Layout, sizes, states, variants, and reusable structure in 60 seconds. Copy and use this 👇

designwithkingsley

45,475 Aufrufe • vor 9 Tagen

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 Aufrufe • vor 5 Monaten

One fluid gesture, like stepping back in time... Today is the day. It started with a phone call and an idea that felt almost too big to say out loud. And now, after everything, PLACEBO RE:CREATED is out in the world. Listen now: #Placebo #Recreated
1:00

One fluid gesture, like stepping back in time... Today is the day. It started with a phone call and an idea that felt almost too big to say out loud. And now, after everything, PLACEBO RE:CREATED is out in the world. Listen now: #Placebo #Recreated

PLACEBO

11,308 Aufrufe • vor 22 Tagen

.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 Aufrufe • vor 9 Monaten

Weekend learning - tried Cursor + Figma MCP that can turn design component in Figma into Tailwind and shadcn~30sec. still early stage, but so many fun! thx for sharing this Graham Lipsman 🙌
0:36

Weekend learning - tried Cursor + Figma MCP that can turn design component in Figma into Tailwind and shadcn~30sec. still early stage, but so many fun! thx for sharing this Graham Lipsman 🙌

Lichin Lin

18,392 Aufrufe • vor 1 Jahr

Figma Console MCP is magic. 3,900+ variables 15,000+ tokens 9 collections 1+ decade refining this grid system So many responsive permutations I couldn't have ever done it until now. @Figma I need that slot component access! lol
0:34

Figma Console MCP is magic. 3,900+ variables 15,000+ tokens 9 collections 1+ decade refining this grid system So many responsive permutations I couldn't have ever done it until now. @Figma I need that slot component access! lol

Dave Soderberg

12,688 Aufrufe • vor 4 Monaten

Lucy Olsen gets emotional talking about her time at Iowa ahead of Senior Day: "Just from the start, it felt like family. It felt like the best community. And now that I've been here for so long, it really is like that."
0:56

Lucy Olsen gets emotional talking about her time at Iowa ahead of Senior Day: "Just from the start, it felt like family. It felt like the best community. And now that I've been here for so long, it really is like that."

Tyler Tachman

170,127 Aufrufe • vor 1 Jahr

so excited to say that Daisies is all yours on 19th July! never intended on this being a single but as soon as we started playing it live it really felt like it should be. play it loud, enjoy, go and run around a field. pre-save now with the link in my bio xx 🌼🌼🌼
0:35

so excited to say that Daisies is all yours on 19th July! never intended on this being a single but as soon as we started playing it live it really felt like it should be. play it loud, enjoy, go and run around a field. pre-save now with the link in my bio xx 🌼🌼🌼

Bradley Simpson

97,573 Aufrufe • vor 2 Jahren

🚀 Introducing CIRCLE – An open-source template for your management projects. built with shadcn/ui and inspired by Linear's design. Additional views are under development and will be shared once ready. Check it out! 👇🏽
0:49

🚀 Introducing CIRCLE – An open-source template for your management projects. built with shadcn/ui and inspired by Linear's design. Additional views are under development and will be shared once ready. Check it out! 👇🏽

LN

39,661 Aufrufe • vor 1 Jahr

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI
0:47

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI

Zernonia

295,914 Aufrufe • vor 2 Jahren

What it has felt like to be a Brandy fan this week: #PHASES out now!
0:34

What it has felt like to be a Brandy fan this week: #PHASES out now!

Mela Yela

40,643 Aufrufe • vor 3 Monaten

TOO MUCH TOO LITTLE OUT NOW ✨ Been banging this one out in the Euphoric shows so felt a good time to give it to you, too. I hope the song brings you joy like it does me, giving it to you. kim petras tour starts tonight!!
0:24

TOO MUCH TOO LITTLE OUT NOW ✨ Been banging this one out in the Euphoric shows so felt a good time to give it to you, too. I hope the song brings you joy like it does me, giving it to you. kim petras tour starts tonight!!

georgia

11,563 Aufrufe • vor 2 Jahren

This is probably my favorite workflow right now: Figma → animation draft in under 1 min, using Jitter AI Brainstorm. Check it out! 👇
0:53

This is probably my favorite workflow right now: Figma → animation draft in under 1 min, using Jitter AI Brainstorm. Check it out! 👇

Robi

12,447 Aufrufe • vor 7 Monaten

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown
3:23

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown

Figma

38,494 Aufrufe • vor 1 Jahr

"I don't mean this to sound cocky or arrogant, but I've never, until now, felt like I've done something worth celebrating. I've never felt like I should be celebrated. I feel like now I've fucking put in a career that I should be proud of and I should deserve to be able to celebrate it and be happy about it. I didn't think I'd ever be happy if I didn't win a world title, but I found myself in a place where that's ok because it wasn't for lack of effort. I tried really, really, really fucking hard and I'm just going to celebrate what I was able to do. I came from nothing." Anthony Smith reflects on his career.
1:03

"I don't mean this to sound cocky or arrogant, but I've never, until now, felt like I've done something worth celebrating. I've never felt like I should be celebrated. I feel like now I've fucking put in a career that I should be proud of and I should deserve to be able to celebrate it and be happy about it. I didn't think I'd ever be happy if I didn't win a world title, but I found myself in a place where that's ok because it wasn't for lack of effort. I tried really, really, really fucking hard and I'm just going to celebrate what I was able to do. I came from nothing." Anthony Smith reflects on his career.

Ariel Helwani

244,994 Aufrufe • vor 1 Jahr

Loudness. “This Lonely Heart.” 1987. Someone asked for more wholesome content recently and I remembered we had this thing called the 80s. The precise divide between 80s & 90s is so stark that in hindsight it felt like a Saturday night out followed by a Sunday morning hangover.
2:20

Loudness. “This Lonely Heart.” 1987. Someone asked for more wholesome content recently and I remembered we had this thing called the 80s. The precise divide between 80s & 90s is so stark that in hindsight it felt like a Saturday night out followed by a Sunday morning hangover.

JayKeeley

18,169 Aufrufe • vor 1 Jahr

WINTER was talking about always having the will to grow out her hair. She recently grew it a little below her collarbones but she cut it again. “Short hair is nice but I like long hair too. This time I cut it into a bob… so all the damaged hair has been cut off bc of that if I grow it out, I can grow it more healthily. Before it had many layers that even when I let it grow, it didn’t really feel like it was growing and it felt like it was kind of chopped away but now I can grow it out in a healthy way”
1:29

WINTER was talking about always having the will to grow out her hair. She recently grew it a little below her collarbones but she cut it again. “Short hair is nice but I like long hair too. This time I cut it into a bob… so all the damaged hair has been cut off bc of that if I grow it out, I can grow it more healthily. Before it had many layers that even when I let it grow, it didn’t really feel like it was growing and it felt like it was kind of chopped away but now I can grow it out in a healthy way”

Jazz

30,786 Aufrufe • vor 4 Monaten