Loading
Loading
UI Layouts blocksfor shadcn/ui.40 blocks · all free · updated 13 Oct 2026
UI Layouts offers components, effects, design tools, and ready-made blocks that make building modern interfaces more efficient—built with React, Next.js, Tailwind CSS, and shadcn/ui.
Hand-picked, best first
Newest first
UI Layouts is an open-source collection of React, Next.js and Tailwind CSS components and blocks by Naymur Rahman, with a strong lean toward visual effects. Its components include a Mac-style genie effect, liquid glass, image mouse trails and reveals, a magnified document view, clip-path transitions, scroll-driven text marquees and media modals, next to practical inputs like a datetime picker, password strength field, phone input, tags input, color picker and file upload. The blocks are landing page sections: heroes, features, about and stats sections, team layouts, testimonials, FAQs with interactive previews, and footers.
Everything installs from its registry with the shadcn CLI, works in Next.js, Vite, Remix, Astro, Laravel and other React setups, and is reachable from AI editors over MCP. A paid UI-Layouts Pro adds more production-ready blocks.
Blocks from other makers