Treact - Modern React landing page components kit
A free collection of 52 styled React UI components, 7 prebuilt landing pages, and 8 inner pages powered by TailwindCSS — ideal for quickly shipping polished landing pages.
Covers every landing page section including hero, pricing, testimonials, FAQs, and more.
Prebuilt landing page demos ready for immediate use without extra configuration.
Additional inner page demos for login, signup, blog, and contact flows.
All components and prebuilt demos adapt cleanly across desktop, tablet, and mobile screens.
Change brand colors and styles through a simple Tailwind config variable update.
Licensed for both personal and commercial projects with no attribution required.
Ship polished React landing pages with 52 ready-made components
Treact offers a substantial library of pre-styled React components designed specifically for building landing pages with Tailwind CSS. With 52 unique components spanning every common landing page section, it gives developers and makers a head start on shipping polished pages without starting from scratch. The kit also bundles fully assembled page demos, so you can either pick individual components or grab an entire layout and customize from there. It's a strong fit for anyone who works in React and wants to skip the repetitive UI work that comes with every new project.
What's included
- 52 styled UI components covering heroes, pricing tables, testimonials, CTAs, FAQs, blog cards, footers, and headers
- 7 complete landing page demos ready to use out of the box
- 8 inner page demos for common flows like login, signup, blog, and contact pages
- Fully responsive layouts across all components and demo pages
- Configurable brand colors and styles via the Tailwind config file
- Component-level customization through props and direct file editing
Ideal for
- SaaS and startup landing pages that need to ship fast
- Freelancers building client marketing sites on tight timelines
- Solo developers prototyping product or app launch pages
- Agency teams looking for a reusable React component library
- Side-project makers who want clean UI without design overhead
Landing sections
- Hero sections with multiple layout variations
- Pricing tables with tiered plan displays
- Testimonial and social proof blocks
- Feature showcase grids and cards
- Blog index layouts and post cards
- Call-to-action banners and signup prompts
- FAQ accordions and contact sections
- Navigation headers and footer blocks
License & usage
Treact is free for both personal and commercial projects, with no attribution required. The one restriction is that you cannot repackage or resell the components as a competing UI kit or theme product — using them inside your own sites and apps is perfectly fine.
Stack
