designali

Overview

designali is the design and component site of Ali Imam, with the tagline "design se code tak" (from design to code). It offers templates, blocks, UI design resources, components and icons, and its shadcn registry makes the code installable with the CLI.

The registry manifest lists 324 items: 38 blocks, 109 components, 14 UI items and 162 examples. Blocks cover the sections of a marketing site, including headers, heroes, features, pricing, FAQs, footers, logos and galleries, while the UI items include device mockups and small animated pieces. Many items use the @designali/logos package for brand logos.

Features

• Marketing blocks: Six headers, five heroes, four feature sections, four pricing tables, FAQs, footers, logo clouds and a landing page.
• Device mockups: iPhone, iPhone duo, iPad, iMac, Studio Display and MacBook frames.
• Animated UI: Bento, counter number, gauge, marquee, typewriter, dot pattern and grid pattern.
• Component variants: Numbered variants of common components, such as accordions, alerts, avatars, badges and breadcrumbs.
• Templates: Site templates including a simple portfolio and a design agency.
• Icons and logos: A collection of icons, logos and vectors.

Tech stack

• Next.js, React
• shadcn/ui, Tailwind CSS
• next-themes, lucide-react

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @designali/component-name