• Beautiful Examples of Login Forms

  Login forms are one of the most important user interface elements in mobile applications and websites with a members-only area.

• Responsive Vertical Rhythm with CSS

  Create a responsive vertical rhythm that is flexible to responsive design and responsive typography.

• SVG Favicons

  One very new trick is the ability to use SVG as a favicon.

• CSS-only Slide-up Caption Hover Effect

  The caption slide over an image on hover and revealing more content.

• Infinitely Scrollable Vertical Menu

  An infinitely scrollable menu works based on a looping scroll illusion of cloned items.

• Hoverintent

  Sometimes you want to limit when a mouse event is fired if a user has unintentionaly hovered over an element.

• Hotkey

  Trigger an action on an element with a keyboard shortcut.

• Scene.js

  Animation Library For creating animated websites.

• Perfume.js

  Tiny web performance monitoring library.

• Shifty

  JavaScript tweening engine designed to fit all of your animation needs.

• Fuse.js

  Powerful, lightweight fuzzy-search library, with zero dependencies.

• moderncss.dev

  Modern CSS Solutions for Old CSS Problems.

• Easings

  Test easing curves on a range of interfaces.

• Selectors Explained

  Translate CSS selectors into plain English.

• Create Accessible Color Combinations

  Color contrast is just math, so Sass can help cover edge cases that designers might have missed.

• Web Vitals

  Introducing Web Vitals: essential metrics for a healthy site.

• Flip Counter Plugin

  Is the most advanced Flip counter plugin available on the web.

• CSS Section Separator Generator

  A collection of customizable CSS section separators, with the possibility to easily copy the code.

• Faux Code Generator

  Turn real code into faux code.

• React PDF viewer

  A PDF viewer made for React.

• I Miss the Office

  Close your eyes and imagine you’re in the office.

• React Flow

  React library for rendering interactive node-based graphs.

• Notyf

  A minimalistic JavaScript library for toast notifications.

• colors.lol

  Overly descriptive color palettes.

• Password Reveal

  A fun password reveal effect by Mikael Ainalem.

• The Hero Generator

  A visual hero section generator made by Sarah Drasner.

• Trails

  A simple geometrical trail to attach to your Three.js object.

• Immersive transition effect

  How to create a scroll transition effect between sections.

• Font Style Matcher

  A useful tool for styling fallback fonts to prevent text reflow.

• Neumorphism Fingerscan button

  Awesome SVG animation by Cassie Evans.