@shadcn — sidebar.tsx: 25 components for every sidebar shape
Introducing sidebar.tsx—25 components to help you build all kinds of sidebars.
I don't like building sidebars. So I built 30+ of them. All types. Then simplified the core into sidebar.tsx—a strong foundation to build on top of.
It works with Next.js, Remix, Vite & Laravel.
Smart move to extract this from the mess. Sidebars sound trivial until you actually need one — collapsible, nested nav, icon-only mode, mobile drawer — and every app ends up reinventing the same wheel with slightly different bugs. Shipping 25 variants first and distilling them into a single composable foundation is the right sequence. The multi-framework support (Next.js, Remix, Vite, Laravel) means it's not locked into one ecosystem.
Introducing sidebar.tsx—25 components to help you build all kinds of sidebars. I don't like building sidebars. So I built 30+ of them. All types. Then simplified the core into sidebar.tsx—a strong foundation to build on top of. It works with Next.js, Remix, Vite & Laravel. Show more
@felixleezd — Duolingo on how to win with gamified design
Duolingo on how to win with gamified design:
That's interesting because the Duolingo design system has been studied to death but rarely broken down mechanically. The gamification isn't just streaks — it's a precise combination of loss aversion, variable reward, and social pressure. Worth reading if you're building anything with retention loops, even outside of language learning.
Duolingo on how to win with gamified design:
@septiipuji — Hero section composition study
Another hero section in the bag 👜
Honestly just saved this one to reference later. A well-composed hero section is harder than it looks — getting the hierarchy, spacing, and CTA placement right without it feeling like a template takes real work. The screenshots show clean typographic weight and a layout that doesn't fight itself.
Another hero section in the bag 👜
@lukemiler — 40 free sites to promote your startup, sorted by domain rating
40 websites to promote your startup and get free backlinks.
Used by Y Combinator (YC) startups.
Sorted by domain rating (DR) 👇
Makes sense to have this list ready before you need it. Most founders discover these sites one at a time through Google after launch — having them pre-sorted by DR means you can prioritize the high-authority submissions first and work down. Not everything on lists like this is worth the effort, but a few high-DR listings can meaningfully move the needle for a new domain.
40 websites to promote your startup and get free backlinks. Used by Y Combinator (YC) startups. Sorted by domain rating (DR) 👇
