Gallery
language
applied
subject
Layout
subjects
A snippet is somebody’s working HTML, CSS, JavaScript or PHP, saved with a name and a note. Runnable ones offer a preview in a frame that cannot reach this site.
CSS
Soft shadow, one radius
The two properties that carry the soft UI look: one radius scale and a shadow tinted towards the background rather than towards black. Paste it into the CSS pane above the HTML example.
HTML
Card anatomy
A title, a line of body copy and a footer, the shape most interface cards reduce to. Preview it on its own and it is unstyled, which is the point: this is the markup half of a trio.