Best of Weekly Resources 2019-2022

A website to find the inspiration for HTML elements and copy the CSS.

A customizable website to replace your 'New Tab' homepage.

An open-source notification service to send push notifications to your phone or desktop via PUT/POST.

A CSS library to build common components using plain, semantic HTML.

A collection of open-source UI elements, made with CSS and HTML.

A nice collection of CSS animations for your web projects.

A list of CSS shapes like triangles, arrows, diamonds, tooltips, bubbles, ready to use, click to copy.

Handpicked free tools, resources and products for developers and designers.

A repository of little scripts you can use in the browser console to achieve the described task.

A simple CSS snippet to make websites it look good on most displays.

A website where everyone can add their ideas for products.

A collection hand-picked tools & resources for web designers & developers.

Two CSS Generators where you can add your setting and get your CSS code.

A collection of class-less CSS styles to make simple websites look better.

An open-source library of over 400+ web components and interactive elements built with Tailwind CSS.

A library of pure CSS interactive components without any JavaScript.

A cool website with over 7000 free low poly models.

A beautifully curated selection of cool, customizable backgrounds.

A cool CSS library to build material design interfaces fast.

Micro CSS util class for applying inflated fluffy 3D claymorphism styles to elements.

A big collection of vanilla JavaScript plugins to keep your website lightweight.

A cool demo of dropdown arrow animations by Mikael Ainalem.

A grid layout with columns that scroll in opposite directions and a content preview animation.

A privacy-focused Google Fonts alternative.

A cool glitch effect on text in pure CSS.

A list of defensive CSS techniques to avoid potential future issues.

A cool generator to create a set of lush, realistic CSS shadows.

A nice Codepen demo of a button that changes after submit by Jon Kantner.

A list of various cheat sheets related to web development.

A Vanilla JS library for creating animated waves.

A website to analyze your website's CSS, by entering the URL or pasting the CSS.

An interesting list by Baldur Bjarnason.

A cool framework to create responsive emails easily.

A nice tool to censor sensitive information of images online.

A collection of pure CSS3 lightweight animations for links, sections, buttons and more.

A curated list of design resources, handpicked from around the web.

A website with open-source emojis for designers and developers.

An open source framework for rapidly building immersive 3D experiences.

5000+ handcrafted free line icons for modern user interfaces.

An alternative, privacy-friendly YouTube frontend.

A generator to create Create beautiful SVG backgrounds for your UI designs.

A curated list of various online tools.

A carefully curated collection of tools & resources for web creators.

A collection of 30+ animated backgrounds for websites and blogs.

A JavaScript animation library with a GUI. It animates the DOM, WebGL, and more.

A small collection of hover effect UI Snippets.

An article with a bunch of useful front-end boilerplates and starter kits.

An application for designing responsive emails that work everywhere.

A nice list of various CSS Generators for things like CSS shadows or overlays.

A cheat sheet to help you with the right markup for buttons.

A small e-book with tips to improve user interfaces.

An article with some lesser-known HTML Tags.

An online tool to create text that scales with the window size.

CSS tips and tricks you won’t see in most of the tutorials.

A modern HTML boilerplate with explainations of the used elements.

A customizable dashboard for your recurring Frontend tasks

A repository with 46 pre-built, drop-in CSS transitions transitions.

An open-source, self-hosted alternative to Trello, Notion, and Asana.

A crowdsourced collection of 700+ tools for startup makers.

A website to create a custom HTML Boilerplate.

Super tiny, quick tips, tricks, and best practices of front-end development.

A list of useful websites and extensions.

A collection of 300.000+ free SVG Vectors and Icons.

A generator for beautiful, animated headers with gradients.

Code Examples, Useful Tips & Tricks You Can Use On Daily Basis.

A nice tool to enlarge low-res images and improve their quality.

A classless CSS framework to write modern websites using only HTML.

A collection of over 200 CSS responsive components, based on Tailwind CSS 2.0 and Font Awesome.

A nice collection of the best design practices.

A selection of components that can be easily slotted into web projects

A nice guide on how to create a color palette for your website.

A component and utility centric SCSS framework designed for rapid prototyping.

Get a placeholder brand for a project. Completely free, with six different color variations as PNG and SVG.

A huge collection of resources for Frontend development.

A CSS stylesheet to quickly highlight a11y concerns.

A list of free responsive HTML email templates.

A big list of web design resources.

A nice article on how to solve a tricky modern layout with CSS grid.

A free SVG background generator for your websites, blogs, and app

A cool website for finding design inspiration and examples.

A nice collection of open-source browser tools.

A shortcut reference for the most important tools of designers.

A website for animation resources and inspiration from around the web.

An open-source Design System and lightweight UI Component Library.

A small set of magnetic buttons with some fun hover animations by Codrops.

A small set of magnetic buttons with some fun hover animations by Codrops.

A cool collection of articles that point out the difference of similar frontend concepts.

A generator for creating organic SVG shapes ready to use for logos, icons, and background images.

10 Modern CSS Layouts that can fit into one line.

A tiny framework for building functional, declarative web interfaces.

A set of components built with HTML, CSS and JavaScript.

A cool cheat sheet for everything you can do with CSS Grid.

A website that lists inspirational websites, which are also fast and responsive.

A collection of tools for developers who have little to no artistic talent.

A generator for beautiful SVG shape dividers.

A nice tool for creating a knowledge base by making and connecting notes.

Create basic or complex CSS @keyframe animations with a visual timeline editor.

A collection of free single-purpose online tools for web developers.

Brad Traversy just released this awesome list of free design resources.

A cool generator, which also has a small list of backgrounds created with it.

A nice list of landing templates, written on dev.to by Davide Pacilio.

A cool repo to generate a dashboard of your most important links.

An open-source project to maintain a standard for UI and to promote its adherence and adoption.

A CSS library, which styles the basic HTML elements. No CSS classes needed for a decent website styling.

A nice list of landing pages to get ideas and inspiration from.

A list of books for the self-taught front-end developer.

A huge collection of beautiful css gradients.

An interactive map of the most popular screen sizes.

A cool collection of repeatable SVG pattern backgrounds by Steve Schoger.