LN

Open-source layouts I built this month with shadcn

GitHub: github.com/ln-dev7/squa...

Open-source payrolls layout built with shadcn

GitHub: github.com/ln-dev7/squa...

Design by Rico Oktananda

Open-source calendar layout built with shadcn

GitHub: github.com/ln-dev7/squa...

Design by Rico Oktananda

Dashboard layout built with shadcn

GitHub: github.com/ln-dev7/squa...

Design by Augustas

Emails layout built with shadcn

GitHub: github.com/ln-dev7/squa...

Design by Rico Oktananda

Task management layout built with shadcn

GitHub: github.com/ln-dev7/squa...

Design by @ _heyrico ( on X )

Inline overflow interaction ✨

Inspired by @ nitishkmrk ( on X )

Open-source template for your management projects.

GitHub : github.com/ln-dev7/circle

Progressive input stack ✨

Code : ui.lndev.me/components/p... .

Inspired by @ nitishkmrk ( on X )

Introducing the Inbox Screen on Circle – an open-source template for your management projects.

GitHub : github.com/ln-dev7/circle

Built with shadcn/ui and Linear’s elegant design.

I'm excited to share that Circle (circle.lndev.me) is now officially part of the @vercel.com Open Source Program.

Thanks to Vercel for the support and commitment to the open source community. 🤍

Steps animation ✨

Code : ui.lndev.me/components/s...

Inspired by @ zzerou_ ( on X )

Remote team clock component ✨

Code : ui.lndev.me/components/r...

Made with Motion React

Inspired by @ KumailNanji ( on X )

The website animejs.com is absolutely incredible.

Built entirely with the Anime.js animation library.

🎓 Its creator, @julian.gr is currently working on a course to teach how to build this landing page from scratch.

👉 You can join the waitlist here: animejs.com/learn

Can’t wait to dive into it!

🚀 Introducing SQUARE – Collection of beautifully crafted open-source layouts UI built with shadcn/ui.

GitHub : github.com/ln-dev7/square

Payment Mode Interaction ✧

Made with Tailwind and Motion React

Grid Animation ✧

🚀 Introducing CIRCLE – An open-source template for your management projects.

built with shadcn/ui and inspired by Linear's design.

Additional views are under development and will be shared once ready.

Check it out : github.com/ln-dev7/circle 👇🏽

Open-source template for your management projects, built with shadcn-ui and inspired by linear's design.

GitHub : github.com/ln-dev7/circle

All My 2024 Achievements ( nearly 100 components ) ✧

Access all the source codes here : ui.lndev.me/buy

See you next year with even more content! 🌟

Open-source template for your management projects, built with shadcn-ui and inspired by linear's design.

GitHub : github.com/ln-dev7/circle

🚀 Introducing CIRCLE – An open-source template for your management projects.

built with shadcn/ui and inspired by Linear's design.

Additional views are under development and will be shared once ready.

Check it out : github.com/ln-dev7/circle 👇🏽

Grid Animation ✧

Payment Mode Interaction | lndev/ui Payment Mode Interaction

Code : ui.lndev.me/components/p... .

Payment Mode Interaction ✧

Made with Tailwind and Motion React

ui.lndev.me/components/f...

ui.lndev.me/components/c...

Sign Up Disclosure Interaction | lndev/ui Sign Up Disclosure Interaction

Code : ui.lndev.me/components/s... .

Sign up Disclosure Interaction ✧

Made with Tailwind and Motion React.

Inspired by @ nitishkmrk ( on X )

Slot Picker Interaction ✧

Code : ui.lndev.me/components/s...

Made with Tailwind and Motion React.

Inspired by @ nitishkmrk ( on X )