ดาวน์โหลด awesome shadcn ui - ดาวน์โหลดซอร์สโค้ด awesome shadcn ui

สุดยอด shadcn / ui

รายการสิ่งดีๆ ที่เกี่ยวข้องกับ shadcn/ui ที่คัดสรรมาอย่างดี

สร้างโดย: birobirobiro.dev

Libs และส่วนประกอบ

aceternity-ui - คัดลอกวางส่วนประกอบโต้ตอบที่ได้รับความนิยมสูงสุดโดยไม่ต้องกังวลกับสไตล์และภาพเคลื่อนไหว
Assistant-ui - โต้ตอบส่วนประกอบสำหรับการแชท AI
autocomplete-select-shadcn-ui - องค์ประกอบเติมข้อความอัตโนมัติที่สร้างด้วย shadcn/ui และ Fancy Multi Select โดย Maximilian Kaske
รูปแบบอัตโนมัติ - องค์ประกอบ React ที่สร้างแบบฟอร์ม shadcn/ui โดยอัตโนมัติตาม zod schema
bundui - ชุดส่วนประกอบภาพเคลื่อนไหวที่ใช้ซ้ำได้ซึ่งสร้างด้วย Tailwind CSS และ Framer Motion
capture-photo - Capture-Photo เป็นส่วนประกอบ React บนเบราว์เซอร์ที่หลากหลาย ซึ่งออกแบบมาเพื่อปรับปรุงการรวมฟังก์ชันการทำงานของกล้องเข้ากับเว็บแอปพลิเคชันของคุณโดยตรง
องค์ประกอบเสมียน - ส่วนประกอบแบบเรียบเรียงที่สามารถใช้เพื่อสร้าง UI ที่กำหนดเองนอกเหนือจาก API ของเสมียน
clerk-shadcn-theme - ซิงโครไนซ์ส่วนประกอบ <SignIn /> และ <SignUp /> ของเสมียนของคุณกับสไตล์ shadcn/ui ของคุณได้อย่างง่ายดาย
ยืนยันกล่องโต้ตอบ - องค์ประกอบกล่องโต้ตอบยืนยันที่สร้างด้วย shadcn/ui
Country-state-dropdown - ส่วนประกอบนี้สร้างขึ้นด้วย Nextjs, Tailwindcss, shadcn/ui & Zustand สำหรับการจัดการสถานะ
cult-ui - ชุดส่วนประกอบ React สไตล์ shadcn แบบเคลื่อนไหวที่ได้รับการดูแลอย่างดีสำหรับกรณีการใช้งานที่เฉพาะเจาะจงมากขึ้น
credenza - ส่วนประกอบโมดอลที่ตอบสนองพร้อมสำหรับ shadcn/ui
crypto-charts - แผนภูมิ Crypto ที่สร้างขึ้นสำหรับ shadcn/ui โดยใช้ PythNetwork
ตัวเลือกช่วงวันที่สำหรับ shadcn - รวมการดูหลายเดือน การป้อนข้อความ ช่วงที่กำหนดไว้ล่วงหน้า การออกแบบที่ตอบสนอง และการเปรียบเทียบช่วงวันที่
date-time-picker-shadcn - ตัวเลือกวันที่เวลาที่สร้างขึ้นอย่างสวยงามสำหรับโครงการ shadNext ของคุณ
datetime-picker - เครื่องมือเลือกวันที่และเวลาอันทรงพลังพร้อมรองรับเขตเวลา วันที่ขั้นต่ำและสูงสุด และการเลือกเดือน/ปี
dnd-dashboard - แดชบอร์ดที่สวยงามและมีประสิทธิภาพพร้อมเค้าโครงแบบดรอปเพื่อสลับที่สร้างโดยใช้ Next.js, shadcn/ui และ swapy
downshift-shadcn-combobox - Combobox/คอมโพเนนต์เติมข้อความอัตโนมัติที่สร้างด้วย shadcn/ui และ Downshift
แถบด้านข้างลากเพื่อปรับขนาด - ส่วนประกอบการลากเพื่อปรับขนาด shadcn/ui แบบขยายสำหรับแอปพลิเคชัน Next.js พร้อมฟังก์ชันการลากเพื่อปรับขนาดสถานะที่คงอยู่
echo-editor - โปรแกรมแก้ไขข้อความแบบ WYSIWYG ที่ทันสมัยบนพื้นฐาน tiptap และ shadcn/ui
edil-ozi - ส่วนประกอบปฏิกิริยาสำหรับนักพัฒนา Gsap + การเคลื่อนไหวของเฟรม + ลมท้าย
emblor - องค์ประกอบอินพุตแท็กที่ปรับแต่งได้สูง เข้าถึงได้ และมีคุณลักษณะครบถ้วน ที่สร้างด้วย shadcn/ui
Enhanced-button - เวอร์ชันปรับปรุงของคอมโพเนนต์ปุ่ม shadcn เริ่มต้น
fancy-area - Textarea ได้รับแรงบันดาลใจจากส่วนความคิดเห็นประชาสัมพันธ์ของ GitHub ส่วนที่น่าประทับใจคือการรองรับ @mention รวมถึงโฮเวอร์การ์ดในหน้าตัวอย่าง เป้าหมายคือการทำซ้ำโดยไม่มีไลบรารีตัวแก้ไขข้อความ
fancy-box - Combobox ได้รับแรงบันดาลใจจากตัวเลือกป้ายกำกับ PR ของ GitHub และขับเคลื่อนโดย shadcn/ui องค์ประกอบเกือบทั้งหมดเป็นส่วนประกอบของ Radix-ui ซึ่งจัดสไตล์ด้วย tailwindcss
fancy-multi-select - องค์ประกอบ Multi Select ได้รับแรงบันดาลใจจากรูปแบบการตั้งค่าของ campsite.design และ cal.com
fancy-switch - ส่วนประกอบสวิตช์แฟนซีที่สร้างด้วย shadcn/ui
farmui - โซลูชันไลบรารีส่วนประกอบที่มีสไตล์และเคลื่อนไหวได้สวยงามตาม shadcn และ tailwindcss พร้อมแพ็คเกจ npm ของตัวเองเพื่อติดตั้งส่วนประกอบใด ๆ ในการลงทะเบียนส่วนประกอบ
file-uploader - เครื่องมืออัพโหลดไฟล์ที่สร้างด้วย shadcn/ui และ react-dropzone
file-vault - องค์ประกอบการอัพโหลดไฟล์สำหรับ React
Floating-Dragable-Card - การ์ดที่ลากได้และปรับขนาดได้ผ่านมุมมองโดยใช้องค์ประกอบ shadcn/ui
fusion-ui - ไลบรารี Fusion UI ที่รวม shadcn/ui และ MagicUI
Gluestack-ui - ตอบสนองและตอบสนองส่วนประกอบและรูปแบบดั้งเดิม - คัดลอกวางส่วนประกอบและรูปแบบที่สร้างขึ้นด้วย Tailwind CSS (NativeWind)
ibelick/Background-snippet - คอลเลกชันตัวอย่างพื้นหลังสมัยใหม่ที่พร้อมใช้งาน
image-upload-shadcn - องค์ประกอบการอัพโหลดรูปภาพ
indie-ui - ส่วนประกอบ UI พร้อมตัวแปร - เอกสาร
inspira-ui - ส่วนประกอบ UI เพื่อสร้างอินเทอร์เฟซภาพเคลื่อนไหวที่น่าทึ่งใน Vue/NuxtJS
kokonut-ui - ส่วนประกอบที่ทันสมัยและปรับแต่งได้ฟรีซึ่งสร้างบน shadcn สำหรับ Next.js
launch-ui - ส่วนประกอบหน้า Landing Page ที่สร้างด้วย React, Shadcn/ui และ Tailwind ที่คุณสามารถคัดลอก/วางในโครงการของคุณได้
lingua-time - ตัวเลือกวันที่และเวลาอันชาญฉลาดซึ่งเข้าใจการป้อนข้อมูลภาษาธรรมชาติ
lukacho-ui - ส่วนประกอบ UI รุ่นต่อไป
magicui - โต้ตอบส่วนประกอบเพื่อสร้างหน้า Landing Page ที่สวยงามโดยใช้ tailwindcss + framer motion + shadcn/ui
maily.to - สร้างอีเมลที่สวยงามได้อย่างง่ายดายด้วยแนวคิดเช่นโปรแกรมแก้ไขที่ทรงพลัง
minimal-tiptap - โปรแกรมแก้ไข WYSIWYG ขั้นต่ำที่สร้างด้วย shadcn/ui และ tiptap
mixcnui - Mixui คือชุดขององค์ประกอบที่เป็นภาพเคลื่อนไหวหรือนำมาใช้ซ้ำในปัจจุบันสำหรับ Nextjs
mynaui - TailwindCSS และ shadcn/ui UI Kit สำหรับ Figma และ React
neobrutalism-components - คอลเลกชันของ Tailwind React และ shadcn/ui สไตล์ neobrutalism
nextjs-components - ชุดของส่วนประกอบ Next.js ที่สร้างด้วย TypeScript, React, shadcn/ui, Craft UI และ Tailwind CSS
nextjs-dnd - การลากและวางที่จัดเรียงได้ด้วย Next.js, shadcn/ui และ dnd-kit
nextjs-link-pagination - shadcn paging/pagination ที่ใช้ Nextjs Links และพารามิเตอร์การค้นหา
next-shadcn-dashboard-starter - ผู้ดูแลระบบแดชบอร์ดเริ่มต้นพร้อม Nextjs 14 และ Shadcn UI
นวนิยาย - Novel เป็นโปรแกรมแก้ไขแบบ WYSIWYG สไตล์ Notion พร้อมการเติมข้อความอัตโนมัติที่ขับเคลื่อนด้วย AI สร้างด้วย Tiptap + Vercel AI SDK
number-flow - องค์ประกอบ React เพื่อเปลี่ยน แปล และจัดรูปแบบตัวเลข ปราศจากการพึ่งพา สามารถเข้าถึงได้ ปรับแต่งได้
origin-ui - ส่วนประกอบ UI ที่สวยงามที่สร้างด้วย Tailwind CSS และ Next.js
การป้อนรหัสผ่าน - การป้อนรหัสผ่านที่กำหนดเองของ shadcn/ui
เกตเวย์การชำระเงิน - พื้นที่เก็บข้อมูลนี้สาธิตวิธีการรวมเกตเวย์การชำระเงินยอดนิยม เช่น Stripe, Razorpay, PayPal และ Coinbase เข้ากับเว็บแอปพลิเคชันโดยใช้ Next.js 14
phone-input-shadcn-ui - ส่วนประกอบหมายเลขโทรศัพท์ที่กำหนดเองที่สร้างด้วย shadcn/ui
planner - Planner เป็นองค์ประกอบการจัดตารางเวลาที่ปรับเปลี่ยนได้สูงซึ่งปรับแต่งมาสำหรับแอปพลิเคชัน React
Plate - เครื่องมือแก้ไข Rich Text ที่ขับเคลื่อนโดย AI
Pricing-page-shadcn - หน้าการกำหนดราคาที่สร้างด้วย shadcn/ui & Next.js 14. ปรับแต่งได้อย่างสมบูรณ์
ปุ่มความคืบหน้า - ส่วนขยายของส่วนประกอบปุ่ม shadcn/ui ที่ใช้เครื่องสถานะเพื่อขับเคลื่อน UX ความคืบหน้า
react-dnd-kit-tailwind-shadcn-ui - ลากและวางบอร์ดคัมบังที่สามารถเข้าถึงได้ซึ่งใช้งานโดยใช้ React, dnd-kit, tailwind และ shadcn/ui
react-highlight-popover - องค์ประกอบการตอบสนองแบบไม่มีหัวสำหรับสร้างป๊อปโอเวอร์ในการเลือกข้อความโดยไม่มีการขึ้นต่อกัน
react-select การใช้งานไลบรารี react-select ด้วยสไตล์ shadcn รองรับ Select, Async-Select, Multi-Select พร้อมตัวเลือกที่กำหนดค่าได้มากมาย
recursive-dnd-kanban-board - การลากและวางที่สร้างแบบเรียกซ้ำ บอร์ดคัมบังที่สามารถเข้าถึงได้ซึ่งใช้งานโดยใช้ Next.js, @dnd-kit, tailwind และ shadcn/ui
search-address - ส่วนประกอบ SearchAddress มอบอินเทอร์เฟซการค้นหาที่ยืดหยุ่นและโต้ตอบได้สำหรับที่อยู่ โดยใช้บริการ Nominatim อันทรงพลังจาก OpenStreetMap
shadcn-address-autocomplete - องค์ประกอบการเติมที่อยู่อัตโนมัติที่สร้างด้วย Google Places API และส่วนประกอบ shadcn
shadcn-admin - UI แดชบอร์ดผู้ดูแลระบบที่สร้างด้วย shadcn/ui และ Vite
shadcn-blocks - Blocks เป็นส่วนประกอบที่สร้างไว้ล่วงหน้าอย่างเป็นทางการของ shadcn/ui แต่ปรับแต่งได้ ซึ่งสามารถคัดลอกและวางในโครงการของคุณได้
shadcn-cal - สำเนาปฏิทินรายเดือนที่ Cal.com ใช้กับ shadcn/ui, Radix Colours และ React Aria
shadcn-calendar-heatmap - ทางเลือกใหม่แทนแผนที่ความร้อนแบบตอบสนองดั้งเดิมที่สร้างขึ้นบนส่วนประกอบปฏิทิน shadcn/ui
shadcn-calendar-component - ส่วนประกอบตัวเลือกวันที่ของปฏิทินที่ออกแบบด้วย shadcn/ui
shadcn-chat - องค์ประกอบการแชทที่ปรับแต่งได้และนำมาใช้ซ้ำได้เพื่อให้คุณใช้ในโครงการของคุณ
shadcn-carousel-ข้อความรับรอง - shadcn UI Carousel ข้อความรับรอง
shadcn-chatbot-kit - ส่วนประกอบแชทบอทที่ออกแบบมาอย่างสวยงามโดยยึดตาม shadcn/ui ปรับแต่งได้เต็มที่และเป็นของคุณ
shadcn-color-picker - เครื่องมือเลือกสีที่สร้างด้วยสีตอบสนองและ shadcn
shadcn-cookie-consent - ความยินยอมของคุกกี้ที่ออกแบบมาอย่างสวยงามและปรับแต่งได้สำหรับเว็บที่สร้างขึ้นบน shadcn-ui และ tailwind-css!
shadcn-country-dropdown - องค์ประกอบแบบเลื่อนลงที่สอดคล้องกับมาตรฐาน ISO 3166 สำหรับการเลือกประเทศ
shadcn-data-table-advanced-col-opions - ตัวเลือกการปรับขนาดคอลัมน์เป็น shadcn/ui DataTable
shadcn-date-picker - เครื่องมือเลือกวันที่ขั้นสูงพร้อมการเลือกช่วง การเลือกปีและเดือน และอื่นๆ
shadcn-drag-table - ส่วนประกอบตารางแบบลากและวางโดยใช้ shadcn/ui และ Next.js
shadcn-editor - โปรแกรมแก้ไขคำศัพท์โดยใช้ธีมและส่วนประกอบ shadcn
shadcn-extends - มีวัตถุประสงค์เพื่อเป็นชุดของส่วนประกอบที่สร้างขึ้นโดยใช้ shadcn/ui
shadcn-extension - คอลเลกชันคอมโพเนนต์โอเพ่นซอร์สที่ขยายไลบรารี UI ของคุณ ซึ่งสร้างขึ้นโดยใช้คอมโพเนนต์ shadcn/ui
shadcn-image-cropper - UI ครอบตัดรูปภาพขั้นต่ำที่สร้างด้วย shadcn และไลบรารี react-image-crop
shadcn-linear-combobox - สำเนาของคอมโบบ็อกซ์ที่ Linear ใช้เพื่อกำหนดลำดับความสำคัญของงาน
shadcn-multi-select-component - ส่วนประกอบแบบเลือกหลายรายการออกแบบด้วย shadcn/ui
shadcn-phone-input-2 - ส่วนประกอบอินพุตโทรศัพท์ที่เรียบง่ายและจัดรูปแบบแล้วซึ่งสร้างด้วย shadcn/ui y libphonenumber-js
shadcn-phone-input - องค์ประกอบอินพุตโทรศัพท์ที่ปรับแต่งได้พร้อมการตรวจสอบที่เหมาะสมสำหรับประเทศใด ๆ
shadcn-spinner - ส่วนประกอบสปินเนอร์สำหรับ shadcn/ui
shadcn-stepper - ส่วนประกอบ stepper ที่สมบูรณ์ที่สร้างด้วย shadcn/ui
shadcn-table-v2 - ส่วนประกอบตาราง shadcn/ui พร้อมการเรียงลำดับ การกรอง และการแบ่งหน้าฝั่งเซิร์ฟเวอร์
shadcn-timeline - ส่วนประกอบไทม์ไลน์ที่ปรับแต่งได้และนำกลับมาใช้ใหม่ได้เพื่อให้คุณใช้ในโครงการของคุณ สร้างขึ้นบน shacn
shadcn-timeline-2 - ส่วนประกอบไทม์ไลน์ของ Shadcn ที่สร้างด้วย shadcn/ui
shadcn-tiptap - ชุดส่วนขยายและแถบเครื่องมือที่กำหนดเองสำหรับโปรแกรมแก้ไข Tiptap
shadcn-tree-view - ส่วนประกอบสำหรับรายการข้อมูลแบบลำดับชั้นที่มีระดับซ้อนกันที่สามารถขยายและยุบได้
shadcn-ui-blocks - คอลเลกชันของบล็อก UI ที่ตอบสนองเต็มรูปแบบมากกว่า 10+ รายการที่คุณสามารถวางลงในโปรเจ็กต์ shadcn/ui ของคุณและปรับแต่งให้เข้ากับเนื้อหาในใจของคุณ
shadcn-ui-expansions - ส่วนประกอบที่มีประโยชน์มากมายซึ่ง shadcn/ui ไม่มีมาให้ในกล่อง
shadcn-ui-sidebar - แถบด้านข้างแบบยืดหดได้ที่สวยงาม ใช้งานได้จริง และตอบสนองได้ดี สร้างขึ้นบน shadcn/ui
shadcn-ui-templates - คอลเลกชันเทมเพลตและทรัพยากรฟรีและพรีเมียมสำหรับ shadcn/ui
simplekit - เชื่อมต่อกระเป๋าเงินและส่วนประกอบบัญชีที่ตอบสนองซึ่งสร้างขึ้นบน Wagmi และ shadcn/ui
sortable - องค์ประกอบที่จัดเรียงได้ที่สร้างขึ้นด้วย shadcn/ui, radix ui และ dnd-kit
Spectrum-ui - Spectrum UI คือชุดของส่วนประกอบที่นำมาใช้ซ้ำได้ซึ่งสร้างขึ้นโดยใช้ Aceternity UI Magic UI และ shadn/ui
หุ้น - ตัวเลือกหุ้นโดยใช้ Next.js, React Server Components และแผนภูมิ shadcn/ui
ui ที่น่าทึ่ง - UI ที่น่าทึ่งคือชุดของส่วนประกอบ Tailwind CSS แบบโต้ตอบที่สร้างขึ้นสำหรับ Vue และ Nuxt
ตัวเลือกเวลา - TimePicker ง่ายๆ สำหรับโครงการ shadcn/ui ของคุณ
tremor-raw - คัดลอกและวางส่วนประกอบ React เพื่อสร้างเว็บแอปพลิเคชันสมัยใหม่ เหมาะสำหรับการสร้างแผนภูมิ
ui-beats - ชุดของคอมโพเนนต์ Animated React
uixmat/onborda - มอบการเริ่มต้นใช้งานแอปพลิเคชันของคุณที่สมควรได้รับด้วยการทัวร์ชมผลิตภัณฑ์ Onborda สำหรับ Next.js
vul - ส่วนประกอบลิ้นชักสำหรับ React
แผนภูมิแบบซูม - แผนภูมิแบบซูมได้ที่ด้านบนของแผนภูมิ shadcn/ui

แอพ

ปลั๊กอินและส่วนขยาย

แชทกับ YouTube - ส่วนขยายของ Chrome ได้รับการออกแบบมาเพื่อให้คุณสามารถสรุปวิดีโอได้อย่างมีประสิทธิภาพ ค้นหาส่วนที่เฉพาะเจาะจงได้อย่างง่ายดาย และเพลิดเพลินกับคุณสมบัติที่มีประโยชน์เพิ่มเติม
designgui - ส่วนขยายเบราว์เซอร์ Chrome สำหรับจัดการสีในตัวแปร CSS
raycast-shadcn - ส่วนขยาย Raycast เพื่อเรียกดูเอกสารประกอบ shadcn/ui ส่วนประกอบ และตัวอย่าง
shadcn-hsl-preview - ส่วนขยายตัวอย่าง shadcn HSL สำหรับ Visual Studio Code
shadcn-ui - เพิ่มส่วนประกอบจาก shadcn/ui โดยตรงจาก VS Code
shadcn/ui Components Manager - ปลั๊กอินสำหรับผลิตภัณฑ์ Jetbrain ช่วยให้คุณสามารถจัดการส่วนประกอบ shadcn/ui ของคุณทั่วทั้ง Svelte, React, Vue และ Solid Frameworks ด้วยปลั๊กอินนี้ ลดความซับซ้อนของงาน เช่น การเพิ่ม การลบ และการอัปเดตส่วนประกอบ
vscode-shadcn-svelte - ส่วนขยายรหัส VS สำหรับส่วนประกอบ shadcn/ui ในโครงการ Svelte
vscode-shadcn-ui-snippets - นำเข้าและใช้ส่วนประกอบ shadcn-ui ได้อย่างง่ายดายอย่างง่ายดายโดยใช้ตัวอย่างข้อมูลภายใน VSCode เพียงพิมพ์ cn หรือ shadcn ในไฟล์ jsx/tsx ของคุณ แล้วคุณจะได้รับรายการส่วนประกอบทั้งหมดให้เลือก
vscode-shadcn-vue - ส่วนขยายสำหรับการรวมส่วนประกอบ shadcn/ui เข้ากับโปรเจ็กต์ Vue.js

สีและการปรับแต่ง

10,000+ ธีมสำหรับ shadcn/ui - 10,000+ ธีมสำหรับ shadcn/ui
วิงเวียน - บูตโปรเจ็กต์ Next หรือ Vite ใหม่ด้วย shadcn/ui ปรับแต่งแบบอักษร ไอคอน สี ระยะห่าง รัศมี และเงา
ewgenius/ui - สร้างธีมที่กำหนดเองสำหรับ shadcn/ui ได้อย่างง่ายดายโดยใช้จานสีที่มีชีวิตชีวาจาก Radix Colours
ตัวเลือกการไล่ระดับสี - ตัวเลือกการไล่ระดับสีแฟนซีที่สร้างด้วย shadcn/ui, Radix UI และ CSS Tailwind
navnote/rangeen - เครื่องมือที่ช่วยคุณสร้างชุดสีสำหรับเว็บไซต์ของคุณ
shadcn-ui-customizer - POC - ธีม shadcn/ui พร้อมตัวเลือกสี
โปรแกรมแก้ไขธีม shadcn - โปรแกรมแก้ไขธีม Shadcn เป็นองค์ประกอบที่ใช้งานง่ายซึ่งออกแบบมาเพื่อลดความซับซ้อนของกระบวนการจัดการและปรับแต่งสีของธีมในโครงการที่ใช้ Shadcn
ui-colorgen - แอปพลิเคชันที่ออกแบบมาเพื่อช่วยคุณในการกำหนดค่าสีของ shadcn/ui
ตัวสร้างธีม shacn/ui ของ zippy Starter - สร้างธีมที่กำหนดเองได้อย่างง่ายดายจากสีเดียวที่คุณสามารถคัดลอกและวางลงในแอปของคุณได้

ภาพเคลื่อนไหว

แอนิเมชั่น - แอนิเมชั่นโต้ตอบและเอฟเฟกต์ที่สร้างขึ้นด้วยมือ ✍️ จากทั่วอินเทอร์เน็ต ? เพื่อคัดลอกและวางในโครงการของคุณ
magicui.design - คอลเลกชันคอมโพเนนต์โอเพ่นซอร์สที่ใหญ่ที่สุดเพื่อสร้างหน้า Landing Page ที่สวยงาม
Motionvariants - แอนิเมชั่นเคลื่อนไหว Framer ที่สวยงาม
tailwindcss-motion - ไลบรารีแอนิเมชั่นไวยากรณ์ที่เรียบง่ายใหม่ รวมแบตเตอรี่ กำหนดค่าได้ไม่จำกัด

เครื่องมือ

5devs - เว็บไซต์เพื่อรับข้อมูลบราซิลปลอมเพื่อการทดสอบ
bento-hub - BentoHub เป็นแอปพลิเคชั่นที่คุณสามารถสร้างตารางเบนโตะสำหรับโปรไฟล์ GitHub ของคุณ
cut-it - ตัวย่อลิงค์ที่สร้างโดยใช้ Next.js App Router, Server Actions, Drizzle ORM, Turso และจัดสไตล์ด้วย shadcn/ui
ข้อมูลประเทศในแผนภูมิ - Globe Graph เป็นเว็บแอปที่แสดงภาพข้อมูลประเทศต่างๆ เช่น GDP, GDP ต่อหัว และจำนวนประชากรในปีต่างๆ โดยใช้แผนภูมิจำนวนมาก
down-dev-detector - แอพนี้แสดงรายการบริการทั้งหมดที่ใช้งานไม่ได้และใช้บริการหน้าสถานะ Atlassian และอื่น ๆ (เร็ว ๆ นี้)
cv-forge - สร้างต่อ สร้างด้วย @shadcn/ui, react-hook-form และ react-pdf
ตัวสร้างแบบฟอร์ม - เครื่องมือโค้ดเจนที่ใช้ UI เพื่อสร้างแบบฟอร์ม @shadcn/ui ที่สวยงามและประเภทที่ปลอดภัยได้อย่างง่ายดาย
hook-again - ชุด React Hooks ที่ติดตั้งได้ของ shadcn/ui
imgsrc - สร้างภาพ Open Graph ที่สวยงามโดยไม่ต้องใช้ความพยายามใดๆ
invoify - แอปตัวสร้างใบแจ้งหนี้ที่สร้างโดยใช้ Next.js, Typescript และ shadcn/ui
jobsync - JobSync เป็นผู้ช่วยของผู้หางานเพื่อจัดการการค้นหางานอย่างมีประสิทธิภาพ
memfree - เครื่องมือค้นหา AI แบบไฮบริดโอเพ่นซอร์ส รับคำตอบที่แม่นยำทันทีจากอินเทอร์เน็ต บุ๊กมาร์ก บันทึกย่อ และเอกสาร สนับสนุนการปรับใช้เพียงคลิกเดียว มันสร้างโดยใช้ Next.js, Typescript และ shadcn/ui
metro-sp - รับการอัปเดตแบบเรียลไทม์อัตโนมัติเกี่ยวกับเหตุการณ์และการเปลี่ยนแปลงในสาย SP Metro, ViaMobilidade และ CPTM ทุกๆ 5 นาที
myinstants - เว็บไซต์ปุ่มเสียงทันใจที่ใหญ่ที่สุดในบราซิล!
opensearch-ai - โคลน SearchGPT / Perplexity แต่เป็นส่วนตัวสำหรับคุณ
pastecode - ทางเลือกอื่นของ Pastebin ที่สร้างด้วย Typescript, Next.js, Drizzle, shadcn/ui, RSC
postgres- แซนด์บ็อกซ์ Postgres ในเบราว์เซอร์พร้อมความช่วยเหลือจาก AI
proxmox-helper-scripts - แค็ตตาล็อกของสคริปต์สำหรับโฮมแล็บ Proxmox VE ของคุณ ซึ่งสร้างด้วยเราเตอร์แอป Next.js และจัดสไตล์ด้วย shadcn/ui
quack-db - โปรแกรมแก้ไข DuckDB SQL ในเบราว์เซอร์โอเพ่นซอร์ส
qualmeuip - ค้นหาที่อยู่ IP ของคุณและทดสอบความเร็วอินเทอร์เน็ตของคุณ
shadcn-form-builder - สร้างแบบฟอร์มด้วย Shadcn, react-hooks-form และ zod ภายในไม่กี่นาที
shadcn-pricing-page-generator - วิธีที่ง่ายที่สุดในการรับหน้าการกำหนดราคา React ด้วย shadcn/ui, Radix UI และ/หรือ Tailwind CSS
shadcn-theme-editor - Shadcn Theme Editor เป็นองค์ประกอบที่ใช้งานง่ายที่ออกแบบมาเพื่อลดความซับซ้อนของกระบวนการจัดการและปรับแต่งสีของธีมในโครงการที่ใช้ Shadcn
shadcn-zod-form - เครื่องมือ CLI เพื่อสร้างฟอร์ม shadcn/ui จาก zod schema
ผู้สร้างแบบฟอร์มที่แชร์ได้ - เครื่องมือสร้างแบบฟอร์มที่แชร์ได้สำหรับการสร้างแบบฟอร์มและแชร์ลิงก์แบบฟอร์มของคุณ โดยอิงจาก shadcn/ui และ Next.js
Tinte - ตัวสร้างธีม VS Code ที่ดื้อรั้น?
แอปแปล - แปลแอปโดยใช้ TypeScript, Tailwind CSS, NextJS, Bun, shadcn/ui, AI-SDK/OpenAI, Zod
typelabs - แอปทดสอบการพิมพ์ที่ได้รับแรงบันดาลใจจาก MonkeyType ที่สร้างด้วย React, shadcn และ Zustand เป็นแกนหลัก
ui-builder - เครื่องมือแก้ไขส่วนประกอบ React ที่ให้วิธีการสร้าง UI แบบเห็นภาพโดยไม่ต้องใช้โค้ด ซึ่งเข้ากันได้อย่างสมบูรณ์กับ shadcn/ui และส่วนประกอบที่กำหนดเอง
ui-fonts - ทดสอบและดูตัวอย่างแบบอักษรแบบเรียลไทม์สำหรับทุกความต้องการในการออกแบบของคุณ เลือกแบบอักษรที่สมบูรณ์แบบได้อย่างง่ายดาย
v0 - ระบบ Generative UI ของ Vercel สร้างขึ้นบน shadcn/ui และ TailwindCSS ช่วยให้สร้าง UI ได้อย่างง่ายดายจากข้อความแจ้งและ/หรือรูปภาพ มันสร้างโค้ด React และ HTML และสามารถรวมเข้าด้วยกันผ่านคำสั่ง v0 CLI
Wallhaven Desktop - ซอฟต์แวร์เดสก์ท็อป Wallhaven Wallpaper สร้างไคลเอ็นต์ที่ใช้ Wallhave API ซึ่งเป็นซอฟต์แวร์วอลเปเปอร์ที่แท้จริง ใช้ Farm , Tauri , React19, shadcn/ui
xuneix - เครื่องมือหมุนเวียนลิงก์เพื่อเพิ่มความปลอดภัยของแผงผู้ดูแลระบบ ประกอบด้วย URL แบบไดนามิก โทเค็นที่หมดอายุ การหมุนเวียนที่ปรับแต่งได้ ตั้งค่าได้อย่างง่ายดายด้วย shacn/ui ผสานรวมกับ Vercel KV

แรงบันดาลใจของเว็บไซต์และพอร์ตโฟลิโอ

เว็บไซต์

godly - แรงบันดาลใจในการออกแบบเว็บไซต์ที่ดีทางดาราศาสตร์ สิ่งที่ดีที่สุดเท่านั้น
list.swajp.me - การค้นหาโครงการหรือการออกแบบที่เหมาะสมโดยการสร้างแรงบันดาลใจให้กับคนที่ประสบความสำเร็จไม่เคยง่ายอย่างนี้มาก่อน

แฟ้มผลงาน

andrewsam.xyz - เวอร์ชันปรับปรุงใหม่ของ tailwind-nextjs-starter-blog ยอดนิยมโดยใช้ shadcn/ui พร้อมด้วยส่วนเรซูเม่และส่วนประกอบไทม์ไลน์ของประสบการณ์
birobirobiro.dev
shubhporwal.me - ผลงานของนักพัฒนาที่สะดุดตา สร้างขึ้นบน NextJS, GSAP, Tailwind และ React
swajp.me

แพลตฟอร์ม

anonypost - แบ่งปันความคิดและประสบการณ์ของคุณโดยไม่เปิดเผยตัวตนโดยการโพสต์บนแพลตฟอร์ม สร้างขึ้นโดยใช้ t3-stack
bolhadev - เส้นทางที่เร็วที่สุดในการเรียนรู้ภาษาอังกฤษคือการพูดเป็นประจำ แค่หาคนคุยด้วย
crept-studio - Crept เป็นโปรเจ็กต์โอเพ่นซอร์สฟรี สร้างขึ้นบน Next.js, Tailwind CSS และ Shadcn UI คุณสามารถใช้มันเพื่อส่งรายการทีวีและภาพยนตร์ฟรี
enjoytown - แพลตฟอร์มสตรีมมิ่งอนิเมะ มังงะ ภาพยนตร์ รายการทีวีฟรี สร้างด้วย Nextjs, shadcn/ui
เครื่องคิดเลขเกรด - เครื่องคิดเลข/แดชบอร์ดเกรดสำหรับนักเรียน โดยมีเป้าหมายเพื่อให้ภาพรวมที่ดีขึ้นเกี่ยวกับผลการเรียน
infinitunes - เว็บแอปเครื่องเล่นเพลงอย่างง่ายที่สร้างโดยใช้ Next.js, shadcn/ui, Tailwind CSS, DrizzleORM และอื่นๆ...
kd - แอพสตรีมมิ่ง Kdrama ที่ไม่มีโฆษณา สร้างด้วย Nextjs, Drizzle ORM, NeonDB และ shadcn/ui
memergez - สร้างมีมอย่างรวดเร็วด้วยการป้อนข้อความหรือ URL อวตาร พร้อมรองรับคำสั่งมีมมากมาย
plotwist - การจัดการและการวิจารณ์ภาพยนตร์ ซีรีส์ และอนิเมะของคุณอย่างง่ายดายโดยใช้ Next.js, Tailwind CSS, Supabase และ shadcn/ui

พอร์ต

Angular - พอร์ตเชิงมุมของ shadcn/ui
Flutter - พอร์ต Flutter ของ shadcn/ui
Franken UI - ส่วนประกอบที่เน้น HTML เป็นหลัก ไม่เชื่อเรื่องกรอบงาน และได้รับการออกแบบอย่างสวยงาม ซึ่งคุณสามารถคัดลอกและวางลงในเว็บไซต์ของคุณได้อย่างแท้จริง สามารถเข้าถึงได้ ปรับแต่งได้ โอเพ่นซอร์ส
JollyUI - ส่วนประกอบ aria ตอบสนองที่เข้ากันได้กับ shadcn / ui
Kotlin - พอร์ต Kotlin ของ shadcn/ui
Phoenix Liveview - พอร์ต Phoenix Liveview ของ shadcn/ui
React Native - ตอบสนองพอร์ต Native ของ shadcn/ui
React Native - ตอบสนองพอร์ต Native ของ shadcn/ui (แนะนำ)
Ruby - พอร์ต Ruby ของ shadcn/ui
Solid - พอร์ตทึบของ shadcn/ui
Svelte - พอร์ต Svelte ของ shadcn/ui
Swift - พอร์ต Swift ของ shadcn/ui
Sysinfocus simple/ui - ไลบรารีส่วนประกอบ Razor สำหรับ Blazor ซึ่งได้รับแรงบันดาลใจจาก shadcn/ui
Vue - พอร์ต Vue ของ shadcn/ui

ระบบการออกแบบ

shadcn-ui-components - ทุกองค์ประกอบสร้างขึ้นใหม่ใน Figma
shadcn-ui-storybook - ส่วนประกอบ shadcn/ui ทั้งหมดที่ลงทะเบียนในหนังสือนิทานโดย JheanAntunes
shadcn-ui-storybook - ส่วนประกอบ shadcn/ui ทั้งหมดที่ลงทะเบียนในหนังสือนิทานโดย Fellipeutaka

หม้อต้ม / เทมเพลต

browser-extension-starter-plasmo-shadcn-trpc - ชุดเริ่มต้นส่วนขยายเบราว์เซอร์ที่มี Plasmo, React, Shadcn และ tRPC
chadnext - เทมเพลตเริ่มต้นอย่างรวดเร็วประกอบด้วยเราเตอร์แอป Next.js 14, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization และอื่นๆ
cloudflare-saas-stack - ชุดเริ่มต้นที่รวมแบตเตอรี่เพื่อการสร้างและปรับใช้ผลิตภัณฑ์ SaaS บน Cloudflare อย่างรวดเร็ว
create-tauri-core - เทมเพลตโปรเจ็กต์สำหรับสร้างแอป Tauri ด้วย Vite, React และ Tailwind CSS
เทมเพลตระบบการออกแบบ - Turborepo + TailwindCSS + หนังสือนิทาน + shadcn/ui
easy-ui - เทมเพลตเว็บไซต์โอเพ่นซอร์สคุณภาพสูงกว่า 50 แบบที่สร้างโดยใช้ NextJS + shadcn/ui + Tailwind CSS + Framer Motion และอีกมากมาย
electronic-shadcn - เทมเพลตแอป Electron พร้อม shadcn/ui และ libs และเครื่องมืออื่นๆ อีกมากมายที่พร้อมใช้งาน
Horizon-ai-nextjs-shadcn-boilerplate - พรีเมี่ยม AI NextJS & shadcn/ui Boilerplate + Stripe + Supabase + OAuth
kirimase - เทมเพลตและต้นแบบสำหรับการเริ่มต้นโปรเจ็กต์ถัดไปของคุณอย่างรวดเร็วด้วย shadcn/ui, Tailwind CSS และ Next.js
magicui-startup-templates - เทมเพลตการเริ่มต้น Magic UI ที่สร้างโดยใช้ shadcn/ui + tailwindcss + framer-motion
nextMotion - เทมเพลตพอร์ตโฟลิโอ Webdev พร้อม nodemailer ที่รวมไว้เพื่อการตั้งค่าแบบฟอร์มการติดต่อที่ง่ายดาย ใช้ shadcn/ui + tailwindcss + framer-motion
next-shadcn-dashboard-starter - ผู้ดูแลระบบแดชบอร์ดเริ่มต้นด้วย Next.js 14 และ shadcn/ui
next-starter - เทมเพลตเริ่มต้น Next.js อัดแน่นไปด้วยฟีเจอร์ต่างๆ เช่น TypeScript, Tailwind CSS, Next-auth, Eslint, Stripe, เครื่องมือทดสอบ และอื่นๆ อีกมากมาย เริ่มต้นโครงการของคุณด้วยประสิทธิภาพและสไตล์
nextjs-mdx-blog - เทมเพลตเริ่มต้นที่สร้างด้วย Contentlayer, MDX, shadcn/ui และ Tailwind CSS
next-wp - Headless Wordpress Starter ที่สร้างด้วย NextJS App Router และ React Server Components
onyx - สแต็กเต็ม มีแบตเตอรี่รวมเทมเพลต MVP พร้อมด้วย NextJS 14, Supabase SSR Auth & Postgres DB พร้อมการดำเนินการ CRUD, RBAC, Tanstack React Query, Zod Validation, ส่วนประกอบ MDX, ส่งอีกครั้ง และอื่นๆ
opendocs - เทมเพลตที่ออกแบบมาอย่างสวยงามซึ่งคุณสามารถใช้สำหรับโครงการของคุณได้ฟรี สามารถเข้าถึงได้ ปรับแต่งได้ โอเพ่นซอร์สพร้อมรองรับ i18n
shadcn-landing-page - เทมเพลตหน้า Landing Page โดยใช้ shadcn/ui, React, Typescript และ Tailwind CSS
shadcn-landing-page - การแปลงโครงการ shadcn-vue-landing-page เป็น nextjs - เทมเพลตหน้า Landing Page โดยใช้ Nestjs, shadcn/ui, TypeScript, Tailwind CSS
shadcn-nextjs-free-boilerplate - ฟรีและเทมเพลตแดชบอร์ด NextJS แบบโอเพ่นซอร์ส + ChatGPT API
shadcn-registry-template - ที่เก็บเทมเพลตสำหรับสร้างรีจิสทรีส่วนประกอบที่กำหนดเองสำหรับ shadcn/ui
shadcn-vue-landing-page - เทมเพลตหน้า Landing Page โดยใช้ Vue, shadcn-vue, TypeScript, Tailwind CSS
shadcn-next-workflows - ตัวสร้างเวิร์กโฟลว์แบบโต้ตอบโดยใช้ React Flows, Next.js และ Shadcnui สร้าง เชื่อมต่อ และตรวจสอบโหนดที่กำหนดเองได้อย่างง่ายดาย
supa-next-shad-auth - การตอบสนองของเซิร์ฟเวอร์ที่ปลอดภัยและตอบสนองอย่างเต็มที่ UI ที่ปรับแต่งได้เป็นมิตรกับผู้ใช้พร้อมแนวทางปฏิบัติที่ดีที่สุดดังต่อไปนี้ เทคโนโลยีที่ใช้: NextJS + Supabase + TypeScript + การดำเนินการของเซิร์ฟเวอร์ + Zod + shadcn/ui
t3-app-template - นี่คือเทมเพลตผู้ดูแลระบบสำหรับ T3 Stack และ shadcn/ui
อนุกรมวิธาน - แอปพลิเคชันโอเพ่นซอร์สที่สร้างขึ้นโดยใช้เราเตอร์ ส่วนประกอบเซิร์ฟเวอร์ใหม่ และทุกสิ่งใหม่ใน Next.js
template-next - เทมเพลต Next.js ที่สะอาดตาพร้อม TypeScript, TailwindCSS, Shadcn/ui และ Prettier
turborepo-shadcn-ui-tailwindcss - สตาร์ทเตอร์ Turborepo พร้อม shadcn/ui และ Tailwind CSS ที่ได้รับการกำหนดค่าไว้ล่วงหน้าสำหรับส่วนประกอบ UI ที่ใช้ร่วมกัน
turborepo-launchpad - ต้นแบบ monorepo ที่ครอบคลุมสำหรับโครงการ shadcn ที่ใช้ Turbo มีการตั้งค่าที่ปรับขนาดได้สูงซึ่งเหมาะสำหรับการพัฒนาแอปพลิเคชันที่ซับซ้อนโดยใช้ส่วนประกอบและยูทิลิตี้ที่ใช้ร่วมกัน
wordpress-plugin-boilerplate - ปลั๊กอิน WordPress Boilerplate ที่ใช้เทคโนโลยีเว็บและเครื่องมือที่ทันสมัย เช่น React, TypeScript, SASS, Tailwind CSS, Shadcn UI, Vite, Grunt.js, Storybook, HMR และอื่นๆ