Nice waves

Generate beautiful animated waves

CSS3 animations – Annimay

A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS.

Beautifully designed Tailwind CSS UI blocks – Flowrift

A library filled with Tailwind CSS UI blocks, components & templates. Browse an ever-growing UI kit inside a highly optimized app. View / copy / customize.

Stunning touch-friendly 3D parallax hover effects

atropos

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Available for JavaScript, React and Vue.js

Fluid typography

Calculate CSS declarations for beautiful fluid typography headings. Create text that scales with the window size, so that your headings look great on any screen.

Adobe XD for Visual Studio Code

The new Adobe XD extension for Visual Studio Code allows developers to visually map design sources created in XD and available in Creative Cloud Libraries, to platform-specific code using design tokens.

Centering in CSS

A A guide to everything you need to know about centering in CSS

Ztext.js – 3D typography for any website and any font

ztext

Ztext gives the illusion of volume by creating layers from an HTML element. There’s no need to spend hours fiddling with <canvas> or forcing users to download multi-megabyte WebGL libraries. Content remains fully selectable and accessible.

Slider for creating one page website

No dependencies, Written in pure Javascript, Works great on mobile and desktop devices, Keyboard – Arrow Key Support, Auto-generates navigation (buttons) based on sections and pages.

Open source button system leveraging CSS variables – Knopf.css

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.