frontend utilities & libraries

A fast and flexible, HSL-tweakable palette generator and API for Tailwind CSS

Founded in 2009, Codrops is a destination for web design and development enthusiasts. Our team is dedicated to providing high-quality, innovative content that explores the latest trends and techniques in the field, keeping web professionals up-to-date on the latest developments in the industry.

Today we are going to explore some original and experimental backgrounds generated using WebGL. The main idea is to show

Slider Revolution is more than just a WordPress slider. It helps beginner-and mid-level designers WOW their clients with pro-level visuals.

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

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

Collection of hand-picked free HTML and CSS border animation code examples from Codepen, Github and other resources. Update of June 2021 collection. 13 new examples.

Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.

Standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions.

Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

Regular expression visualizer using railroad diagrams

Morph SVG icons

Kenneth Ormandy is a designer living in Vancouver, BC.

A showcase of the best typefaces from the Google web fonts directory.

tota11y helps visualize how your site performs with assistive technologies

Pace is a Javascript and CSS library to automatically add beautiful progress and activity indicators for page loads and ajax navigation. It is free and open source and was developed by HubSpot developers Adam Schwartz (@adamfschwartz) and Zack Bloom (@zackbloom).

Curated color palette inspiration

WOW.js is a JavaScript plugin that reveals animations when you scroll. Very Animate.css Friend.

Extract prominent colors from an image.

A beautiful replacement for JavaScript's 'alert'

Minimalistic animation library in javascript. Fast, lightweight and easy-to-use.

Progress Button Styles: Creative effects for loading buttons

PleaseWait is a small Javascript library that shows a beautiful loading page for your SPA while it loads.

A simple and fast zero-dependencies-library to transform text-selections into serializable markings.