feature-sections/autoplay-feature-tabs

Autoplay feature tabs for React: tabs advance on a filling progress bar, pause on hover, and show a phone screen built in code.

think · standard · freedesignmd · Insel · 2 Slots

Autoplay Feature Tabs — ueberschrift (h2, 72 Zeichen)

Autoplay Feature Tabs — vorspann (p, 240 Zeichen)

Wren.Hyde Park, Leeds · 0113 496 0021

The Wren app

The waiting room, minus the waiting.

Four things our 11,400 patients used to ring reception for. Now they take about a minute each.

Book

See Dr Okafor

Mon3Tue4Wed5Thu6Fri7

Tuesday 4 November

08:2009:1010:4011:5014:3016:00

Dr Amara OkaforGP, 14 years at Wren

In person · Room 3 · 10 min

Book 10:40

feature-sections/before-after-compare

Before and after image slider in React: drag to compare AI product-photo retouching, with chips that choose the edits.

think · standard · freedesignmd · Insel · 2 Slots

Before / After Compare — ueberschrift (h2, 72 Zeichen)

Before / After Compare — vorspann (p, 240 Zeichen)

cleanplatePricing · API · Sign in

Cleanplate for e-commerce

Shot on a kitchen table.
Sold on a white page.

Upload a phone photo, get back a catalogue image that matches the other 400 in your store. Drag the line to compare.

3.4 s per imageExports to Shopify, Shopware, Amazon

After shows: remove clutter, fix colour, relight.

IMG_4471.HEIC3024 × 4032 → 2000 × 2500, sRGB

feature-sections/bento-live-ui

Bento grid features section for React where every tile works: freeze a card, convert FX, clear approvals, scrub a chart.

think · standard · freedesignmd · Insel · 2 Slots

Live UI Bento — ueberschrift (h2, 72 Zeichen)

Live UI Bento — vorspann (p, 240 Zeichen)

tallyard.Business · Pricing · Log in

Tallyard for business

Spend, approve,
pay. Before lunch.

One account for a company of 4 or 40. Cards with limits that mean something, invoices that wait for the right person, and euros that leave at the mid-market rate.

01Cards

Freeze a card from a train platform.

FIFigmaToday, 09:12€45.00
CACafé KosmosYesterday, 13:40€18.60

Card activeOnline, in store and contactless.

Monthly limit€1,284.60 ~~/ €4,000~~

02Spend

Every euro, by the week it left.

12 weeks€48,202Down 16.2% on last week

€4,592 w/c Oct 20

Contractors38%
Software24%
Travel21%
Everything else17%

03FX

Mid-market, no spread.

You sendEUR

They receive10,668.78GBP

Rate: 1 EUR = 0.8541
Fee: €8.75
Arrives: Today, 16:00

04Approvals

3

Invoices wait for the right yes.

Hetzner OnlineInvoice 2026-1184, serversJonas asked, 2h ago
€612.40
Druckerei HansenLookbook print run, 400 copiesAyla asked, Yesterday
€2,380.00
Deutsche BahnBerlin to Milan, 2 seatsKofi asked, Mon
€318.90

feature-sections/hover-index-list

Editorial index list for an architecture studio: a photo trails the cursor on a spring and rows open in place.

think · standard · freedesignmd · Insel · 2 Slots

Hover Index List — ueberschrift (h2, 72 Zeichen)

Hover Index List — vorspann (p, 240 Zeichen)

Haarmann VosRotterdam 51.91° N · Napoli 40.85° N

Practice(06)

What we
design

Haarmann Vos is a studio of 23 architects and makers in Rotterdam and Naples. Six things we do, in roughly the order we started doing them.

Houses designed from the way a family actually uses the kitchen at 7am. We stay on through the build and come back after a year to see what we got wrong.
- Villa Lisca, Amalfi, 2025
- Huis aan de Kade, Delft, 2023
- Two Barns, Zeeland, 2021
Small hotels where every room is a little different and nobody has to read a sign to find the pool. Brief to opening, usually 26 months.
- Casa Halcyon, Positano, 2024
- Hotel Oostkade, Rotterdam, 2022
Careful, slow work on buildings older than the street plan around them. We document everything, replace little and argue with heritage officers politely.
- Ryokan Kaze, Kyoto, 2024
- Pakhuis 1868, Amsterdam, 2020
When the right chair doesn't exist we draw it, then make it with workshops in Eindhoven and Bassano. Some of them are now for sale.
- Vos Stool, oak, 2025
- Sill vase, stoneware, 2024
Rooms where the light does half the work. Counters at the right height for leaning, acoustics you can talk over.
- Cha Ma, Antwerp, 2025
- Bar Teun, Utrecht, 2023
Terraces, pools and planting designed with the house, not after it. We plant for the tenth summer, not the first photo shoot.
- Terrazza Limone, Praiano, 2024
- Duinhof, Wassenaar, 2022

feature-sections/leistungen-liste

Die Leistungen als Liste mit Nummer, Titel und einem Satz — was der Betrieb macht, ohne Behauptung.

think · standard · eigen · statisch · 3 Slots · Varianten: liste, zwei-spalten

leistungen-liste — ueberschrift (h2, 60 Zeichen)

leistungen-liste — vorspann (p, 240 Zeichen)

Kein daten.leistungen gesetzt — der Block bleibt sichtbar leer.

leistungen-liste — fussnote (klein, 140 Zeichen)

feature-sections/process-timeline

Shipment tracking timeline for React: stages on an SVG route, a marker that sails to the live position, expandable logs.

think · standard · freedesignmd · Insel · 2 Slots

Shipment Timeline — ueberschrift (h2, 72 Zeichen)

Shipment Timeline — vorspann (p, 240 Zeichen)

HALDEN FREIGHTTrack · Quote · Account

Shipment HLD-20931 · FCL 40′ · Tiles, porcelain

Castellón → Göteborg

Status: On time
Journey: 55%
ETA: Fri 7 Nov
14:00–16:00

01Done
Collected
Castellón de la Plana, ES
Mon 3 Nov, 07:40
Truck · 74 km
- 07:4022 pallets loaded, 14,380 kg
- 07:52Seal 448120 applied, photo on file
- 09:05Gate in, Valencia Principe Felipe
02Done
Port of Valencia
Export cleared, loaded
Mon 3 Nov, 16:15
MV Nordkapp · 1,940 km sailed
- 11:30Export declaration MRN 25ES00…7A released
- 16:15Container HLDU 204931 loaded, bay 22
- 22:00Vessel departed, 2 h late on berth
03Now
At sea
Bay of Biscay, 11.4 kn
Wed 5 Nov, 09:20
1,260 km to go
- 09:20Position 45.12 N, 6.80 W
- 06:00Swell 2.1 m, no delay expected
- TuePassed Finisterre, back on schedule
04Planned
Rotterdam
Maasvlakte, onto rail
Thu 6 Nov, 06:00
Rail + ferry · 1,180 km
- ETABerth at ECT Delta, 06:00
- ETARail slot booked, 11:40 to Göteborg
05Planned
Delivered
Nordisk Kakel AB, Göteborg
Fri 7 Nov, 14:00–16:00
- ETATail-lift truck, dock 4
- NoteCall Linnea 30 min before arrival

feature-sections/spec-sheet

Product spec sheet section for an e-bike: big model number, mono spec grid and an SVG drawing with lit-up callouts.

think · standard · freedesignmd · Insel · 2 Slots

Spec Sheet — ueberschrift (h2, 72 Zeichen)

Spec Sheet — vorspann (p, 240 Zeichen)

BRAKKE/Model 4 · Test ride in Utrecht

Sheet B4-21Rev. C · 2026-09

Brakke Model 4
City, light cargo

Built in Utrecht for people who carry things: a child seat, a crate of beer, a cello. One belt, one hub, no derailleur to bend in a bike rack.

From€3,890incl. 21% VAT

01Motor: 250W · 65 NmRear hub, silent below 25 km/h
02Battery: 540WhRemovable, locks into the down tube
03Range: 40–110kmEco on flat Dutch roads, 75 kg rider
04Drive: CDXcarbon beltNo oil, 30,000 km service interval
05Brakes: 180/160mmHydraulic disc, front / rear
06Weight: 19.8kg6061 aluminium frame, size M
07Tyres: 650B × 50mmPuncture belt, reflective wall
08Lights: 70luxIntegrated, on with the motor

feature-sections/sticky-feature-tour

Scroll-driven feature tour with a pinned window that crossfades terminal, diff and query UIs, steps on a progress rail.

think · standard · freedesignmd · Insel · 2 Slots

Sticky Feature Tour — ueberschrift (h2, 72 Zeichen)

Sticky Feature Tour — vorspann (p, 240 Zeichen)

tidepool_docs pricing status

tidepool / how it works

Every pull request
gets its own database.

Postgres that branches like git. Four steps from a laptop to production, none of them a staging server.

01
Branch
Open a pull request and Tidepool forks your database with it. Copy-on-write, so a 200 GB branch costs you the rows you change, not the rows you have.
- 1.8s for 212 GB
- Scales to zero
zsh1/4
~/api $ tide branch create pr-482 --from main
resolving main@a91f3e2 ............ 212.4 GB
copy-on-write snapshot ............. done 1.8s
compute: 2 vCPU, scales to zero after 5 min idle

● branch pr-482 is ready
url postgres://pr-482.eu-central.tidepool.dev/api
cost €0.004 / hour while awake

~/api $
02
Migrate
Schema changes show up next to your code review. tide check flags table locks, missing concurrent indexes and long backfills before anyone hits merge.
- 17 lock rules
- Runs in CI
0042_invoice_currency.sql2/4
migrations/0042_invoice_currency.sql+4 −1
41 create table invoices (
42 id uuid primary key,
43 customer_id uuid not null references customers,
44- amount integer not null,
44+ amount_minor bigint not null,
45+ currency char(3) not null default 'EUR',
46 issued_at timestamptz not null default now()
47 );
48
49+create index concurrently invoices_customer_idx
50+ on invoices (customer_id, issued_at desc);
▲ tide check: index built concurrently, no table lock. Safe for 1.2M rows.
03
Preview
Branches carry production-shaped data. Masking policies rewrite emails, names and IBANs on the way out, so your preview app and your contractor see the same shape and none of the secrets.
- GDPR masking
- Per-column policies
psql3/4
pr-482=> select id, email, plan, sum(amount_minor)/100.0
-> from customers join invoices using (customer_id)
-> group by 1,2,3 order by 4 desc limit 5;
idemailplantotal
c_81f2m•••@k•••.deTeam€1,240.00
c_1a07j•••@o•••.ioScale€8,910.50
c_77c3a•••@f•••.seTeam€412.00
c_3e90l•••@h•••.nlStarter€39.00
c_c214s•••@v•••.chScale€12,077.25
(5 rows, 14 ms) · PII masked by policy mask_emails
04
Merge
Merging replays the migration on main in expand and contract phases. Reads swap over atomically; the old column waits 24 hours in case you change your mind.
- 0 ms write pause
- 24h undo
deploy · main4/4
Merge pr-482 into mainLive
✓Schema check0 blocking locks0.4s
✓Backfill amount_minor1,204,388 rows38.2s
✓Swap reads0 ms write pause0.1s
Drop amountscheduled after 24hqueued
p95 latency, mainflat through the swap, 11.8 ms

zsh1/4

~/api $ tide branch create pr-482 --from main

resolving main@a91f3e2 ............ 212.4 GB

copy-on-write snapshot ............. done 1.8s

compute: 2 vCPU, scales to zero after 5 min idle

● branch pr-482 is ready

url postgres://pr-482.eu-central.tidepool.dev/api

cost €0.004 / hour while awake

~/api $

0042_invoice_currency.sql2/4

migrations/0042_invoice_currency.sql+4 −1

41 create table invoices (

42 id uuid primary key,

43 customer_id uuid not null references customers,

44- amount integer not null,

44+ amount_minor bigint not null,

45+ currency char(3) not null default 'EUR',

46 issued_at timestamptz not null default now()

47 );

48

49+create index concurrently invoices_customer_idx

50+ on invoices (customer_id, issued_at desc);

▲ tide check: index built concurrently, no table lock. Safe for 1.2M rows.

psql3/4

pr-482=> select id, email, plan, sum(amount_minor)/100.0

-> from customers join invoices using (customer_id)

-> group by 1,2,3 order by 4 desc limit 5;

idemailplantotal

c_81f2m•••@k•••.deTeam€1,240.00

c_1a07j•••@o•••.ioScale€8,910.50

c_77c3a•••@f•••.seTeam€412.00

c_3e90l•••@h•••.nlStarter€39.00

c_c214s•••@v•••.chScale€12,077.25

(5 rows, 14 ms) · PII masked by policy mask_emails

deploy · main4/4

Merge pr-482 into mainLive

✓Schema check0 blocking locks0.4s

✓Backfill amount_minor1,204,388 rows38.2s

✓Swap reads0 ms write pause0.1s

Drop amountscheduled after 24hqueued

p95 latency, mainflat through the swap, 11.8 ms

01 / 04

$ brew install tidepool/tap/tide

Autoplay Feature Tabs — ueberschrift (h2, 72 Zeichen)