01
↗
Back to Top
Configure content, icon, size, shape, position, colours, responsive behaviour, entrance motion and an optional scroll-progress ring.
Self-hosted website components
Configure the component.
Own the code.
Choose a website component, adjust its appearance and behaviour, preview the result, and request the generated files for use in your own project.
HTMLCSSJavaScriptSelf-hosted
Components
Choose what you need.
Each component has its own configuration controls and live preview.
02
↗
Scroll Progress
Configure a scroll-progress bar, numeric readout or both, with follow-progress positioning, visibility thresholds, custom value formatting and responsive presentation.
03
↗
FAQ Library
Create simple, categorized or opt-in hierarchical FAQs with rich media, icons/badges, scalable category overflow, grouped layouts, search, pagination, universal CTAs and multiple reading modes.
04
↗
Timeline
Create flow or one-item timelines with optional rails, marker navigation on any side, split media cards, auto-advance, rich CTAs and responsive presentation.
05
↗
Stats Counter
Create responsive statistic cards with animated counters, static values or text, focus-aware replay rules, icons and typography.
06
↗
Vertical Rail
Create a fixed, sticky or in-flow single-level rail for page navigation, feedback, social links, contact actions or mixed utilities.
07
↗Logo Slider / Marquee
Upload logos or use text, then configure sizing, links, speed, direction, edge fades and pause behaviour.
08
↗Banner
Upload or reference media, configure copy and multiple link/button/modal CTAs, and preview split, stacked or overlay banners.
09
↗Image Slider
Upload slide images, configure captions and links, and preview responsive sliders with autoplay, swipe and controls.
10
↗Image Gallery
Upload gallery images, align thumbnails, configure captions and links, and optionally open the main image in a self-contained lightbox.
11
↗Pricing Table
Create flexible pricing cards with features, highlighted plans and multiple link/button/modal CTAs.
12
↗Step Generator
Create flow or marker-driven step sequences with split media, slider/auto-advance modes, multiple CTAs and responsive layouts.
13
↗Modal / Lightbox
Create polished accessible lightboxes with rich media, formatted HTML styling, configurable overlay treatment, actions and responsive presentation.
Process
From configuration to usable code.
Configure
Adjust the component visually and review it across desktop, tablet and mobile preview sizes.
Submit
Submit the exact configuration you want. The selected settings are stored with the request.
Confirm payment
Complete payment using the instructions provided with the request. Payment confirmation is handled manually.
Receive
The saved configuration is generated into a code package and made available for delivery.
Output
The result becomes part of your website.
The delivered package contains the files needed for the configured component. The component is hosted with your own site and does not require Configure & Own at runtime.
- Format
- HTML, CSS and JavaScript
- Runtime
- Runs from your own website
- Dependencies
- Component-specific; kept to the minimum required
- Configuration
- Stored with the request
component-package
ZIP
- snippet.html
- back-to-top.html
- back-to-top.css
- back-to-top.js
- configuration.json
- README.txt
Self-hosted output
Component standard
Designed for the page it joins.
Responsive
Component behaviour is considered across desktop, tablet and mobile layouts.
Isolated
Generated selectors and runtime behaviour are scoped to reduce interference with the host website.
Lightweight
The exported runtime contains the functionality required by the selected component and configuration.
Independent
Delivered components do not call back to this website in order to continue functioning.
Configure & Own