Latest additions

Category: Generators

Description: Get your fluffy blobby SVG shapes in seconds

Category: ReactJS
Tags: design reakit

Description: Here you find all the core components you need to create a delightful web app. Customizable design system from Welcome to the jungle with react styled-components styled-system and reakit.

Category: Generators

Description: Create beautiful SVG backgrounds for your UI designs.

Category: Node.js

Description: Build performant, native and cross-platform desktop applications with JavaScript and CSS

Category: Build Tools
Tags: bundler

Description: webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

Source: https://github.com/webpack/webpack

Category: Build Tools
Tags: bundler

Description: Blazing fast, zero configuration web application bundler

Source: https://github.com/parcel-bundler/parcel

Category: Build Tools
Tags: deno bundler

Description: Packup is web application bundler for Deno, inspired by parcel. Packup connects your assets such as html, css, javascript and bundles them into static files. It also serves them dynamically when in development.

Source: https://github.com/kt3k/packup

Category: Build Tools
Tags: aws cli

Description: Ness is a CLI tool that makes it easy to deploy web sites to your AWS account.

Source: https://github.com/nessjs/ness

Category: ReactJS

Description: react-svg-radar-chart is a lightweight library to create radar charts with React.

Category: Design Inspiration

Description: Design Vault is a curated library of screenshots & UI interaction patterns from the world's best digital products. Gain insights, explore trends and understand competitors and best practices.

Category: JS Media Libraries

Description: Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.

Source: https://github.com/sampotts/plyr

Description: A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.

Description: A curated list of design resources from design templates, stock photos, icons, colors, and much more.

Description: The startup founder toolbelt. A forever-updating crowdsourced collection.

Description: 100+ open-source clones and alternatives of popular sites like Airbnb, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube, etc. List contains source code, tutorials, demo links, tech stack, etc. Great for learning purpose!

Description: Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

Description: The best design tools for everything.

Description: Self-hosting is the practice of locally hosting and managing applications instead of renting from SaaSS providers.
This is a list of Free Software network services and web applications which can be hosted locally. Non-Free software is listed on the Non-Free page.

Description: This is a collection of resources for Frontend development.

It will include a table of contents in order for you to navigate to the sections that matter the most to you.

We have made an effort to include as many free resources as possible. However we also understand that there are quality resources out there that might cost you a penny but totally worth it. We will be sure to indicate the resources that are paid.

If you're starting out with web development, you DON'T need to use every resource on this list. It is practically impossible to use all the resources listed in here. This is just a reference with most of the resources that can help you with frontend development. Use this as a reference. It is not a guide.

Simply check out the resources and use the one that works best for you.

Category: Patterns Generators

Description: A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more.