xyst.wtf/design

A customizable link in bio, down to the blur radius.

Not a theme picker. Every value on the card is a control you hold, and the card redraws as you move it.

One card. Every knob.

Four saved looks to start from, then the controls a real page has. Close to a customizable personal website, without opening an editor.

Saved look violet
Card blur 14px
Corner radius 16px
Avatar roundness 50%
Card opacity 60%
Card pick any
Background Clear
Name effect Plain
Build yours
a
avery

one card, every knob on the left, no code and no export step

7,412

same page, showing violet, soft

Or stop stacking. Arrange the page.

The card above is one block. On Premium the page is a canvas of them, five screens deep if you want, and every block sits where you put it.

card a avery one card, every knob above
links portfolio github commissions newsletter
discord playingHades II
gallery
player Nightshift (demo)
Premium

Drag-and-drop layout

Sections are full screens that snap as you scroll. Each one is an odd grid, so anything can be centred exactly. Containers are grids too: the parts of a card move the same way the card does.

  • Card, player, Discord, links, gallery and a text block
  • A background, tint and veil per section
  • A reveal per block: rise, fade, drift or zoom
  • The editor is the real page in a frame, so what fits, fits
  • Phones get the stacked column, arranged for them

Every control, and where it lives.

The demo above holds eight of them. The customize page holds all of these.

Card colour, opacity and blur 20 to 100%, 0 to 24px Free
Corner radius 0 to 40px Free
Avatar roundness 0 to 50% Free
Border, text, icon and accent tint any colour Free
Glow on the name, gradient card, monochrome icons switches Free
Background image or colour Free
Background effects 4 of 6 Free
Username effects 3 of 5 Free
Matrix and Fog backgrounds Premium
Typewriter and Rainbow usernames Premium
A custom layout blocks on a grid, up to five screens Premium
A custom cursor pointer, click and a pet Premium
Font settings Premium
Metadata and SEO settings title, description, indexing Premium
Build yours Read the docs