Is there a free version of ogBlocks?

Yes. The free tier includes 26 production-ready components, new free components monthly, and use in unlimited commercial projects with no signup or license required.

What does the Lifetime plan include?

For a one-time $59 payment it includes access to 110+ components, a private GitHub repo with source code, one developer license key, an MCP server for AI-assisted development and all future updates.

How are components installed?

Components can be copied as raw TSX or installed via the shadcn CLI, for example with npx shadcn@latest add @ogblocks/scale-text.

Is there a refund policy?

Yes, purchases come with a 7-day refund.

ogBlocks

ogBlocks is an Animated React UI Component Library built with Next.js, TypeScript, Motion and Tailwind CSS

Category:

Builders

Maker:

ogBlocks

Use Cases

Marketing

⚡️ Tags detected by AI

About ogBlocks

ogBlocks is a library of animated UI components for React, built with Motion and Tailwind CSS. It offers more than 110 production-ready components that developers can add to their projects by copying raw TSX code or installing them through the shadcn CLI, for example with a single npx command per component.

The library has a free tier with 26 components that can be used in unlimited commercial projects without signup or a license, and new free components are added monthly. A one-time lifetime purchase unlocks the full library, a private GitHub repository with source code, a developer license key and an MCP server for AI-assisted development with tools such as Cursor and Claude.

ogBlocks is made by an independent developer, @Karann_dev, and is aimed at React developers who want to add animations such as text effects, pricing cards, countdowns and input fields to interfaces without coding them from scratch. Purchases come with all future updates and a 7-day refund window.

Best for

React developers using Tailwind CSS
Indie makers adding animation to landing pages
Developers using shadcn-based workflows
Developers building with AI coding assistants via MCP

Pros

Free tier with 26 components for unlimited commercial projects
One-time payment includes all future updates
Install via shadcn CLI or copy raw TSX
MCP server for AI-assisted development in Cursor and Claude

Cons

Limited to React with Motion and Tailwind CSS
Lifetime plan includes only one developer license

Pricing

A free tier offers 26 components forever, and a Lifetime plan costs $59 one-time (listed down from $120) for the full 110+ component library, updates and MCP server, with a 7-day refund.

ogBlocks FAQ

Is there a free version of ogBlocks?: Yes. The free tier includes 26 production-ready components, new free components monthly, and use in unlimited commercial projects with no signup or license required.
What does the Lifetime plan include?: For a one-time $59 payment it includes access to 110+ components, a private GitHub repo with source code, one developer license key, an MCP server for AI-assisted development and all future updates.
How are components installed?: Components can be copied as raw TSX or installed via the shadcn CLI, for example with npx shadcn@latest add @ogblocks/scale-text.
Is there a refund policy?: Yes, purchases come with a 7-day refund.