CSS Calendar concept

A calendar app concept created with CSS only. Coded and released by David Khourshid.

CSS Calendar concept

Rain drops effect with WebGL

An interesting experiment to create a rain drop effect on your web pages with WebGL.

Rain drops effect with WebGL

Lightning Design System framework

Lightning Design System is a platform-agnostic CSS framework to build custom applications with a consistent look. Released by Salesforce.

Lightning Design System framework

Zoom slider on mockup devices

A tutorial about creating a zoom slider on mockup devices (iPhone, iPad, MacBook, iMac and Apple Watch) by Codrops.

Zoom slider on mockup devices

Animated page transition

A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax. A tutorial by CodyHouse.

Animated page transition

Text styles and hover effects

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG and Canvas.

Text styles and hover effects

3D folding panel in CSS

A secondary content panel that folds flat, powered by CSS Transformations and jQuery. A tutorial by CodyHouse.

3D folding panel in CSS

Grid item animation layout

A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.

Grid item animation layout

Motion blur effect with SVG

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Motion blur effect with SVG

Rebar Grid Framework

Rebar is a Sass / Stylus grid framework to make responsive development more efficient and keep CSS organised.

Rebar Grid Framework

Textures.js - SVG patterns

Textures.js is a JavaScript library for creating SVG patterns. A repo by Riccardo Scalco.

Textures.js – SVG patterns

Animated text fills with CSS and SVG

A tutorial on how to create various types of animated fills and strokes for text using different techniques including CSS and SVG.

Animated text fills with CSS and SVG

MocKit - HTML iPhone 6 mockups

MocKit is a ready-made iPhone 6 mockup kit built with HTML and CSS. Customisable colours, size and retina ready. Created by @colinkeany.

MocKit – HTML iPhone 6 mockups

Hover.css v2

Hover.css (v2) is a collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

Hover.css v2

Typesettings.css - A type boilerplate

Typesettings.css is the typography boilerplate for your minimal website. All typographic styles are inspired by graphic design fundamentals

Typesettings.css – A type boilerplate

Expandable image gallery

An image that expands on click, going full-width and turning into a gallery. A smart snippet by Codyhouse.

Expandable image gallery

CSS-only weather app concept

A weather app concept based on Sergey Valiukh dribbble shot and built with pure CSS. A snippet created by David Khourshid.

CSS-only weather app concept

12 free SVG loaders

A set of 12 loaders built purely in SVG, no CSS or JS. Created and released by Sam.

12 free SVG loaders

Semantic - UI components

Semantic is a UI component framework based around useful principles from natural language.

Semantic – UI components