Animista

.Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use

Easing Functions Cheat Sheet

.Make animations more realistic by picking the right easing function

LightBox

2D, Hand-Drawn animation package.

Lottie

A mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web.

Mantra

A web-based timeline animation tool.

Animate.Css

.A cross-browser library of CSS animations. As easy to use as an easy thing

BeatFlyer

.A web tool that lets you create very quickly loopy and catchy animations from your multi-layer composition

Flare

.A powerful design and animation tool, which allows designers and developers to create animations for their app or game

GSAP

.A suite of tools for scripted, high-performance HTML5 animations in all major browsers

Keyframes.App

.an insanely simple way to create CSS animations with a visual timeline

Stylie

A web-based graphical CSS3 animation tool.

Svg Backgrounds

SVG Backgrounds hosts a collection of customizable SVG-based repeating patterns and backgrounds for websites and blogs.

Trianglify

Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.

CSS Background Pattern Generator

css background grid and pattern generator

Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects.

Nivo

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries.

FastCharts

Drop your data and get your chart! Drop your data and get your chart! Drop your data and get your chart!

SVG Charting Libraries

There is no shortage of options with charting libraries on the web. That’s good! Competition is good for consumers. It keeps the quality high. That’s certainly true here.

Emmet Cheat Sheet

How to use emmet in your editors. How to use emmet in your editors.

Devhints

A ridiculous collection of web development cheatsheets. A ridiculous collection of web development cheatsheets.

CSS Cheat Sheet

CSS Cheat Sheet – A reference for CSS goodness. CSS Cheat Sheet – A reference for CSS goodness.

Carbon

Create and share beautiful images of your source code.

Glorious.Codes

The easiest way of creating animations to show your code in action.

Colorwise

Search through the color palettes of the most voted products on Product Hunt.

Colour Cafe

Colours inspiration that have selected modern colour palette in Instagram.

Geenes

A tool to create harmonious color themes with code and sketch file export.

Paletton

A designer tool for creating color combinations that work together well.

Vaunt.Io

Vaunt is an app that extracts dominant colors from any image!

BrandColors

The biggest collection of official brand color codes around. The biggest collection of official brand color codes around.

Color

Create color schemes with the color wheel or browse thousands of color combinations from the Color community. Made by Adobe.

Color By Cloudflare

A tool to preview palettes against UI elements, cycle through accessible color combos and reate palettes manually, via URL import, or generatively.

Color Leap

Take a leap through time and see the colors of history. Take a leap through time and see the colors of history.

Colormind

Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.

Picular

A rocket fast primary color generator using Google’s image search.

Eruda

Console for Mobile Browsers Console for Mobile Browsers Console for Mobile Browsers Console for Mobile Browsers

One Page Love

A collection of beautiful unique One Page websites for website design inspiration.

Owwly

Home for digital products crafted with passion to design.

Pttrns

Design patterns for popular mobile apps.

Really Good Emails

4,150+ handpicked email design.

ReallyGoodUX

Screenshots and examples of great UX from real mobile and web products. Discover the best UX examples—including onboarding tours and walkthroughs.

UI Garage

The one stop shop for designers, developers and marketer to find inspiration, tools and the best resources.

UI Recipes

Weekly 15 min lessons on UI design from the hottest apps.

UX Archive

Browse more than 400 user flows across 120 mobile apps. Examine tasks such as booking, logging in, onboarding, purchasing, seaching, and more.

Waveguide

A design knowledge bank with thousands of artificially enriched examples of product and brand experience (examples of Mobile App, Landing pages, eCommerce, CX/UX Patterns).

Web Design Museum

Over 1,200 carefully selected web sites that show web design trends between the years 1994 and 2006.

Behance

An online platform to showcase & discover creative work.

CodeMyUI

Handpicked collection of web design & UI inspiration with code snippets.

Collect UI

A platform for your daily inspiration collected from daily ui & beyond. Based on Dribbble shots, 14419 hand picked designs.

Creative Portfolios

A curation of the most creative portfolios made by designers & developers.

Dribbble

An online community for showcasing user-made artwork. Great resource to get inspired from others work.

Inspiration UI

Community that aims to provide the best design resources for those who create for the web.

Httpster

An inspiration resource showcasing totally rocking websites made by people from all over the world.

H69.Design

Landing page colletions & Free resources for designers.

Lapa Ninja

Landing page design inspiration from around the web. 1800+ landing page examples and updated daily.

Mobbin

Browse mobile design patterns for popular apps. Explore common user flows such as onboarding, account sign up and log in, core functionality, and more.

StackBlitz

Code the Future. In Your Browser. Create, edit & deploy fullstack apps — in just one click.

Tui Editor

GFM Markdown Wysiwyg Editor – Productive and Extensible

Trix

Compose beautifully formatted text in your web application. Trix is an editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

Editor.Js

A block-styled editor with clean JSON output.

Notion

The all-in-one workspace for your notes, tasks, wikis, and databases.

The ORY Editor

The ORY Editor was written because we urgently needed a robust and modern content editing solution for our open education platform serlo.org

List Of All Emojis

List Of All Emojis! Copy & Paste Emoji!

Emoji Builder

build your own favorite emoji!

Flexible Boxes

Flexible Boxes By Will Stone

Flexbox Playground

Flexbox playground on codepen by Gabi.

Flexbugs

A community-curated list of flexbox issues and cross-browser workarounds for them.

Flexbox Froggy

A game for learning CSS flexbox.

Flexbox Cheatsheet Cheatsheet

build your own favorite emoji!

Emoji Builder

build your own favorite emoji!

Build With Flexbox

An interactive flexbox reference tool for web and React Native.

Flexplorer

Dive in to and explore the wonders of the CSS3 Flexible Box model.

Flexbox Defense

A game for learning CSS flexbox.

Flexbox In Gifs

How Flexbox works — explained with big, colorful, animated gifs.