what a cool design!

the 3D character creates the perfect bridge between screens.. and the last transition.. so cool

Still one of my favorite @Framer sites.

Props to @Josecable!

A press image of <n>Apple</n>'s <n>Journal</n> app, announced at <n>WWDC 2023</n>. Photo by <n>Apple</n>.

CSS Trick ⚡️ (@rogie challenge edition 🤙)

You can create this secret code reveal with only CSS using :has() and trig functions 🔥

.digit::hover + .digit, 
.digit:has(+ .digit:hover) {
  --active: var(--lerp-1);
}
:root {
  --lerp-1: calc(sin(50deg));
}
.digit {
  scale:…

A collection of <n>Dynamic Island UI Concepts</n> by <n>Ilya Miskov</n>.

Future CSS &amp;&amp; UI Tip! ⚡️

You could use View Transitions to create those word carousel-type effects 😍

span:nth-of-type(2) {
  view-transition-name: swap;
}
::view-transition-old(swap) {
  animation-name: slide-down;
}
::view-transition-new(swap) {
  animation-name: slide-up;
}…

A look at Dilum Sanjaya's lovely Pen "Timed Cards Opening"

We have launched the Pebble website with my new venture, @ashfallstudio (coming early 2024 🌋).

We helped Pebble, a California-based startup founded by visionaries from Apple and Tesla to transition from stealth mode to a full product launch through a six-month collaboration.

The <n>Nothing OS 2.0</n> user interface for the <n>Nothing Phone (2)</n>, designed by <n>Nothing</n>.

CSS Tip! ✨

You can create icon sprite animations using the steps() animation-timing function 🤙

You could use this to create little icon button animations, etc. 😎

But how do you do it? Like this 👇

button img {
  object-fit: cover;
  object-position: 0 0;
}

The image is a…

IONIQ Skincare

Visual concept for my new personal site 🍊

ui