Github Awesome (@GithubAwesome)
design-extract는 URL을 입력하면 라이브 DOM을 크롤링해 색상, 폰트, 그리드, 호버, 반응형 브레이크포인트까지 분석하고, Tailwind 설정·CSS 변수·shadcn/ui 테마·Figma 변수로 변환한다. 디자인 시스템 역추출을 자동화하는 유용한 도구다.
design-extract takes a URL, crawls the live DOM, and reverse-engineers the entire design language. Colors, fonts, grid patterns, hover transitions, responsive breakpoints. Outputs a Tailwind config, CSS variables, a shadcn/ui theme, and Figma variables. Install the output as a
Stop wasting time on boilerplate 🚀
5+ Shadcn UI login blocks:
• Visual split layouts
• Social auth (Google/GitHub)
• Animated components
Perfect for modern apps 👇
https://shadcnspace.com/blocks/marketing/login
New week, new Shadcn blocks and components 🚀
25+ new blocks and 18+ new components now live on ShadcnSpace.
What would you like us to add next?
👉 https://shadcnspace.com/blocks
#webdev #react #uidesign #shadcn #shadcnui #shadcnblocks #shadcncomponents
Introducing Shadcn Digital Arc 🚀
A modern template built with shadcn for landing pages and product websites.
Clean UI, reusable blocks, fast setup.
👉 https://shadcnspace.com/templates/digital-arc
#webdev #react #uidesign #nextjs #react #tailwindcss #shadcn #shadcnui #shadcntemplates
We just shipped a BIG update🚀
60+ new free & pro shadcn blocks and components:
• Hero, Features, Pricing, Testimonials
• Navigation, Forms, Integrations
• Alerts, Cards, Carousels & more
Check it out 👉 https://shadcnspace.com
#shadcn #shadcnui #shadcnblocks #shadcncomponents #shadcntools #webdev #react #uidesign
Looking for scalable dashboard navigation?
Explore ready-to-use Shadcn sidebar layouts built with React + Next.js. Clean structure, responsive design, and easy integration.
Read the full post: https://www.wrappixel.com/shadcn-sidebar/
#FrontendDev #SaaS #AdminPanel #UIComponents #shadcnui #shadcndashboard #shadcnsidebar
New on WrapPixel Blog 🌐
Discover how to build a clean and functional Shadcn Date Picker for your Next.js projects.
👉 Read more:
https://www.wrappixel.com/shadcn-date-picker/
Shadcn Space Pro is launching soon.
We’re giving 100 Startup Licenses to early supporters after launch.
Includes:
• Premium UI blocks & templates
• Lifetime access
• Launch pricing locked
Enter here: https://shadcnspace.com/blog/shadcn-space-pro-giveaway
#shadcn #shadcnui #shadcnblocks #shadcntemplates #shadcntools #shadcncomponents #shadcnuiblocks
Crypgo is a modern, dark-themed #shadcn landing page designed for crypto & Web3 products.
Built for the future of finance.
🛠 Made with Next.js, #React & #Tailwind CSS
🔗 https://shadcnspace.com/templates/crypgo
#WebDesign #Web3 #Crypto #NextJS #TailwindCSS #shadcnui #shadcntemplates
📢 We just released a Shadcn Space Developer Guide
Learn how to build and ship modern web apps faster using shadcn/ui and Tailwind CSS.
🔗 https://shadcnspace.com/blog/how-to-use-shadcnspace-developer-guide
#shadcn #shadcnblocks #shadcntemplates #shadcncomponents #shadcntools #shadcnui
sayzard
Shadcn Space
Wrappixel