JS Library

Three.js

One of the best if not the best JavaScript 3D library to create interactive 3D experiences in the browser

Visit!
JS Library

Polygon.js

Another amazing tool for interactive 3D experiences. Polygon.js is fully node-based which is amazing for those familiar with Blender!

Visit!
JS Framework

Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Visit!
JS Framework

ReactJS

I think it is unnecessary explaining what React is. It is the most popular JavaScript framework out there!

Visit!
Svelte Framework

SvelteKit

SvelteKit is built on Svelte, a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It's a love letter to web development.

Visit!
React Framework

Next.js

Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.

Visit!
JS Library

Oimo.js

Oimo.js is a lightweight 3d physics engine for JavaScript. In combination of Three.js and Oimo.js you can truly unleash your creative power!

Visit!
Resources

unDraw

unDraw is an open-source collection of vector illustrations)

Visit!
magicpattern
Tools

MagicPattern

Beautiful pure CSS background patterns that you can actually use in your projects!

Visit!
swiperjs
JS Library

Swiper

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

Visit!
CSS Library

AnimXYZ

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.

Visit!
CSS Framework

Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

Visit!
CSS Framework

Bulma

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

Visit!
CSS Library

Tailwind CSS

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. Amazing thing, give it a try!

Visit!
CSS Library

Pico.css

When you need "Simple" and "Elegant" design, this is your good-to-go CSS Framework

Visit!
CSS Library

Skeleton

If you work with Svelte, and you want to have an amazing UI, Skeleton is here to help you :p

Visit!
CSS Library

Foundation

Foundation is one of the most complex CSS Framework for responsive design.

Visit!
Resources

Pexels

The best free stock photos, royalty free images & videos shared by creators.

Visit!
Tools

Color Hunt

Color Hunt is an open collection of color palettes. This tool serves thousands of color schemes for many different design and art purposes.

Visit!
vivus
JS Library

Vivus

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn.

Visit!
Tools

Codepen

CodePen is a development environment for front-end designers & developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

Visit!
Cloud+

GitHub

I can't write you short about GitHub. GitHub is a industry standard, please click on the link and discover it yourself!

Visit!
Cloud+

Netlify

Netlify is a remote-first cloud computing company that offers a development platform that includes build, deploy, and serverless backend services for web applications

Visit!
JS Tools

Vite

I am in love with Vite. I can not imagine my life without Vite. I am Vite! Seriously, you still here? Go check Vite!

Visit!
Back end

Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

Visit!
Back end

Firebase

Firebase is an app development platform that helps you build and grow apps and games users love. Backed by Google and trusted by millions of businesses around the world.

Visit!
Cloud+

Vercel

Vercel is a cloud platform for static frontends and serverless functions. It enables developers to host websites and web applications that deploy instantly, scale automatically, and require no supervision.

Visit!
Resources

Pixabay

Over 2.7 million+ of free high quality stock images, videos and music shared by our talented community.

Visit!
Tools

Hero Patterns

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

Visit!
gsap
JS Library

GSAP

JavaScript animation built for professionals, GSAP is packed with features that make most other engines look like cheap toys.

Visit!
Fonts

Google Fonts

Google Fonts here Google Fonts there, just use them and get work done :D

Visit!
Docs

MDN Web Docs

Most powerful documentation for HTML, CSS and vanilla JavaScript!

Visit!
Docs

OverAPI

This is a must-have collection of cheat sheets!

Visit!
AI

Midjourney

Midjourney is an artificial intelligence art generation service. I was playing A LOT with Midjourney, it is capable of things beyond my understanding. Very usefull for WebDev!

Visit!
Fonts

Use & Modify

Collection of open-source fonts, sometimes Google Fonts is just not enough.

Visit!
AI

ChatGPT

ChatGPT is scary, but sometimes it can become team member of your project.

Visit!
Resources

Iconify

All popular icon sets, one framework. Over 150,000 open source vector icons. Must have.

Visit!
unsplash
Resources

Unsplash

Another amazing source of photos and illustrations.

Visit!
mycolorspace
Tools

ColorSpace

Must have online tool for WebDev. Generates gradients and palettes.

Visit!
designprinciples
Docs

Design Principles

An open source collection of Design Principles and methods. Good food for brain!)

Visit!