Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

pheralb_'s profile picture

Pablo

2,691 subscribers

17,916 görüntüleme • 4 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

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

2 years of UI ideas. 158 components. 1 sandbox. Readapted for coss ui — add them via the shadcn CLI 100% free, no signup
0:22

2 years of UI ideas. 158 components. 1 sandbox. Readapted for coss ui — add them via the shadcn CLI 100% free, no signup

Sean brydon

132,062 görüntüleme • 1 ay önce

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨
0:26

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

Suraj Jha

48,236 görüntüleme • 7 ay önce

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →
1:38

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Maximilian Kaske 🏓

95,813 görüntüleme • 2 yıl önce

Introducing A library of blocks/components that you can copy and paste into your apps. Built on top of shadcn. Beautifully designed. Open Source.
0:31

Introducing A library of blocks/components that you can copy and paste into your apps. Built on top of shadcn. Beautifully designed. Open Source.

Duncan

152,951 görüntüleme • 1 yıl önce

hey builders! showcasing your code & CLI w HyperFrames got 10x easier We open sourced accurate, pre-built UI components A Mac terminal. A VS Code window. Free. One command to install $ npx hyperframes add code Swap in your own code or commands and go
0:37

hey builders! showcasing your code & CLI w HyperFrames got 10x easier We open sourced accurate, pre-built UI components A Mac terminal. A VS Code window. Free. One command to install $ npx hyperframes add code Swap in your own code or commands and go

HeyGen

245,382 görüntüleme • 9 gün önce

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.
1:00

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

0xMarioNawfal

117,158 görüntüleme • 2 ay önce

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇
0:35

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

preet

20,452 görüntüleme • 9 ay önce

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components
0:31

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Erencan Arica

17,093 görüntüleme • 21 gün önce

Rebuilding the Origin UI components with Base UI
0:28

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

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

🚀 Introducing Tailark Mist! A fresh shadcn /UI marketing block kit with an airy, Notion-inspired look. ✨ Free & open-source ✨ Easy install: Copy-paste, `shadcn add`, or open in v0 ✨ Free & open-source Check it at
1:17

🚀 Introducing Tailark Mist! A fresh shadcn /UI marketing block kit with an airy, Notion-inspired look. ✨ Free & open-source ✨ Easy install: Copy-paste, `shadcn add`, or open in v0 ✨ Free & open-source Check it at

Méschac Irung

33,920 görüntüleme • 1 yıl önce

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨
0:25

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,057 görüntüleme • 2 ay önce

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,672 görüntüleme • 3 yıl önce

✨ Aceternity UI Huge collection of stunning free website effects, animations, and components. Code is ready to copy and paste 🙌 Crafted by Manu Arora Link below 👇 #webdesign #ux
0:24

✨ Aceternity UI Huge collection of stunning free website effects, animations, and components. Code is ready to copy and paste 🙌 Crafted by Manu Arora Link below 👇 #webdesign #ux

Adham Dannaway

103,185 görüntüleme • 2 yıl önce

Introducing Evilcharts An open-source chart UI website built with shadcn/ui and recharts, beautifully designed and handcrafted.
0:42

Introducing Evilcharts An open-source chart UI website built with shadcn/ui and recharts, beautifully designed and handcrafted.

Gurbinder

74,727 görüntüleme • 1 ay önce

🚀 Introducing NSUI – A collection of shadcn /UI marketing blocks! ✔️ Easy to install: Copy-paste, `shadcn add`, or Open in v0 ✔️ Fully responsive and customizable ✔️ Free & open-source Perfect for landing pages, SaaS sites, and more. Check it out! 👇
0:55

🚀 Introducing NSUI – A collection of shadcn /UI marketing blocks! ✔️ Easy to install: Copy-paste, `shadcn add`, or Open in v0 ✔️ Fully responsive and customizable ✔️ Free & open-source Perfect for landing pages, SaaS sites, and more. Check it out! 👇

Méschac Irung

70,047 görüntüleme • 1 yıl önce

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source
0:24

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source

Micky

42,131 görüntüleme • 28 gün önce

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!
1:08

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,035 görüntüleme • 1 yıl önce

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →
1:07

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →

Nabeel

34,348 görüntüleme • 2 yıl önce

The Governance UI Kit & App Template is open to developers! ✨ Ready-to-use DAO UI components ✨ Flexible UI Host, built with React & Next.js ✨ Fully customizable ✨ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.
0:55

The Governance UI Kit & App Template is open to developers! ✨ Ready-to-use DAO UI components ✨ Flexible UI Host, built with React & Next.js ✨ Fully customizable ✨ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.

Aragon.eth 🦅

12,869 görüntüleme • 1 yıl önce