nabous.dev
Back to the material lab

THE MATERIAL COLLECTION / 24 EXAMPLES

A little light.
A lot of possibilities.

Small interfaces, caught in the light.
Try the controls. Open an example. Make it your own.

24 experiments

AN OPEN INVITATION

Follow your
curiosity.

Good things happen at the edge of what you know.

01 / SURFACE

Follow the light

A warm spotlight with a fine illuminated edge.

LIGHT IS THE INK

less
but
better.

Real text. Try selecting it.
02 / TYPOGRAPHY

Ink made of light

Oversized, selectable type that catches your cursor.

WAVEFORM STUDY · NO AUDIO

After the rain

Ambient / 03:42

03 / COMPOSITION

Frosted frequencies

A glass player over a graphic record sleeve.

A QUIET SIGNAL

On the same
wavelength.

Hover or focus to set the edge in motion.

04 / SURFACE

Travelling edge

A moving ribbon of color around a still surface.

Your library

A little room for your tools.
05 / CONTROL

Pocket workspace

A luminous dock with native, keyboard-friendly options.

SET THE MOOD
22°just right
Cool / 16°Warm / 30°
06 / CONTROL

Degrees of warmth

A tactile dial driven by a real range input.

LM / MATERIAL CLUB

NO.
026

EXPLORER PASS
ALWAYS CURIOUS
07 / SURFACE

A different kind of foil

A satin pass with an optional spectral finish.

ONE SMALL SPARK

An idea starts here.

08 / CONTROL

Ember switch

A pill-shaped call to action with a warm halo.

FIELD NOTES / 09

Find your
coordinates.

32.8872° N
13.1913° E
09 / SURFACE

Light on the grid

A technical drawing under a shared spotlight.

A LITTLE LESS NOISE
Room to think

Your focus time is ready.

A fresh perspective

Something worth exploring.

All caught up

The rest can wait.

3 sample notifications
10 / COMPOSITION

Soft interruptions

Dismissible notices with layered, frosted depth.

Ember selected

11 / CONTROL

A brighter command

Search, select, and recolor this little palette.

TRIPOLI / WEATHER STUDY
24°Golden hour
Illustrative weather, not a live forecast.
12 / COMPOSITION

Through the window

A frosted weather tile between day and night.

JUST THE CONTOURS

form
& light

The space between
solid and transparent.

13 / TYPOGRAPHY

In the outline

Fine letterforms with light beneath their edges.

Choose a finish
14 / SURFACE

Small glass worlds

Three finishes. The same two simple circles.

OPEN LATE / ALWAYS MAKING

after
hours.

15 / TYPOGRAPHY

The night shift

A warm typographic sign, with its own switch.

SMALL STEPS / BIG IDEAS
  1. 01Imagine
  2. 02Make
  3. 03Refine

Imagine something new.

16 / CONTROL

Progress in glass

A small stepper with a light for each milestone.

ROOM TO EXPERIMENT

Studio.

$12/ month

Billed monthly. An illustrative plan.

17 / CONTROL

Choose your orbit

A pricing tile with a monthly or yearly switch.

LIGHT ENGINE / CONSOLE

~ lumen check

Ready when you are.
18 / COMPOSITION

A quiet console

A small glass terminal with a runnable light check.

MAKER / EXPLORER

Mohamed Nabous

Making small things feel considered.

19 / COMPOSITION

People, softly lit

A profile with an illuminated monogram and follow control.

ONE THING AT A TIME

A good day.

0 of 3 complete

20 / CONTROL

Room to focus

Glass task rows with pointer-lit edges and a warm completion state.

EXPERIMENTAL SIGNAL

2,840 visits

Illustrative data
21 / COMPOSITION

Numbers after dark

A small illuminated chart with two sample datasets.

NIGHT SCHOOL / 026

Stay
curious.

An evening for new ideas.

22 / SURFACE

Admit one curious mind

A luminous ticket with a reversible detail panel.

A STUDY IN COLOR

Lagoon

23 / CONTROL

Pick a little atmosphere

Three color stories applied to one glass surface.

HOW DID IT FEEL?

Leave a spark.

Rate this demo from 1 to 5

Your impression, in a little light.

24 / CONTROL

Five small sparks

A keyboard-friendly rating built with native radio inputs.

Original Lumenmorph studies, inspired by Aceternity's spotlight cards, Magic UI's illuminated borders, and Kacper Szarkiewicz's glow experiments. Every example has a shareable page and live code editor. Touch keeps a static light; all controls still work.