Interactive feature library33 live demos

Make your site do real work.

Explore working patterns for product stories, customer decisions, proof, and navigation—then see the right system adapted to your brand and sales journey.

Brand-adaptedResponsive by designMotion-aware
Live capability indexSelect a system to explore
3D & spatialOrbit · Configure · Inspect
Explore the library
HOSPITALITYRETAILSERVICESWELLNESSPRODUCTAUTOMOTIVEHOSPITALITYRETAILSERVICESWELLNESSPRODUCTAUTOMOTIVE
All systems interactivePointerKeyboardTouchMotion-awareResponsive
Browse by capability

Showing all 33 components across every capability.

Capability 01 / Spatial systems

3D & spatial

Make products, places, systems, and service areas tangible before a customer commits.

Turn complexity into confidence
05 interactive demos
OrbitConfigureInspect
SP-01

3D product configurator

Configure an illustrative control unit by selecting its housing finish and signal accent, then separate the assembly to inspect how it is constructed.

Best forProduct detail pages, equipment sales, accent previews, and assembly education
SP-02

Interactive 3D globe

Explore example hubs, routes, and regional status in an orbitable network view.

Best forMulti-location brands, service networks, logistics concepts, and regional stories
SP-03

Layered spatial map

Switch between illustrative footprint, demand, and logistics layers on one decision surface.

Best forCoverage concepts, operations dashboards, logistics, and regional storytelling
SP-04

Layered project-scope explorer

Use an illustrative project scope to show what a complex service includes, how its phases connect, and what each phase produces.

Best forAgencies, consultants, builders, and complex service packages
SP-05

Floor-plan capacity explorer

Select a fixed zone and test an illustrative overall seating plan before discussing a custom planning tool.

Best forVenues, clinics, retail, hospitality, and capacity-planning concepts
Capability 02 / Decision tools

Interaction

Let visitors answer, compare, reveal, and shape the next step instead of passively reading.

Help customers choose
08 interactive demos
PointerKeyboardTouch
IN-01

Guided service recommender

Ask one useful discovery question, then translate the answer into a clear recommended service path.

Best forEarly discovery, product finders, onboarding, and service routing
IN-02

Responsive keyboard

Make onboarding, shortcuts, product education, or playful brand moments feel tangible.

Best forSoftware onboarding, shortcut education, and interactive product tours
IN-03

Scrambled data reveal

Use a scramble-to-clear transition for security education, gated labels, or privacy storytelling.

Best forSecurity-themed education, gated labels, and privacy storytelling
IN-04

Pixel canvas + webcam

Turn brand imagery—or an opt-in live camera feed—into an interactive pixel surface.

Best forCampaign activations, events, galleries, and opt-in personalization
IN-05

Magnetic action field

Pull attention toward a high-value action with restrained pointer physics and tactile feedback.

Best forHigh-value calls to action, launches, and focused conversion moments
IN-06

Precision image lens

Give customers a controlled close-up for products, materials, plans, menus, or visual proof.

Best forProducts, materials, menus, plans, and visual quality proof
IN-07

Split-view comparison

Compare an original visual direction with its refined treatment using the same project image.

Best forVisual directions, products, plans, materials, and side-by-side alternatives
IN-08

Project scope estimator

Turn a few project inputs into a transparent starting scope and useful illustrative range.

Best forEarly scoping, budget expectations, and better project conversations
Capability 03 / Choreography

Motion

Use movement to explain hierarchy, progression, transformation, and cause—not simply decorate.

Make the story easier to follow
08 interactive demos
Load inScrollSequence
MO-01

Dynamic background lab

Switch the atmosphere without changing the layout. Useful for campaigns, launches, and section breaks.

Best forCampaign launches, section transitions, and seasonal brand moments
MO-02

Text flipping board

Rotate headlines, benefits, categories, or campaign messages with purposeful motion.

Best forBenefits, categories, product states, and rotating campaign messages
MO-03

Morphing bento layouts

Preview how modular content recomposes across editorial, product, and campaign layouts.

Best forEditorial stories, product launches, and modular content hierarchy
MO-04

Kinetic type marquee

Build campaign energy with adjustable kinetic type that stays structured and on-brand.

Best forCampaign headlines, event promotion, and energetic section breaks
MO-05

Scroll choreography

Sequence an illustrative metric, chart, and activity feed as the visitor moves through the section.

Best forMetric reveals, product proof, and sequenced case-study stories
MO-06

Responsive load-in lab

Preview how content enters across phone, tablet, and desktop without overwhelming the layout.

Best forResponsive strategy, sales demos, and explaining content priority
MO-07

Scroll signal timeline

Link motion directly to page progress so each proof point arrives at the right moment.

Best forCase studies, transformations, and cause-to-outcome storytelling
MO-08

Scroll-linked case-study story

Connect the strategy, implementation, and illustrative outcome of a project story as the page moves.

Best forCase studies, transformations, launches, and outcome-led sales pages
Capability 04 / Content surfaces

Cards

Package proof, options, people, and live state into focused surfaces customers can explore.

Keep evidence close to action
07 interactive demos
CompareExpandBrowse
CA-01

Liquid glass activity card

Package metrics, media, offers, or live product states inside a refractive glass surface.

Best forLive metrics, fitness, finance, media, and premium dashboards
CA-03

Prismatic profile card

Add depth and personality to team, creator, expert, member, or loyalty experiences.

Best forTeams, experts, memberships, loyalty, and creator experiences
CA-04

Draggable card stack

Turn products, services, testimonials, or options into a tactile swipeable collection.

Best forProducts, testimonials, destinations, and swipeable collections
CA-05

Interactive comparison card

Compare the current Terminus website tiers and optionally include separately quoted monthly care.

Best forPlans, packages, memberships, and feature-coverage previews
CA-06

Rotating testimonial deck

Show how approved customer proof and outcomes can rotate through a polished editorial card system.

Best forApproved customer proof, reviews, and trust-building sections
CA-07

Tabbed case-study evidence

Keep the problem, intervention, result, and imagery together while customers switch between projects.

Best forPortfolios, proposals, service pages, and evidence-led storytelling
Capability 05 / Wayfinding

Navigation

Help visitors move through dense services and stories without losing context or momentum.

Keep the next step visible
05 interactive demos
SearchOrientAdvance
NV-01

Contextual command dock

Switch compact destinations while a companion panel updates with related context.

Best forProduct navigation, portfolios, and compact application controls
NV-02

Command palette prototype

Prototype searchable, keyboard-first commands before connecting them to real destinations or actions.

Best forLarge websites, knowledge bases, and keyboard-first navigation concepts
NV-03

Radial destination menu

Turn a compact menu into a memorable spatial navigation moment for immersive brand experiences.

Best forImmersive launches, portfolios, exhibits, and spatial brand experiences
NV-04

Morphing mega menu

Reveal deeper navigation without disconnecting visitors from the page they are exploring.

Best forService-rich websites, product ecosystems, and large content structures
NV-05

Chapter action rail

Pair chapter navigation with a contextual next action on a long sales page.

Best forLong service pages, guides, product stories, and conversion journeys

A feature should earn its place

Pick the interaction that makes the customer decision easier.

Terminus will adapt the right component to your content, performance needs, accessibility standards, and conversion path.

Shape my feature set
Performance-mindedAdapted for productionBrand-customizedResponsive by defaultReduced-motion aware