← Back to home

Component lab (08)

Pieces we forge for premium websites.

Every component here is built in the same design language as this site, and every one of them works. Pick the numbers you want, and they move onto the page.

  1. 01Kite sliderSlider
  2. 02Aura carouselSlider
  3. 03Before / afterSlider
  4. 04CheckoutPayments
  5. 05Plan pricePayments
  6. 06Dynamic IslandApple
  7. 07Control CenterApple
  8. 08Function rowMacBook
01

Slider

Kite slider

A budget slider whose thumb is our kite. The string pulls taut behind it, the tail sways with speed, and the ends stretch like rubber before springing back.

02

Slider

Aura carousel

Drag or flick through cards finished in our aura gradients. Momentum, snapping and depth, so the centre card always feels in focus.

02

Mauve

Product launch

Mauve, card 2 of 5

03

Slider

Before / after

Drag the kite to compare a generic template with a Tangent Kyte build. The clearest way to show what our design does to a website.

TemplateTangent Kyte
04

Payments

Checkout

A glass card that tilts toward your cursor and flips on tap, with a payment button that moves from processing to paid without ever leaving its place.

Tap the card to flip it

Order summary

Website · Sprint$4,200
Aftercare · 3 monthsIncluded
Total$4,200

Demo only. No payment is taken.

05

Payments

Plan price

Switch between monthly and fixed pricing and watch every digit roll into place, like a mechanical counter.

/ month

A lead plus the specialists you need. Cancel any month.

  • Senior lead on every call
  • Weekly demos
  • Aftercare included

Illustrative prices.

06

Apple

Dynamic Island

A live activity on an iPhone: the island grows from a pill into a deploy tracker, then into a card announcing the site is live.

07

Apple

Control Center

Frosted iOS controls over our aura: toggles, a focus mode, now playing and two drag sliders, all working.

Ideas that flyTangent Kyte
08

MacBook

Function row

Press the keys, by clicking or with your own keyboard: brightness and volume pop-ups, Mission Control, Spotlight, Do Not Disturb, media and Touch ID.

Click the keys, or click here and press F1–F12 on your keyboard.

Tell us the numbers you like. We'll forge the rest.