UI Blocks.
Pre-built, composed sections ready to drop into your Next.js application.
Bento Grid Features Section
A sleek, responsive bento box layout highlighting core product features. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Code Comparison Features Section
A side-by-side or tabbed code window comparing the 'old way' vs your product. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Data Visualization Features Section
Features highlighted alongside an animated bar chart or metrics dashboard. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Feature Comparison Table Section
A detailed, responsive matrix comparing your product against competitors. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Hover Cards Features Section
A grid of cards that reveal hidden background graphics and details on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Interactive Terminal Features Section
A mock terminal that types out commands alongside matching feature descriptions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Marquee Cards Features Section
A continuously scrolling marquee of mini feature cards. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Sticky Scroll Features Section
Scrolling text on the left with dynamic, sticky imagery on the right. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Tabbed Interface Features Section
An interactive tabbed component for switching between different feature sets. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
Workflow Builder Features Section
An animated node graph visually representing a drag-and-drop automation builder. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.
