Skip to content

Free React & Tailwind Components

167 components with full source code, free and without sign-up. Built with React, Tailwind CSS and Framer Motion, ready to copy.

Free sections

Whole page sections, the first six of every category. A click takes you to the card in its category, where the preview and the code are.

Free elements

Single building blocks, the first six on every page. A click takes you to the element on its page.

Free full-page templates

Three complete pages in a single file, with images, motion and a mobile layout.

The rest with Premium

Premium opens all 640 components, the source of every full-page template and full access through the MCP server.

What is free and what is not

Every category opens its first six components to everyone. In sections these are whole page sections such as a hero, a pricing table or an FAQ, in elements single building blocks such as buttons, text effects and scroll effects. Three full-page templates come with their complete source as well.

Free means the whole file, not an excerpt. Open a component, copy the code and paste it into a React project with Tailwind CSS. None of them needs more than react, framer-motion and lucide-react, and each one respects the reduced motion setting.

Which components are free depends on the order on each page. When a new one arrives and moves to the front, the selection changes. This page always shows the current state.

FAQ

Frequently asked questions

Yes. The first six of every category are free, plus three full-page templates. You get the complete file, not an excerpt, and you need neither an account nor a card.

Didn't find your question? We're happy to help.

Get in touch