正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

zbeyens

2,229 subscribers

208,807 次观看 • 2 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

10 条评论

zbeyens 的头像

zbeyens2 年前

Craft your own editor on Select plugins of your choice, all within our unified Playground used across all the examples.

zbeyens 的头像

zbeyens2 年前

Generate your editor components with our CLI built on top of shadcn-ui. You'll find a dedicated plate-ui folder next to ui, marking the first component registry built alongside @shadcn's. Around 100 components.

zbeyens 的头像

zbeyens2 年前

What sets Slate and Plate apart from other editor frameworks? They are architected specifically for React and TypeScript, no external wrappers needed. Free from framework tradeoffs.

zbeyens 的头像

zbeyens2 年前

Huge thanks to: ◆ @nextjs for hosting, ◆ @dylans for maintaining Slate, ◆ @shadcn for the stellar UI, CLI and docs, ◆ Joe ( for pairing with me on this long ride. Excited for what's next in our journey with Plate!

shadcn 的头像

shadcn2 年前

@radix_ui Looks really good. Congrats on the launch 🚀

TenxStartuper  的头像

TenxStartuper 2 年前

@radix_ui @shadcn @shadcn I think we should add showcase page to shadcn ui docs. So we could share these kind of incredible projects there as well

zbeyens 的头像

zbeyens2 年前

@radix_ui @shadcn That would be nice to build an ecosystem around the components.json convention. I think @shadcn is looking into it.

Vlad 的头像

Vlad2 年前

@radix_ui @shadcn Oh man perfect timing, im about to start the development of a tool inspired by something I read in atomic habits and this text editor is just what I will need. Thanks for sharing!

JT 的头像

JT2 年前

@radix_ui @shadcn Nice video, for those looking something “similar” for React Native, the best option is at the moment, I would like to know what Notion is using for the rich text editor feature in their app…🤔

zbeyens 的头像

zbeyens2 年前

@MrPompeii_ @radix_ui @shadcn Thanks for sharing. We try to optimize the React layer before going into React native. Notion has built their own editor framework.

相关视频

Introducing Plate AI, a rich text editor powered by AI commands and Copilot. ◆ Configurable plugins ◆ 200+ shadcn/ui components ◆ AI SDK

Introducing Plate AI, a rich text editor powered by AI commands and Copilot. ◆ Configurable plugins ◆ 200+ shadcn/ui components ◆ AI SDK

zbeyens

55,461 次观看 • 1 年前

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 次观看 • 3 个月前

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Damián Ricobelli

54,160 次观看 • 2 年前

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 ✨

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,004 次观看 • 2 个月前

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.

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,954 次观看 • 3 年前

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Sanket Sahu

41,646 次观看 • 2 年前

introducing ollama-reply 🦙 a browser extension that uses ollama to generate smart replies for LinkedIn and X 👨‍🍳 customizable: use any model/adapt to your needs 🆓 open source: tech: ollama + AI at Meta llama3 React Tailwind CSS shadcn + Radix by WorkOS

introducing ollama-reply 🦙 a browser extension that uses ollama to generate smart replies for LinkedIn and X 👨‍🍳 customizable: use any model/adapt to your needs 🆓 open source: tech: ollama + AI at Meta llama3 React Tailwind CSS shadcn + Radix by WorkOS

José Donato

43,108 次观看 • 2 年前

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Bart ⚡

104,511 次观看 • 1 个月前

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn/ui version too), and composable emoji picker for React. 😊

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn/ui version too), and composable emoji picker for React. 😊

Marc Bouchenoire

81,219 次观看 • 1 年前

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

cofounder, we have a problem

174,667 次观看 • 2 年前

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 👇

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 次观看 • 9 个月前

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,692 次观看 • 1 年前

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: LangChain Demo & Github Link ↓

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: LangChain Demo & Github Link ↓

Yoshiki Miura

243,436 次观看 • 3 年前

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

shadcn

420,995 次观看 • 3 年前

🚀 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! 👇

🚀 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

66,600 次观看 • 1 年前

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

shadcn

131,662 次观看 • 4 个月前

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Maximilian Kaske 🏓

35,666 次观看 • 10 个月前

Introducing AI Codex: the self-improving system for Cursor. ◆ Error and learning repository. ◆ Auto-save new insights. ◆ Smart categorization. Free. Open Source. Ready-to-use template.

Introducing AI Codex: the self-improving system for Cursor. ◆ Error and learning repository. ◆ Auto-save new insights. ◆ Smart categorization. Free. Open Source. Ready-to-use template.

zbeyens

173,084 次观看 • 1 年前

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

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 次观看 • 26 天前

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

Lichin Lin

25,124 次观看 • 1 年前