@t7blocks/ui

Premium-grade UI components for React. The kind you see on high-end landing pages and Framer templates — built with GSAP, Framer Motion, and custom animation logic. Ship faster without starting from scratch.

Installation

# npm
npm install @t7blocks/ui

# yarn
yarn add @t7blocks/ui

# pnpm
pnpm add @t7blocks/ui

Some components require peer dependencies. Each component page on t7blocks.com lists exactly what to install.

Usage

import { Button1 } from '@t7blocks/ui'

export default function App() {
  return <Button1 label="Get started" variant="primary" />
}

Components

Browse all components with live demos, props tables, and install instructions at t7blocks.xyz.

More components are added regularly. Star the repo to stay updated.

Prefer to own the source?

Use the CLI to copy any component directly into your project as an editable file:

npx @t7blocks/cli add button-1

The file is written to ./components/ui/ in your project. You own it and can modify it freely.

Requirements

• React 18+
• Node.js 18+
• TypeScript recommended

Premium Components

Hero sections, background effects, and advanced blocks are available to Pro members at t7blocks.xyz. Premium components include full source access, CLI download, and props documentation.

License

Copyright © 2025 Ashirwad Singh. Free components are available under a custom license that permits personal and commercial use with attribution. Redistribution as a standalone library or template kit is not permitted.

Read the full license → LICENSE