Free MIT-licensed React + Tailwind components, sections and page blocks from WeInc, built for landing pages, SaaS and small business sites.
On and off toggle drawn as a guitar pedal: press the chrome footswitch and an amber jewel lamp lights above it. Copy the React code or HTML version free.
Cinema marquee on a canvas: letter tiles slide along rails and clack together inside a red frame of chasing bulbs. Free React code and HTML to copy.
(No description)
(No description)
(No description)
(No description)
(No description)
Free CSS typing animation: one line typed with steps() and ch widths, a blinking block caret, an erase and retype loop, and a still line for reduced motion.
(No description)
ID badges cut from clear acrylic stand in a slotted block and the one you pick lifts out and turns to face you. Free React and Tailwind code, or HTML.
(No description)
Visual editing demo in 3D: lift the photo, headline or button out of a page and blue light shows in the empty socket. Free React code and HTML to copy.
(No description)
Team section of manila time cards in a steel rack: pull one and it slides out with a stapled portrait and the hour stamped in. Free React and HTML code.
Chapter menu drawn as a shelf of cloth bound books: pick a spine and that volume is pulled out and opened. Copy the React and Tailwind code or HTML free.
(No description)
(No description)
(No description)
Colour picker drawn as a canvas pencil roll: the pencil you choose slides out of its pocket and hatches a swatch on a card. Free React and HTML to copy.
(No description)
(No description)
(No description)
Carousel shaped like a concertina photo book: zigzag panels stand up and the one pulled to the middle opens flat. Free React and Tailwind code, or HTML.
(No description)
Free constellation particle background in plain canvas: thin links between nearby points, depth fade and a pause off screen. React and vanilla versions.
Free contact form in HTML and CSS with floating labels, :user-invalid error styling, messages tied by aria-describedby, and a React and Tailwind version.
(No description)
(No description)
Testimonial board of portrait postcards on map pins: they sway when brushed, then unpin and turn over to a handwritten note. Free React and HTML code.
Unboxing animation in CSS 3D: printed tape peels off a carton, the flaps fold open and tissue parts over a jumper. Copy the React code or HTML free.
(No description)
(No description)
Device frame shaped like a tube monitor: your page sits behind scan lines while the set warms up, degausses and powers down. Free React and HTML code.
(No description)
Free animated background set in pure CSS: drifting gradient mesh, dot grid spotlight, aurora bands and film grain. React and Tailwind, no canvas.
Free CSS gradient border examples: border-image, padding-box, mask, SVG stroke, glow and rotating conic edges, plus Tailwind versions. Copy each one as shown.
Free CSS hamburger menu set: 12 animated icons, a slide-in drawer, a dropdown and a no-JavaScript checkbox menu, plus a React and Tailwind version to copy.
(No description)
Free CSS tabs in six styles: radio button tabs and :target tabs with no JavaScript, plus WAI-ARIA tabs with arrow keys. Live demos and copyable HTML and CSS.
Free CSS toggle switches in 15 styles, each a native checkbox with role=switch. Pick small, medium or large, try disabled and right to left, then copy the code.
(No description)
Free custom scrollbar CSS you can scroll and copy: thin, pill, floating, hover-reveal, dark, horizontal and hidden bars, plus Tailwind versions without a plugin.
(No description)
(No description)
Free dark mode toggle switch with a sliding sun and moon knob that follows the device setting, recolours its block and works with the keyboard.
Free dark mode toggle switch for React and Tailwind: four styles, follows the system setting and remembers the choice. Copy the code and paste it.
(No description)
(No description)