Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Happy Monday! New shadcn Contribution Graph component just dropped — composable, accessible and completely customizable using Tailwind classes. Displays activity levels over time. Use it for things like GitHub-style contribution graphs. Link 👇

haydenbleasel's profile picture

Hayden Bleasel

9,916 subscribers

16,498 görüntüleme • 10 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Happy Monday! New composable, animated shadcn Tree component just dropped. + combine it with CodeBlock for a repository / codebase viewer. Links 👇
0:55

Happy Monday! New composable, animated shadcn Tree component just dropped. + combine it with CodeBlock for a repository / codebase viewer. Links 👇

Hayden Bleasel

25,368 görüntüleme • 10 ay önce

People asked for it so I shipped it 🚀 Generate any X account's GitHub-style activity graph
0:23

People asked for it so I shipped it 🚀 Generate any X account's GitHub-style activity graph

Rob Hallam

110,507 görüntüleme • 9 ay önce

New Onboarding Component 🍻 ✅ shadcn compatible ✅ Free & Open source ✅ Composable
0:27

New Onboarding Component 🍻 ✅ shadcn compatible ✅ Free & Open source ✅ Composable

Jordan

50,926 görüntüleme • 3 ay önce

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry
2:27

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

Matt

26,730 görüntüleme • 1 yıl önce

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic
0:20

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

12,083 görüntüleme • 6 ay önce

Just dropped Text Reveal on Scroll component, using Gsap x Framer ✨, built entirely with ChatGPT. Smooth, customizable, and built for real storytelling on the web. Preview
0:31

Just dropped Text Reveal on Scroll component, using Gsap x Framer ✨, built entirely with ChatGPT. Smooth, customizable, and built for real storytelling on the web. Preview

Sang

26,785 görüntüleme • 6 ay önce

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
0:29

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,968 görüntüleme • 3 yıl önce

Calendar built from scratch ↓ → Next.js hosted on Vercel → Tailwind CSS for styling → shadcn for beautiful and accessible components → nuqs for URL-based state management
0:26

Calendar built from scratch ↓ → Next.js hosted on Vercel → Tailwind CSS for styling → shadcn for beautiful and accessible components → nuqs for URL-based state management

João Melo

16,550 görüntüleme • 1 yıl önce

SQUID GAME SEASON 2 JUST DROPPED, here’s my contribution
0:31

SQUID GAME SEASON 2 JUST DROPPED, here’s my contribution

Kiera Please

21,590 görüntüleme • 1 yıl önce

Are you getting it yet? IaC-like control over every piece of your codebase. This here sets up Vite, Tanstack, Tailwind, Shadcn, installs the shadcn components and deploys straight to CloudFlare.
0:22

Are you getting it yet? IaC-like control over every piece of your codebase. This here sets up Vite, Tanstack, Tailwind, Shadcn, installs the shadcn components and deploys straight to CloudFlare.

sam

30,232 görüntüleme • 1 yıl önce

How do you guide an AI agent to open PRs on your behalf? 👀 You give it skills. With the Make Contribution agent skill, Copilot CLI automatically finds and follows a repo's contribution guidelines and templates before acting. Get this skill.👇
1:54

How do you guide an AI agent to open PRs on your behalf? 👀 You give it skills. With the Make Contribution agent skill, Copilot CLI automatically finds and follows a repo's contribution guidelines and templates before acting. Get this skill.👇

GitHub

76,546 görüntüleme • 3 ay önce

Grok can now create data graphs and infographics right inside chat Just describe what type of graph you want - like bar chart, line graph, pie chart, comparison table, anything... Grok simply does it for you....
0:38

Grok can now create data graphs and infographics right inside chat Just describe what type of graph you want - like bar chart, line graph, pie chart, comparison table, anything... Grok simply does it for you....

X Freeze

17,595 görüntüleme • 3 ay önce

Late to the game, but I finally took the GitHub Copilot app for a spin tonight… wow. In a few prompts & few minutes, I had a self-solving 3D Rubik’s Cube visualizer + solver with smooth animations, speed controls, and GitHub contribution graph mode 🤯
0:43

Late to the game, but I finally took the GitHub Copilot app for a spin tonight… wow. In a few prompts & few minutes, I had a self-solving 3D Rubik’s Cube visualizer + solver with smooth animations, speed controls, and GitHub contribution graph mode 🤯

Lee Reilly

32,212 görüntüleme • 6 gün önce

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails
1:48

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

Mario Alberto Chávez

29,721 görüntüleme • 4 ay önce

Introducing 𝚑𝚒𝚝-𝚊𝚛𝚎𝚊—a collection of Tailwind CSS utility classes for expanding the hit area of interactive elements. Small hit areas are a silent UX killer. One class fixes it. Distributed via shadcn registry - see link below.
0:32

Introducing 𝚑𝚒𝚝-𝚊𝚛𝚎𝚊—a collection of Tailwind CSS utility classes for expanding the hit area of interactive elements. Small hit areas are a silent UX killer. One class fixes it. Distributed via shadcn registry - see link below.

kian bazza

138,222 görüntüleme • 3 ay önce

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:
0:37

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Mckay Wrigley

98,113 görüntüleme • 3 yıl önce

Updated this to add support for showing a graph of your activity over time, you can get the new version on the same github page under releases -> v1.2 requires unzipping this time though cause i couldnt figure out how to get it to not publish with some dependencies dlls
0:20

Updated this to add support for showing a graph of your activity over time, you can get the new version on the same github page under releases -> v1.2 requires unzipping this time though cause i couldnt figure out how to get it to not publish with some dependencies dlls

:DecimalCubed://

67,530 görüntüleme • 6 ay önce

🎛️ Shadcn Combobox! A fast, searchable combobox component with 12 variants - perfect for lookups, filters, pickers, and multi-select inputs. 💎 Types: 🔍 Typeahead search 🧩 Single & multi-select 👤 Avatar & icon options #shadcn #ui #react #tailwind #buildinpublic
1:24

🎛️ Shadcn Combobox! A fast, searchable combobox component with 12 variants - perfect for lookups, filters, pickers, and multi-select inputs. 💎 Types: 🔍 Typeahead search 🧩 Single & multi-select 👤 Avatar & icon options #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

20,783 görüntüleme • 6 ay önce

Should Task Manager use this graph style? By "style", I don't mean the visuals - I mean the compressing of time on the horizontal axis so you can have an hour of data visible while still getting frequent updates. Note how the graphs "stack up" over time. You get both a long-tail history and current data on the same graph. I just 'invented' this :-) ChatGPT says it's been done before, and is called a "logarithmic time scale with multi-resolution aggregation and downsampling". Fancy!
0:52

Should Task Manager use this graph style? By "style", I don't mean the visuals - I mean the compressing of time on the horizontal axis so you can have an hour of data visible while still getting frequent updates. Note how the graphs "stack up" over time. You get both a long-tail history and current data on the same graph. I just 'invented' this :-) ChatGPT says it's been done before, and is called a "logarithmic time scale with multi-resolution aggregation and downsampling". Fancy!

Dave W Plummer

19,063 görüntüleme • 4 ay önce

Breaking! Samsung just dropped the first Exynos 2600 trailer and it’s using Stranger Things-style music 😱🔥
0:30

Breaking! Samsung just dropped the first Exynos 2600 trailer and it’s using Stranger Things-style music 😱🔥

Tarun Vats

83,199 görüntüleme • 6 ay önce