Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

3,510 subscribers

18,658 görüntüleme • 11 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

Pasquale Vitiello

23,252 görüntüleme • 1 yıl önce

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

Nero

46,324 görüntüleme • 21 gün önce

Introducing pdfcn Build beautiful PDFs like you build your UI. Powered by Takumi + Forme. Pick from 10+ themes, 40+ components & blocks, then customize everything. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Introducing pdfcn Build beautiful PDFs like you build your UI. Powered by Takumi + Forme. Pick from 10+ themes, 40+ components & blocks, then customize everything. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

173,134 görüntüleme • 6 gün önce

We just shipped vision for v0 — generate React, Tailwind, and Shadcn UI from an image! If you’re still waitlisted, reply here with a use case for v0 vision.

We just shipped vision for v0 — generate React, Tailwind, and Shadcn UI from an image! If you’re still waitlisted, reply here with a use case for v0 vision.

Max Leiter

130,776 görüntüleme • 2 yıl önce

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

10,670 görüntüleme • 4 gün önce

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 görüntüleme • 5 ay önce

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 görüntüleme • 1 yıl önce

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.

shadcn

277,400 görüntüleme • 2 ay önce

Every app eventually needs an image viewer. Somehow, most of them still feel janky on the web. I’ve been working on a composable Lightbox primitive - Base UI / Radix by WorkOS / shadcn style API, native-feeling transitions, touch gestures, pinch-to-zoom, keyboard support, and all the little details that make it feel real. Is this something you’d reach for?

Every app eventually needs an image viewer. Somehow, most of them still feel janky on the web. I’ve been working on a composable Lightbox primitive - Base UI / Radix by WorkOS / shadcn style API, native-feeling transitions, touch gestures, pinch-to-zoom, keyboard support, and all the little details that make it feel real. Is this something you’d reach for?

Artur Bień

35,902 görüntüleme • 2 ay önce

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

The React Native Rewind

118,542 görüntüleme • 1 yıl önce

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

shadcn

139,171 görüntüleme • 2 yıl önce

late to the party but built a UI layer on top of the wiki my OpenClaw🦞 agent writes and maintains, based on exactly what Andrej Karpathy describes here. obsidian vault underneath, react frontend on top: search, an interactive knowledge graph, topic browsing, article pages with tables of contents + neighborhood mini-graph and many more.

late to the party but built a UI layer on top of the wiki my OpenClaw🦞 agent writes and maintains, based on exactly what Andrej Karpathy describes here. obsidian vault underneath, react frontend on top: search, an interactive knowledge graph, topic browsing, article pages with tables of contents + neighborhood mini-graph and many more.

Ansub

112,436 görüntüleme • 5 ay önce

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

Ice Universe

121,276 görüntüleme • 3 yıl önce

GPT Image 2.0 + Generated Normal Maps = Dynamic Lighting and Shadows for UI. 🤯 The workflow for building high-fidelity skeuomorphic UI concepts with AI + Three.js just got a lot easier. Interactive experience, sound fx, and normals all generated with Omma AI (tool by Spline). 3D iPhone by Ranguel on Sketchfab. Happy to share the remix link if you would like to poke around, lmk!

GPT Image 2.0 + Generated Normal Maps = Dynamic Lighting and Shadows for UI. 🤯 The workflow for building high-fidelity skeuomorphic UI concepts with AI + Three.js just got a lot easier. Interactive experience, sound fx, and normals all generated with Omma AI (tool by Spline). 3D iPhone by Ranguel on Sketchfab. Happy to share the remix link if you would like to poke around, lmk!

Gábor Pribék

12,290 görüntüleme • 5 ay önce

Roblox's Retro theme is now available! You can enable it by clicking the Roblox logo in the top left on the Desktop/Mobile App. It is a reskin of the current UI that brings back the classic logo and what looks to be Comic Sans on the website!

Roblox Trading News | Rolimon's

36,782 görüntüleme • 1 ay önce

I’m launching my first open-source project. If you are building an app like sage by buildspace It’s a generative UI framework for AI applications. This is the demo we created at the ai tinkerers hackathon this Saturday. I am looking for users & contributors. Drop a comment below with how you want to use it.

I’m launching my first open-source project. If you are building an app like sage by buildspace It’s a generative UI framework for AI applications. This is the demo we created at the ai tinkerers hackathon this Saturday. I am looking for users & contributors. Drop a comment below with how you want to use it.

Michael Magán

14,634 görüntüleme • 2 yıl önce

Today we shipped sling, an agent-first CLI for your GitHub Actions 💫 Right now, if you ask your agent why a CI job failed, it goes and pulls the entire set of GHA logs and eats up your context window. 🪵 > sling why StarSling (YC X25) computes the run's logs and metadata, along with the evidence lines it matched to tell you why a run failed If you want to know what your GHA usage is, you have to go to the GH UI and click around to find it. 💸 > sling bill tells you how many minutes, how much you're spending, and across which runner labels Trying to understand what your slowest job is? You'll need to hunt around the GHA UI and even then you only get an average. 📊 > sling top and sling usage tell you runner minutes and cost across all workflows and repos, with p50, p95, p99, queue wait and a week over week trend

Today we shipped sling, an agent-first CLI for your GitHub Actions 💫 Right now, if you ask your agent why a CI job failed, it goes and pulls the entire set of GHA logs and eats up your context window. 🪵 > sling why StarSling (YC X25) computes the run's logs and metadata, along with the evidence lines it matched to tell you why a run failed If you want to know what your GHA usage is, you have to go to the GH UI and click around to find it. 💸 > sling bill tells you how many minutes, how much you're spending, and across which runner labels Trying to understand what your slowest job is? You'll need to hunt around the GHA UI and even then you only get an average. 📊 > sling top and sling usage tell you runner minutes and cost across all workflows and repos, with p50, p95, p99, queue wait and a week over week trend

Yonas Beshawred

46,401 görüntüleme • 1 ay önce

Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100% free 🔹 Smart streaming – powered by remend to correctly close tokens (bold, links, code) mid-stream 🔹 Lightning-fast md4c parsing with 100% native text & interactions

Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100% free 🔹 Smart streaming – powered by remend to correctly close tokens (bold, links, code) mid-stream 🔹 Lightning-fast md4c parsing with 100% native text & interactions

Software Mansion

29,501 görüntüleme • 6 ay önce

🚀 vooi is revolutionizing DeFi trading through a user-centric, cutting-edge platform! 🌐 VOOI makes DeFi accessible to everyone, featuring an intuitive UI that removes hurdles for both novice and experienced traders. Effortlessly trade across various blockchains and perp DEXs, powered by chain and account abstraction to give you complete asset control. Dedicated to ongoing innovation, VOOI leads the way with a secure, efficient, and inclusive trading environment. Ready to dominate DeFi markets? 📈 #VOOI #DeFi #TradingForAll

🚀 vooi is revolutionizing DeFi trading through a user-centric, cutting-edge platform! 🌐 VOOI makes DeFi accessible to everyone, featuring an intuitive UI that removes hurdles for both novice and experienced traders. Effortlessly trade across various blockchains and perp DEXs, powered by chain and account abstraction to give you complete asset control. Dedicated to ongoing innovation, VOOI leads the way with a secure, efficient, and inclusive trading environment. Ready to dominate DeFi markets? 📈 #VOOI #DeFi #TradingForAll

Big T 💚❤️

14,202 görüntüleme • 11 ay önce