ogBlocks

ogBlocks is a paid library of animated UI components aimed at speeding up web app and SaaS frontends. The components are built with Next.js, Motion, Tailwind CSS and TypeScript, and come production-ready so you can copy, paste and tweak them into your project.

The kit includes 70+ responsive components with TypeScript support, a focus on practical animations rather than flashy effects, and a code structure intended to be clean and scalable. Components are designed to be customisable to match your branding and to integrate without dragging in extra runtime dependencies.

• Built for Next.js, Motion, Tailwind CSS and TypeScript
• 70+ production-ready, responsive components
• Zero runtime dependencies and production-ready TypeScript
• New components added regularly (about 10 per month) and lifetime access to future updates
• MCP Server integration for installing components via AI chat, a 107-page ebook, and access to a private Discord community

It’s pitched at indie hackers, freelancers, startups and frontend developers who want polished UI pieces for SaaS apps, dashboards, landing pages and portfolios, without building each element from scratch. More details are available from the official site: https://ogblocks.dev/