Free MIT-licensed React + Tailwind components, sections and page blocks from WeInc, built for landing pages, SaaS and small business sites.
Free CSS gradient backgrounds: 108 linear, radial, conic, mesh, grain, pattern and aurora styles. Copy plain CSS or a Tailwind class in one click.
112 pure CSS text effects and hover animations: gradient text, outlines, 3D shadows, typewriters, underline, image and card hovers. Copy each one.
Free collection of 117 pure CSS loaders in 10 families: spinners, dots, bars, progress bars, skeleton screens, text loaders and gradient rings.
Free collection of 137 CSS buttons in 18 families: 3D, glass, gradient, brutalist, loading and more. Each one copies as plain HTML and CSS.
Free Tailwind footer examples: multi-column, newsletter, big wordmark, local business hours, shop and legal bars. Copy each as React JSX or plain HTML.
Free testimonial section designs: grids, masonry walls, a keyboard slider, marquees, video posters and case studies. Copy each as React JSX or plain HTML.
Free Tailwind pricing tables: 35 sections with working yearly toggles, usage sliders, comparison tables and FAQs. Copy each as React JSX or HTML.
Free set of 50 Tailwind hero sections: split image, photo background, SaaS, shop, app, event and newsletter. Copy each as React JSX or plain HTML.
Free accordions to copy: five styled details and summary designs, an ARIA accordion with animated height, a React and Tailwind version and FAQ JSON-LD.
An agent's activity log as a black desk printer: a lamp lights for each tool and paper tape feeds out the finished job. Free React code and HTML to copy.
Watch an agent sort a bike shop's messages: each note is read under a blue light, labelled and filed in a pigeonhole. Copy the React code or HTML free.
Agent steps drawn on a canvas as an enamel switchboard: patch cords hang with rope physics and a lamp lights per step. React code and HTML, free to copy.
(No description)
(No description)
Category filter drawn as a walnut cabinet of oak drawers: tick one and it springs out to show the herbs inside. Free React code and HTML to copy.
App landing hero with a tilted phone mockup cycling bird photos, a live sound meter and download buttons. Copy the React and Tailwind code or HTML free.
Free React sidebar in Tailwind with an HTML version: groups that open and close, an unread badge and a highlighted current page set with aria-current.
Prompt box staged as a brass ticket window: write on the slip, slide the tray under the glass and a ticket comes back. Free React code and HTML to copy.
WebGL background where leaded windows cast coloured light across a stone floor, sliding as the sun moves. Copy the React code or the HTML version free.
(No description)
(No description)
Free React and WebGL add page control: an ebonised plan chest feeds a cream card sheet out of its slot and lays it on a sunlit stack with a blue index tab.
(No description)
(No description)
(No description)
(No description)
(No description)
Free back to top buttons in React and vanilla JS: progress ring, square, pill, floating label, reading bar and edge tab, plus CSS and JS smooth scroll.
(No description)
Hero section where sun through a shop window warms a plaster wall and the headline is the shadow of lettering on the glass. Free React and HTML to copy.
(No description)
(No description)
(No description)
(No description)
(No description)
Loading animation on a canvas: wet terracotta turns on a wheel and rises into a vase as the percentage climbs. The React code and HTML are free to copy.
Time slot picker drawn as a barbershop card rack: taken hours hold cards and yours drops into any free pocket. Free React and Tailwind code, plus HTML.
Cursor effect with a bar magnet that follows the pointer over iron filings, which turn and chain into field lines. Copy the React code or HTML free.
Progress meter on a canvas: wax cells in a hive frame fill with honey, then seal under pale caps as the job ends. Free React code and HTML to copy.
Free bento grid layouts in Tailwind: feature, portfolio, stats and product designs. Copy Tailwind HTML, React JSX or plain CSS built on grid-template-areas.
Free bento grid feature section in CSS and Tailwind: one large lead tile with a drawn invoice, five smaller tiles, and grid-template-areas for every breakpoint.
Hero with a huge headline over a rooftop photo and a stats row whose numbers roll like meter drums. Copy the React and Tailwind code or HTML free.
Pill navbar where a drop of liquid metal marks the current page and stretches into a thread as it travels. Free React code and an HTML version to copy.
Text reveal where a paragraph pressed blind into paper takes ink word by word as a lamp passes or your pointer moves. Free React and HTML code to copy.
(No description)
(No description)
(No description)
Call to action shaped as a boarding pass: press it or pull the stub and it rips along the perforation and drops. Copy the React code or the HTML free.