Aurora Gradient Hero
Hero sectionsA slowly moving colour gradient behind the headline, with a small card of next available times.
Widget gallery
Every section we can add to your website.
Here are all 77 widgets, grouped by what they do. Each one is shown in light and dark, for two different kinds of business, so you can picture it on yours.
Click any preview to try it live. Every widget is adjusted to your brand, your photos and your words when we build your website.
Showing all 77 widgets
Hero sections 12
Card Deck Hero
Hero sectionsA deck of photo cards that tilts in 3D. Swipe or drag through it.
Cinematic Scroll Hero
Hero sectionsFour full-screen scenes with a slow camera move that follows your scroll, ending on the headline and buttons.
Ken Burns Slideshow Hero
Hero sectionsFull-screen photos that slowly zoom and cross-fade, with story-style progress bars.
Parallax Depth Hero
Hero sectionsA layered landscape that moves as you scroll, with the headline tucked behind the hills.
Particle Text Hero
Hero sectionsThe business name built from particles that scatter around the cursor.
Rotating Headline Hero
Hero sectionsThe key word in the headline rolls through your services.
Split Hero
Hero sectionsHeadline and quick facts beside three overlapping photos that drift gently.
Spotlight Reveal Hero
Hero sectionsA torch reveals the finished photo under a sketch or plan.
Parallax Hero
Hero sectionsA full-screen photo hero that stays in place while the next section slides up over it.
Quiet Hero
Hero sectionsA headline on calm paper beside a tall photograph that melts into the page, with a smaller second photo that drifts as you scroll.
Learner Hero
Hero sectionsA hero with a live-looking learner dashboard laid over the photo: a progress ring that counts up, course bars that fill and small cards that cycle.
Headers & navigation 2
Site Header
Headers & navigationA header that slims down on scroll, hides while you read and comes back when you scroll up.
Action Bar
Headers & navigationCall, WhatsApp, Directions and Book, always one tap away on a phone.
Testimonials & reviews 4
Rating Breakdown
Testimonials & reviewsThe overall score with a bar per star rating and topic buttons that filter the reviews.
Review Wall
Testimonials & reviewsColumns of reviews drifting past each other beside the overall score.
Testimonial Carousel
Testimonials & reviewsClient reviews in an accessible carousel.
Voices Columns
Testimonials & reviewsShort quotes in offset columns, each with a name and a place instead of star ratings.
Galleries & sliders 8
Filter Gallery
Galleries & slidersA photo grid with filter buttons and a full-screen viewer.
Thumbnail Slider
Galleries & slidersOne large photo with a caption beside a strip of thumbnails.
3D Coverflow
Galleries & slidersA 3D carousel of photos with a caption for the one in front.
Image Trail
Galleries & slidersPhotos follow the cursor across the stage, then fade away.
Story Viewer
Galleries & slidersRound photos like phone stories. Tap one and it plays full screen.
Horizontal Scroll Section
Galleries & slidersA pinned section that scrolls sideways as you scroll down.
Marquee / Infinite Scroll
Galleries & slidersEndless ribbons of words and photos that speed up as you scroll.
Media Carousel
Galleries & slidersA row of photo, video and quote cards that moves sideways as you scroll, with arrow buttons.
Contact & booking forms 4
Booking Request
Contact & booking formsA booking request in three short steps, sent as a WhatsApp or email message.
Availability Bar
Contact & booking formsA slim booking bar with check-in, check-out and guests that opens the booking page with the dates filled in.
Donate Amounts
Contact & booking formsA donation form with once or monthly giving, preset amounts and a note on what each gift pays for.
Conversation Chips
Contact & booking formsA gentle enquiry form: choose what is on your mind with chips, write a little and say how to reach you.
Locations & opening hours 3
Branches
Locations & opening hoursA tab per branch with photo, address, today’s hours and directions.
Open Now
Locations & opening hoursOpening hours that know the time: Open now, Closing soon or Closed.
Circle Map
Locations & opening hoursA dotted world map with threads to where the group sits, and the session time worked out for the visitor's own city.
Page sections 13
Interactive Accordion
Page sectionsImage panels that expand when you point at or tap them.
Flip Box
Page sectionsCards that flip over in 3D to show the details on the back.
Sticky Stacking Cards
Page sectionsCards that stick and stack on top of each other as you scroll.
Image Hover Effects
Page sectionsA grid of photos with six different hover effects.
Shape Image Mask
Page sectionsPhotos cut into arches, blobs, scallops and leaves.
Animated Counters
Page sectionsNumbers that count up when they scroll into view.
Story Timeline
Page sectionsThe business story as dated moments along a line that fills as you scroll.
Cinematic Scroll Experience
Page sectionsScroll-driven storytelling with a video intro, a sideways day-in-the-life and a closing call to action.
Amenity Tiles
Page sectionsFacilities as neat icon tiles over a full-width photo, beside a short heading and a button.
Benefits Ring
Page sectionsA ring of photo segments. Click a segment to show its benefit in the centre.
Journey Path
Page sectionsA programme drawn as one line: rings for group sessions, dots for one-to-one conversations and dashes for practice at home.
Lens Diagrams
Page sectionsTwo simple frameworks drawn as diagrams. Tap a point or a circle to read what it means.
Resonance List
Page sectionsA list of lines to tick if they ring true, with a gentle read-back that changes with how many you choose. Nothing is stored or sent.
Pricing & menus 9
Price Switch Cards
Pricing & menusThree price cards with a switch between two pricing options.
Tabbed Price List
Pricing & menusA price list in tabs, with a photo for each section.
Hover Preview List
Pricing & menusServices or dishes in large type; point at one to see its photo.
Filter List
Pricing & menusA full list with filter chips and a search box.
Daily Specials
Pricing & menusA board with a tab for each day that opens on today.
Room Cards
Pricing & menusRoom and suite cards with a photo, short facts, the price per night and a Book now button.
Offer Cards
Pricing & menusOne large featured offer beside smaller offer cards, each with a tag, a line of detail and a Book now link.
Plan Switch
Pricing & menusPer-seat plan cards with a monthly or annual toggle and a seat slider that re-prices every card and shows the team total.
ROI Calculator
Pricing & menusFour sliders give a yearly saving that counts up, before and after bars, hours returned and payback time.
Product showcases 3
360° Product Rotation
Product showcasesDrag to spin a real 36-frame product turntable.
Before/After Comparison
Product showcasesDrag the divider to compare two photos.
Image Hotspots
Product showcasesPulsing dots on a photo that open small info cards.
Text effects 6
Image Mask Text
Text effectsBig headlines filled with photos and video.
Scroll Highlight Text
Text effectsWords light up as you scroll, with key phrases underlined.
Split Text Animation
Text effectsHeadlines that animate in by character, word and line.
Circle Text
Text effectsText running around a slowly turning circle.
SVG Line Draw
Text effectsLine drawings that draw themselves as you scroll.
Reflective Questions
Text effectsOne question at a time over a full-width photo, with a slow cross-fade and previous, pause and next buttons.
Team 2
Meet the Team
TeamA row of portraits; choose a face to read their story.
Facilitator Duo
TeamTwo guides as side-by-side portraits. Choose one, or Together, and that voice speaks while the other portrait softens.
FAQ 1
FAQ Accordion
FAQCommon questions beside a heading that stays in view.
Events & countdowns 3
What’s On
Events & countdownsComing events with big dates, prices, Book and Add to calendar.
Countdown Banner
Events & countdownsA photo banner counting down to a launch, a sale or a new season.
Session Bar
Events & countdownsOne long session as a timeline of stretches. Choose a stretch to read what happens in it. Stacks into a list on phones.
Courses & learning 6
Learning Path
Courses & learningRole tabs, each with a path that draws itself, stops that pop in and a panel for the stop you choose.
Compliance Matrix
Courses & learningDepartments by required courses as a colour grid with a live completion ring and an overdue-only filter.
Skills Radar
Courses & learningBefore and after a programme as two shapes. The after shape grows into place; hover a point for the score and the gain.
Certificate Preview
Courses & learningType a name and pick a course: a printed-style certificate updates with a number and a pattern code. Sample only.
Course Catalogue
Courses & learningCourse cards with generated cover art, topic chips and a search box that filter in place.
Course Outline
Courses & learningModules that open and close, lessons you can tick to move a progress ring, and a sticky enrol card.
All businesses, names, prices, reviews and events in these demos are fictional sample content, made up to show how each section works for different kinds of business. Photos are licensed stock (Pexels and Unsplash) or illustrative images made for these demos.