• Website styled like Mac OS

  Interesteing OS-like website design.

• Fluid Typography

  Neat way of implementing fluid font sizes.

• Screenshot.Rocks

  Create beautiful browser & mobile mockups in seconds.

• Simpleicon

  Free SVG icons for popular brands.

• Recreating a Dave Whyte Animation

  Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.

• The Rules of Margin Collapse

  In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly.

• Accessible SVG Icons

  The answer to “What is the most accessible HTML for an SVG icon?”.

• A Calendar in Three Lines of CSS

  A seven-column grid makes for a calendar layout pretty quick.

• 12 CSS Submit Buttons

  Latest Collection of free HTML and CSS Submit Button Code Snippets.

• Pure CSS Digital Clock

  No JavaScript, no HTML(*). Not even for the caption text.

• Handling Short And Long Content In CSS

  When you build a layout in CSS, it’s important to account for and test short and long text content.

• Tab Bar

  Animated Tab menu bar.

• Animated Tab Bar

  Tab menu animation transition.

• Centering in CSS

  Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change.

• Add to Calendar Generator

  Generate an "Add to Calendar" link supporting Google Calendar.

• Custom Styles in GitHub Readme Files

  Using svg files for custom styles in readme files.

• Parametric Color Mixer

  A color palette composer inspired by audio parametric equalizers. Create beautiful color palettes with a scientific precision.

• Reducing Motion in Animations

  How to use the prefers-reduced-motion media feature in both CSS and JS to offer alternative interactions for users that prefer them.

• Linjer

  Click and drag to add nodes. .

• Animated underline

  A multi-line spanning animated underline.

• Pure CSS Merry Christmas

  An animated Santa in pure CSS.

• Christmas Tree

  Decorate Your Christmas Tree.

• Image Stack Intro Animation

  Loading images and move them to their respective position in the grid.

• Cyberpunk 2077 Buttons

  Pure CSS button with an Cyberpunk glitch on hover.

• Text Grid with Mouse Interaction

  A nice mouse interaction on hover.

• UI Interactions & Animations

  A fresh set of trendy UI interactions and animations for your inspiration.

• Pure CSS Monument Vally

  CSS animation of the game Monument Valley.

• Impossible Lightbulb

  Try and turn on this lightbulb!.

• Astronomical & Tide Calendar

  See the angle and distance of moon and sun and the resulting tide.

• Christmas Card Generator

  Generate a SVG Christmas card!.