Resources

All Resources

• barba.js

  Create badass, fluid and smooth transition between your website's pages.

• reveal.js

  Documentation and demos for the open source reveal.js HTML presentation framework.

• react-spring

  With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.

• Framer Motion

  An open source, production-ready motion library for React on the web.

• vivus.js

  SVG Drawing Animation

• Magic Animations CSS3

  Magic CSS are a set of simple animations to include in your web or app project's

• AOS - Animate on scroll library

  Animate On Scroll library using CSS3

• Rellax

  Add a lightweight vanilla javascript parallax library to your website for subtle animations. Works with HTML, Wordpress, Shopify and more!

• PixiJS

  The HTML5 Creation Engine. Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

  • Animation Tool
• Lottie

  Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

• Popmotion

  The animator's JavaScript toolbox

• ScrollReveal

  JavaScript library to animate elements as they scroll into view.

• ScrollMagic

  The javascript library for magical scroll interactions. ScrollMagic helps you to easily react to the user's current scroll position.

• Three.js

  JavaScript 3D Library

• mo.js

  The official website for mojs

• Velocity.js

  An incredibly fast animation engine for motion designers.

• anime.js

  Javascript animation engine

• Aurelia

  Aurelia is a JavaScript client framework for web, mobile and desktop that leverages simple conventions to empower your creativity.

• Mithril.js

  Mithril.js is a modern, small, fast client-side Javascript framework for building Single Page Applications.

• Stimulus

  Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine.

• Riot.js

  Riot.js lets you build user interfaces with custom tags using simple and enjoyable syntax.

• Alpine.js

  A rugged, minimal framework for composing behavior directly in your markup.

• Lit

  Simple. Fast. Web Components.

• Express

  Fast, unopinionated, minimalist web framework for Node.js

• Nuxt

  Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.

• Backbone.js

  Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

• Ember.js

  Ember.js helps developers be more productive out of the box. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast.

• Spectre.css

  Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.

• Semantic UI

  Semantic empowers designers and developers by creating a shared vocabulary for UI.

• Pure

  Pure is a ridiculously tiny CSS library you can use to start any web project.

• Picnic CSS

  A lightweight CSS library

• Milligram

  A minimalist CSS framework

• Materialize

  Materialize is a modern responsive CSS framework based on Material Design by Google.

• Animate.css

  Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

• Bulma

  Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

• Base

  A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.

• Yarn

  Yarn, the modern JavaScript package manager

• WMR

  Complete tooling from dev to prod, in a 2mb CLI with no dependencies. Supports Rollup plugins, hotlinking and HMR.

• Turbopack

  Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust.

• SWC

  SWC is an extensible Rust-based platform for the next generation of fast developer tools. It's used by tools like Next.js, Parcel, and Deno, as well as companies like Vercel, ByteDance, Tencent, Shopify, and more.

• pnpm

  Fast, disk space efficient package manager

• Parcel

  The zero configuration build tool for the web.

• npm

  Build amazing things

• esbuild

  An extremely fast bundler for the web

• Babel

  The compiler for next generation JavaScript

• PrimeReact

  The ultimate collection of design-agnostic, flexible and accessible React UI Components.

  • React
• React Bootstrap

  The most popular front-end framework, rebuilt for React.

  • React
  • Bootstrap
• NextUI

  Make beautiful websites regardless of your design experience.

  • React
  • Tailwind CSS
• Semantic UI React

  The official Semantic-UI-React integration.

  • React
• Grommet

  build responsive and accessible mobile-first projects for the web with an easy to use component library.

  • React
• Tailwind UI

  Beautiful UI components and templates by the creators of Tailwind CSS.

• Mantine

  A fully featured React components library

  • React
• NG Bootstrap

  Angular widgets built from the ground up using Bootstrap 5 CSS with APIs designed for the Angular ecosystem.

  • Angular
  • Bootstrap
• Ant Design

  An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises.

  • React
• Chakra UI

  Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

  • React
• MUI

  MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

  • React
  • Free
  • Paid
• jQuery

  jQuery: The Write Less, Do More, JavaScript Library

• Coolors

  Generate or browse beautiful color combinations for your designs.

• Google Fonts

  Making the web more beautiful, fast, and open through great typography.

• Animista

  Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.

• PostCSS

  A tool for transforming CSS with JavaScript.

• PurgeCSS

  PurgeCSS is a tool to remove unused CSS from your project.

• Rollup.js

  Rollup.js is a versatile JavaScript module bundler designed for modern web development. With a focus on creating smaller, optimized bundles, Rollup.js empowers developers to streamline their projects. Dive into the efficiency of tree-shaking, code-splitting, and ES module support, experiencing a lightweight and performant solution for bundling JavaScript modules.

  • JavaScript Bundler
• Vite

  Vite is a cutting-edge build tool that redefines frontend development. With lightning-fast startup, it leverages native ES modules to deliver rapid development and unparalleled performance.

  • JavaScript Bundler
• Webpack

  Webpack is a powerful module bundler for JavaScript applications. It efficiently bundles and manages assets, allowing developers to structure and optimize their code. Dive into the world of Webpack, where modularization meets performance optimization, enabling the creation of scalable and feature-rich web applications.

  • JavaScript Bundler
• Meteor.js

  Meteor.js is an open source platform for building Web, Mobile, and Desktop applications.

  • JavaScript Framework
• Bulma

  The modern CSS framework that just works. Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

  • CSS Framework
• Tailwind CSS

  A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

• Bootstrap

  Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

• Less

  Less is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less.js, the JavaScript tool that converts your Less styles to CSS styles.

  • CSS Utility
• Sass

  Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

  • CSS Utility
• Figma

  Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

• Next.js

  Next.js is a powerful React framework that streamlines the development of dynamic web applications. With server-side rendering, automatic code splitting, and an intuitive API, Next.js simplifies complex tasks, providing a seamless and efficient developer experience. Supercharge your React projects with Next.js, and enjoy a flexible, extensible, and optimized approach to building modern web applications.

  • React
  • JavaScript Framework
• Svelte

  Svelte revolutionizes frontend development with its lean approach. This JavaScript framework eliminates runtime overhead, ensuring faster, sleeker applications. Enjoy a declarative syntax, effortless reactivity, and an intuitive development experience. Dive into the future of frontend with Svelte for efficient and high-performance web applications.

  • JavaScript Framework
• Angular

  A powerful framework for building dynamic and robust single-page applications. Dive into component-based architecture, harness two-way data binding, and unlock the potential of seamless, modern web development with Angular.

  • JavaScript Framework
• ReactJS

  A JavaScript library that transforms the way you build user interfaces. Master the art of component-based development, leverage the efficiency of virtual DOM, and revolutionize your web projects with React's intuitive and powerful features.

  • JavaScript Library
• VueJS

  A user-friendly JavaScript framework for building dynamic interfaces. Known for simplicity, reactivity, and a component-based structure, it's ideal for projects of all sizes.

  • JavaScript Framework