Ahmed Picks
A curated gallery of UI components with code, prompts, and install commands.
- Role
- Design + Engineering
- Timeline
- Ongoing · 2026
- Stack
- Next.js 16 · Tailwind CSS 4 · shadcn/ui · i18next
Every good UI starts with a reference. Finding one shouldn't take twenty tabs.
Developers building dark-themed Next.js apps spend real time hunting for components that match their aesthetic. The good ones are scattered across Dribbble, X, and GitHub repos, and rarely come with usable code.
Ahmed Picks is a personal catalogue of components worth keeping: heroes, navbars, cards, pricing tables, animations. Each entry comes with a working code snippet, an AI prompt you can drop straight into a chat, and a shadcn install command for the components that map cleanly onto the library. The site itself is built with the same stack it showcases.
The catalogue is the product, not the wrapper around it.
Early drafts had a separate landing page and a separate picks index. We collapsed them: the homepage scrolls straight into the component list. That decision removed one navigation decision for the visitor and let the UI do the selling immediately. Each pick card carries a category tag, a gradient preview, a copy-ready code block, and an AI prompt, four distinct ways to extract value from one entry, none of which require sign-up.
- 8+
- Curated picks at launch
- 6
- Component categories
- Free
- No sign-up required
Ahmed Picks is a living reference: new components get added when something genuinely earns a place in the catalogue. The constraint (only what's actually reusable, with working code) keeps the quality bar honest. The next addition is a filterable tag system so visitors can narrow by visual style as well as category.