Build Your Own UI Library in 120 Sec and Ditch the Bad Ones

Опубликовано: 25 Октябрь 2024
на канале: NAYMUR WEB
1,028
35

Hey everyone! 👋 Hope you're all doing great!

Last week I publish the starter template for creating your own component library or ui library and in that video I share every details but I thought what if i create a 2 min video for user to easily create a component using that repo.

Initially, I used Contentlayer for my library’s UI, but it felt overwhelming for beginners. To make things easier, I switched to Next.js MDX with CodeHike and decided to share this streamlined version with you all.

This MDX Starter Repo will help you build and customize your own component library quickly and efficiently.

⭐ Don’t forget to star the repo on GitHub:
https://github.com/naymurdev/mdx-star...

Also check ui-layout:
👉https://ui-layout.com

⭐ Don’t forget to star the repo on GitHub:
https://github.com/naymurdev/uilayout

🚀 Technologies Used:
---Next.js
---CodeHike
---Next-MDX
---TailwindCSS
---Framer Motion
---GSAP
---Zustand

Time-lapse:
➤intro: (00:00)
➤install: (00:10)
➤Add Components: (00:37)


If you're ready to dive into the world of open-source UI development, this repo is a perfect starting point!

#ComponentLibrary #OpenSource #Nextjs #TailwindCSS #FramerMotion #GSAP #uilibrary #uilayout #shadcn