A heading that types itself letter by letter behind a blinking caret, in pure CSS.
- Tailwind
- React
- CSS
- WordPress
Catalog
Complete templates, components and legal pages. Filter by industry, format or color, then try the live preview.
269 resources
Reveal on scroll
FreeSteps that fade and slide into view as the page scrolls.
- Tailwind
- React
- CSS
- WordPress
An announcement set on sun rays that slowly turn from the centre, fading towards the edges.
- Tailwind
- React
- CSS
- WordPress
A large heading whose letters hop one after another, like a wave running through it.
- Tailwind
- React
- CSS
- WordPress
A highlighted word in a heading, around which small stars fade in and out as they twinkle.
- Tailwind
- React
- CSS
- WordPress
A hero set on a pastel mesh gradient whose colour patches slowly glide.
- Tailwind
- React
- CSS
- WordPress
A card that lifts on hover while an iridescent shine sweeps diagonally across it, like a holographic card.
- Tailwind
- React
- CSS
- WordPress
A call-to-action button wrapped in a breathing glow that brightens and gets swept by a shine on hover.
- Tailwind
- React
- CSS
- WordPress
A heading whose highlighted words are filled with a continuously sliding colour gradient.
- Tailwind
- React
- CSS
- WordPress
A section on a dot grid fading towards the edges, swept by a wandering teal glow.
- Tailwind
- React
- CSS
- WordPress
A hero section set on blurred colour glows that slowly drift, like the northern lights.
- Tailwind
- React
- CSS
- WordPress
A card whose outline is travelled by an endless violet and cyan streak of light.
- Tailwind
- React
- CSS
- WordPress
Two rows of large words scrolling in opposite directions, faded at the edges, with a pause button.
- Tailwind
- React
- CSS
- WordPress
A short form for independent businesses: name, phone, reason, preferred date and a morning or afternoon slot, with validation and a confirmation summary.
- Tailwind
- React
- CSS
- WordPress
A desktop contact card with a clickable tel: number, a live Available badge and response hours, for tradespeople who want to be phoned directly.
- Tailwind
- React
- CSS
- WordPress
A reviews section for local shops: average star rating out of 5, a star breakdown that animates into view and the three latest reviews signed with a first name and a town.
- Tailwind
- React
- CSS
- WordPress
A studio or school's weekly timetable, filterable by discipline and level, with remaining places and a day-by-day view on mobile.
- Tailwind
- React
- CSS
- WordPress
The full cart page: keyboard-editable quantities, undoable removal, promo code, free-delivery gauge and totals recalculated then announced.
- Tailwind
- React
- CSS
- WordPress
A faceted filter panel for a catalog: category, price, size, colour and stock, with a result counter, active filter chips, sorting and a mobile drawer.
- Tailwind
- React
- CSS
- WordPress
A gift card form: preset or custom amount, design, recipient, message and send date, with a live preview of the card.
- Tailwind
- React
- CSS
- WordPress
Three consistent screens in one card: sign in, sign up with live password criteria, and a reset request.
- Tailwind
- React
- CSS
- WordPress
A keyboard-filterable dropdown to pick one or several values, shown as chips, backed by a real select field.
- Tailwind
- React
- CSS
- WordPress
Indicative prices sorted by trade in tabs, with the unit of each service, a VAT-inclusive / excl. switch and a free-quote notice.
- Tailwind
- React
- CSS
- WordPress
An Open / Closed pill for the site header, computed on the shop's local time, with French public holidays, exceptional closures and the next opening time.
- Tailwind
- React
- CSS
- WordPress