#GeneratorsTools (29)
Beautiful CSS Box Shadow Examples
getcssscan.com/css-box-shadow-examples
#CSS
Carbon - Create and share beautiful images of your source code.
carbon.now.sh
Clippy - Css clip-path maker
bennettfeely.com/clippy
#CSS
Colorspace - Generate nice color palettes
mycolor.space
#CSS
Confetti
www.kirilv.com/canvas-confetti
#NPM
Cool Backgrounds
coolbackgrounds.io
Coolors - The super fast color schemes generator!
coolors.co
Css Gradient Animator
www.gradient-animator.com
#CSS,#Animation
Deventials - Deventials is a web application comprising various web development tools with a simple and easy-to-use interface
deventials.com/home
Fancy Border Radius Generator
9elements.github.io/fancy-border-radius
#CSS
Faux Code Generator
http://knutsynstad.com/fauxcode
Favicon Generator
favicon.io/favicon-generator
#IconsSVG
Fresh Background Gradients
webgradients.com
Get Waves - Create svg waves for your next design
getwaves.io
Github Next - visualizing a codebase
next.github.com/projects/repo-visualization
#Blog,#Github
Glass UI - Glassmorphism css generator
ui.glass/generator
#CSS
Hover Effect Ideas - An inspirational collection of subtle hover effects
tympanus.net/Development/HoverEffectIdeas
Loaders Css - Delightful and performance-focused pure css loading animations.
connoratherton.com/loaders
Meta Tags - Preview, edit and generate
metatags.io
Omatsuri - Open source browser tools for everyday use
omatsuri.app
Online Regex Tester And Debugger
regex101.com
#Regex
Pattern Css - Background patterns in css
bansal.io/pattern-css#introduction
#CSS
Regex Learn - Regex interactive course
regexlearn.com
#Regex
Rest API Generator
retool.com/api-generator
Shape Divider App
www.shapedivider.app
Snappify - We enable developersto create stunning presentations
snappify.io
Transform
transform.tools
#Tool
Transition Css - Easy transitions with clip-path
www.transition.style
#CSS
World Map - Free svg background generator for your websites, blogs and app.
bgjar.com/world-map
#DesignSystem (11)
Arwes - Futuristic sci-fi ui web framework
arwes.dev
Atlassian Design System - Use atlassian's end-to-end design language to create simple, intuitive and beautiful experiences.
atlassian.design
Base Web
baseweb.design
#CSS,#UI
Carbon Design System
react.carbondesignsystem.com
Evergreen - Evergreen is a react ui framework for building ambitious products on the web. brought to you by segment.
evergreen.segment.com
Mantine - Build fully functional accessible web applications faster than ever – mantine includes more than 100 customizable components and 50 hooks to cover you in any situation
mantine.dev
Neopop - Open-source ui framework by cred
cred.club/neopop
Neumorphism Ui - Neumorphism inspired
demo.themesberg.com/neumorphism-ui/index.html
Paper CSS - The less formal css framework
www.getpapercss.com
#CSS
Primereact - The most complete ui suite for react.js
primereact.org
#React
React Suite - A suite of react components, sensible ui design, and a friendly development experience.
rsuitejs.com
#React,#UI
#FontsImages (20)
Basicons - Basic icons for product design & development
basicons.xyz
Free Illustrations - Free to use illustrations & vectors
themeisle.com/illustrations
Freepik - Free vectors, stock photos & psd downloads
www.freepik.com
#Stock
Glyphsearch
glyphsearch.com
Icons 8
icons8.com
#IconsSVG
Illustrations
undraw.co/illustrations
#IconsSVG
Inter
rsms.me/inter
#Font
Loaf - Animated svg icon library
getloaf.io
Microsoft Cascadia Code
github.com/microsoft/cascadia-code
#Font
Montserrat
fonts.google.com/specimen/Montserrat
#Font
Noun Project - Free icons & stock photos for everything
thenounproject.com
#IconsSVG,#Stock
Pexels - The best free stock photos, royalty free images & videos shared by creators.
www.pexels.com
#Stock
Robohash - Generate unique images from any text
robohash.org
Streamline Icons
streamlineicons.com
Streamlinehq - All the icons you need, in every style you love.
home.streamlinehq.com
Subtle Patterns
www.toptal.com/designers/subtlepatterns/thumbnail-view
SVG Backgrounds - Copy-and-paste website graphics directly into projects. all customizable, tiny in file size, and licensed for multi-use.
www.svgbackgrounds.com
Svg Repo - 500.000+ open-licensed svg vector and icons
www.svgrepo.com
#IconsSVG
Svgator - Free svg animation creator online
www.svgator.com
Victor Mono
rubjo.github.io/victor-mono
#Font
#LibPackages (25)
Airbnb Javascript - Javascript style guide
github.com/airbnb/javascript
#JavaScript
Btw - Build your personal website in minutes
www.btw.so
Clean Code Javascript - Clean code concepts adapted for javascript
github.com/ryanmcdermott/clean-code-javascript
#Github,#CleanCode
Commitizen - Formatter for git commits
www.npmjs.com/package/commitizen
Formik - The react forms api
formik.org
#React,#Forms
Framer - Framer motion is a simple yet powerful motion library for react. it powers the amazing animations and interactions in
www.framer.com/motion
#Animation
Ghooks - Simple git hooks
www.npmjs.com/package/ghooks
#Git
Jquense Yup - Yup is a schema builder for runtime value parsing and validation.
github.com/jquense/yup
Kute Js - Javascript animation engine
thednp.github.io/kute.js
#JavaScript
Lint Staged
www.npmjs.com/package/lint-staged
#NPM
Motion One - A new animation library, built on the web animations api for the smallest filesize and the fastest performance.
motion.dev
#Animation
Parcel JS - The zero configuration build tool for the web.
parceljs.org
#Bundler
React Hook Form - Simple react forms validation
react-hook-form.com
#React,#Forms
React Query - Hooks for fetching, caching and updating asynchronous data in react
github.com/tannerlinsley/react-query
#React
Recoil - A state management library for react
recoiljs.org
#React,#State
Redux Logger - Logger for redux
www.npmjs.com/package/redux-logger
Redux Toolkit - The official, opinionated, batteries-included toolset for efficient redux development
redux-toolkit.js.org
#React
Sketch Js - Minimal javascript creative coding framework
http://soulwire.github.io/sketch.js
SST - Build modern full-stack applications on aws
sst.dev
Styled Components - Css for the
styled-components.com
#CSS
Typewriter Js - A simple yet powerful native javascript plugin for a cool typewriter effect.
safi.me.uk/typewriterjs
#JavaScript
Use Sound - A react hook that lets you play sound effects
www.joshwcomeau.com/react/announcing-use-sound-react-hook
#NPM,#React
Usehooks - A collection of modern, server-safe react hooks – from the ui.dev team
usehooks.com
#Blog,#React
Vite - Next generation frontend tooling
vitejs.dev
#Bundler
Winbox Js - Modern html5 window manager
nextapps-de.github.io/winbox
#Resources (10)
Appscope - Appscope is a directory of progressive web apps, showcasing the best pwa examples.
appsco.pe
Enaqx Awesome React - A collection of awesome things regarding the react ecosystem.
github.com/enaqx/awesome-react
#React
Javascripting - The definitive source of the bestjavascript libraries, frameworks, and plugins.
www.javascripting.com
#JavaScript
Jennifer Dewalt 180 Websites - I'm jennifer dewalt and i am making
jenniferdewalt.com
Our Large Team Of Engineers Use This Front End Development Guide
www.freecodecamp.org/news/grabs-front-end-guide-for-large-teams-484d4033cc41
Patterns Dev - Patterns.dev is a free online resource on design, rendering, and performance patterns for building powerful web apps with vanilla javascript or modern frameworks.
www.patterns.dev
#SoftwareArchitecture
Rising Stars - The place to see the trends about the js ecosystem
risingstars.js.org
#JavaScript
Skypack - Search millions of open source packages
www.skypack.dev
Up For Grabs - Explore open source projects and jump in!
up-for-grabs.net/#
VS Code Dev
github.dev/github/dev
#Blog,#Github
#Cloud (19)
Algolia - Site search & discovery
www.algolia.com
#Cloud
Appwrite - Build your entire backend within minutes and scale effortlessly using appwrite's open-source platform. add authentication, databases, functions, storage, and messaging to your projects using the frameworks and languages of your choice.
appwrite.io
Butter CMS - Headless cms for saas, agencies, marketplaces and enterprises
buttercms.com
#JavaScript
Cloudinary - Image and video upload, storage, optimization and cdn
cloudinary.com
#Cloud
Codespaces
github.com/features/codespaces
Easycron
www.easycron.com
Fly - Deploy app servers close to your users
fly.io
#Hosting
Frontend Toolkit - Create dashboards for your development needs
www.fetoolkit.io
Linear - The issue tracking tool you'll enjoy using
linear.app
Nhost - Nhost is an open-source backend and development platform that enables
nhost.io
#Hosting
Nocodb - Turn your sql database into a nocode platform. free & open source.
www.nocodb.com
#DB
Onesignal - Multi-platform push notification service
onesignal.com
Openchakra - React jsx visual editor for chakra ui.
openchakra.app
Rapid API - The world's largest api hub
rapidapi.com/hub
Render - Cloud application hosting for developers
render.com
#Hosting
Responsively App - Master the art of crafting responsive web apps like a pro!
responsively.app
Strapi - The leading open-source headless cms.100% javascript / typescript and fully customizable.
strapi.io
#GraphQL
Supabase - Supabase is an open source firebase alternative.start your project with a postgres database, authentication, instant apis, edge functions, realtime subscriptions, storage, and vector embeddings.
supabase.com
#MySQL
Utopia - A design and coding environment for react projects and components that runs in the browser
utopia.app