Wolf Creek Showcase
Make Open in /new

Taskbar & Nav

Docks, rails, FABs, command bars. Sixty demos.

01Magnifying dock

Slide across the dock

02Pill nav morph

Home

Click another item. Arrow keys move too.

03Bottom tab haptics

Home

Tap the tabs below, then add a message.

04Floating hide-on-scroll

Scroll down, then up

Cut list approvedOrder 4821 is ready for the saw.
CNC program loadedNested for 3 sheets of birch.
Edge bandingWhite PVC, 0.5 mm.
Hardware kitHinges, pulls and screws packed.
Quality checkEvery door measured twice.
PackedWrapped and strapped on a pallet.
PickupTomorrow at 3:30 PM.
Invoice sentPaid by card.
05Glass blur on scroll
◆ Acme

Scroll me

06Command bar ⌘K

07Radial FAB menu

Tap the plus button

08Breadcrumb dropdowns

Open a crumb menu

09Vertical hover rail

Dashboard

Hover or focus the rail. On touch, press and hold it.

10Status bar + dots
86%

The clock only ticks while this card is on screen.

11Dynamic Island bar NEW
Now Playing · Wolf Creek

Expands like a Dynamic Island, then settles.

12Segmented control morph NEW

Showing Day

13Icon-rail collapse NEW

Home

Sidebar expanded

14Multi-row app switcher NEW

App switcher · drag or click

15Progress section pills NEW

Intro

Pills fill as you scroll through each section.

Build

Progress is linked to how far the section has been read.

Ship

Active pill tracks the section nearest the top.

Done

All four complete when you reach the end.

16Ticker tape bar NEW
WCD +12.4OAK −0.8CNC idleOrder 4821 packedPickup 3:30 PMWCD +12.4OAK −0.8CNC idle

Live tape · pauses on hover

17Weather strip NEW
⛅ 72° Pell City Light breeze · UV 4
18Sports score bar NEW
WCD21 — 17OAK Q4 2:14
19Multi-account switcher NEW
20IDE tab bar NEW
const ready = true;
21Finder path bar NEW

/Projects

22Mobile notch fake NEW
5G ▮▮▮

Fake notch chrome over content.

23Collapsible filter bar NEW
3 active
24Shopping checkout steps NEW

Step 2 · Ship

25Onboarding dots bar NEW

Welcome

Dots track onboarding slides.

26Audio transport bar NEW
Field Notes0:00
27Map tools bar NEW

Tool: Pan

28Chat compose bar NEW
29Kanban swimlane header NEW
Backlog3
Cut list
Doing1
CNC run
Done2
Invoice
30Email toolbar NEW

Select an action

31Spreadsheet formula bar NEW
B2 fx

Formula ready

32Video scrub bar NEW
0:12
1:24
33Podcast chapters bar NEW

Intro · 0:00

34Calendar week bar NEW

Wed 15

35Focus mode minimal bar NEW
Editor

Chrome collapses to a single control.

36Notification permission bar NEW
Allow notifications for order updates?

Waiting

37Cookie consent bar morph NEW

We use cookies for shop analytics.

38A11y skip bar NEW
Skip to content

Landed in main after skip.

39Language + currency bar NEW

EN · USD

40Smart app banner NEW
W
Wolf CreekOpen in the app

Banner visible

41Stair-nose nav with slinky NEW

Step 1 of 5

Carpet

Plush, frieze & berber.

$2.49/sq ft · padded

42Swatch dock that floors the room NEW

Natural Oak · hardwood · $5.95/sq ft

43Click-lock plank breadcrumb NEW

Build your floor

Pick a type — it clicks into the rail.

44Filter rail that re-lays the floor NEW
36 floors
45Project steps with walking footprints NEW
46Toe-kick nav with motion-sensor LED NEW

Shop by part

Shaker doors

$38 / door · ships in 7 days

47Pull-handle drawer tabs NEW

Grab a pull. Drag it down.

Door styles

  • Shaker$38
  • Slab$32
  • Beadboard$44

TFL finishes

  • White Oakwoodgrain
  • Graphitematte
  • Snowgloss

Hardware

  • Bar pull$6
  • Cup pull$7
  • Soft-close$4

48Upper-cabinet dock with swinging doors NEW

Hover the uppers

Doors crack open as you get close.

Tap one to open the tool inside.

4935 mm hinge breadcrumb NEW

Spec a door · hinge by hinge

Pick a part

50Countertop mug-slide nav NEW

Zone 1 · Sink base

2 doors + false front

$98 in TFL · ships in 7 days

Flick the mug ⟷

51Closet-rod nav with swinging hangers NEW

Shove the clothes · tap one

Pick a closet off the rod.

Drag across the rack. They swing.

52Slanted shoe-shelf dock NEW

Slanted shoe shelf

Hover the shelf. Tap a pair.

It hops down to the try-on mat.

53Pull-out valet-rod nav NEW

Pull-out valet rod

Stage tomorrow's outfit.

Each segment that clears the panel drops a hanger on.

54Tilt-out hamper bottom bar NEW

Fling it in the hamper.
Every add is a closet accessory.

0 items · $0

55Belt-notch progress nav NEW

Your closet project · cinch it one notch at a time

56Quote cart that fills like a tank NEW

Tap to add. Watch the tank.

Big-box price for the same: $0

$0 · 0 items

$500 to free shipping

57Live shop-floor social-proof bar NEW
LIVE viewing
TFL doors

sample data

Orders roll in here.

58Padlock price-lock taskbar NEW

TFL Shaker door

$38/door

Any color · ships in 7 days

Laminate board index +3.2%

1:30to hold $38/door
59Call-the-shop dock with curly cord NEW

Shop is open · Mon–Fri 8–5 ET

Lift the handset.

A real person at the TFL shop picks up. No phone tree.

60Compare tray that becomes a scorecard NEW

Drag or tap options into the tray.