A time-lapse of the slime mold <n>Physarum polycephalum</n> from the <n>Wyss Institute at Harvard University</n>.

compass mode filters for london postcodes

url state made easy with @nextjs and accessibility made easy with @radix_ui

🌗 Here's a little trick I use when designing dark modes: I opt for components like buttons, radios, checkboxes, and toggles to be one shade darker than those used in light modes. 

This approach creates a balanced transition that feels visually harmonious.

A <n>Polar Bear</n> sleeps in a field of <n>Fireweed</n> in the Arctic. Photo by <n>Dennis Fast</n>.

CSS Trick! 🫶

You can make use of calc and custom properties to create that dynamic colored glowy spotlight effect 🎨

[data-glow] {
  --hue: calc(var(--base) + (var(--xp) * var(--spread)));
}

Let me show you how! 👇

Few tricks and tips in this video/demo.

In addition to…