Front-end

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the viewport. It was designed to be robust and flexible, but hopefully you’ll be surprised below at how easy it is to pick up.

Velocity.js: An incredibly fast animation engine for motion designers.

mo · js is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison to other libraries, it has a different syntax and code animation structure approach.

Popmotion is a collection of low-level JavaScript animation functions and utils for advanced animators.

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.

AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe

Learn to code by playing games. Codepip is the platform for your favorite web development games. Gain an edge in your next interview or project.

Create tooltips, popovers, dropdowns, and more. A JavaScript library to position floating elements and create interactions for them.

Drag & Drop Form Builder Library for React. Develop front-end drag and drop forms with ease, resulting in cost savings and reduced development time

Open-source JavaScript form builder libraries that allows you to create unlimited survey forms in a self-hosted form management system with a no-code drag-and-drop interface.

Create atomic design systems with Pattern Lab. Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components.

Powerful component libraries & styleguides that fit the way you work.

Geist Design System. Vercel design system for building consistent web experiences.

Design your service using GOV.UK styles, components and patterns

Gojek Design Language System

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

A collection of Design Systems for Figma from all over the globe.

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.

Garden is the design system by Zendesk. It’s where we grow the components, standards, and tools that product designers use every day.

Resources, components, and design guidelines behind GitLab

Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow—from the brand and product itself, down to how we send emails and write copy.

Origami is a group of services, components, and tools used to help design & build digital products for FT brands.

Acorn is the design system for the Firefox desktop and mobile browsers

Start building your app now. An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.

Easy Contact Form to Email Service. Receive html contact form submissions directly in your email inbox using our contact form api service without any server or backend code. Its free!

Pug is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.