Next.js by Vercel is the full-stack React framework for the web.

Next.js

Next.js by Vercel - The React Framework

TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.

TypeScript

TypeScript: JavaScript With Syntax For Types.

automation

Selçuk Fatih Sevinç

integrations

JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.

JavaScript

JavaScript | MDN

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

React

React – A JavaScript library for building user interfaces

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

Tailwind CSS

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Vue.js - The Progressive JavaScript Framework

Vue.js

Vue.js - The Progressive JavaScript Framework | Vue.js

opensource

Ali Osman

headless

ui components

react components

design-systems

components

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

Vercel

Vercel: Develop. Preview. Ship. For the best frontend teams

What is the Jamstack? Why use the Jamstack? How do I get started? Learn what the Jamstack is all about and why it's the best approach for building faster, more secure websites.

JAMstack

For fast and secure sites | Jamstack

Open-source software (OSS) is computer software that is released under a license in which the copyright holder grants users the rights to use, study, change, and distribute the software and its source code to anyone and for any purpose.

open source

nextjs

A query language for your API — GraphQL provides a complete description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

GraphQL

GraphQL | A query language for your API

hacktoberfest

starter-kit

Nedim Arabacı

boilerplate

reactjs

Here are my top picks for React UI component libraries. I have personally used some of them, and I will keep updating this list as I discover new ones.

React UI Libraries

Apple

Swift is a powerful and intuitive programming language for iOS, iPadOS, macOS, tvOS, and watchOS. Writing Swift code is interactive and fun, the syntax is concise yet expressive, and Swift includes modern features developers love.

Swift

Swift - Apple Developer

macos

menubar

control

xcode

display

brightness

volume

external-monitor

Unstyled, accessible components for building high‑quality design systems and web apps in React.

Radix

workos

authkit

user management

authentication

sign in

login

auth

Easily develop and monitor auto-scaling applications on AWS Lambda, API Gateway, DynamoDB, etc., with the Serverless Framework and Serverless Monitoring Dashboard.

Serverless

Serverless: Develop & Monitor Apps On AWS Lambda

events

scheduler

background-jobs

orchestration

Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.

Svelte

Svelte • Cybernetically enhanced web apps

graphql-client

api-client

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

Node.js

Puppeteer is a Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium.

Puppeteer

Puppeteer - Chrome Developers

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

Playwright

crawler

scraper

web-crawler

scraping

crawling

web-scraping

web-crawling

headless-chrome

Apify is a cloud platform for web scraping, browser automation, and data for AI. Use any of 1,500+ ready-made tools build by Apify community, build your own with open-source libraries, or order a custom solution.

Apify

Get a growing list of React components, ready-to-use, free forever and with accessibility always in mind.

Material UI

MUI Core: Ready to use components, free forever

NestJS is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).

NestJS

NestJS - A progressive Node.js framework

resume

resume-builder

Here at Cloudflare, we make the Internet work the way it should. Offering CDN, DNS, DDoS protection and security, find out how we can help your site.

Cloudflare

Cloudflare - The Web Performance & Security Company | Cloudflare

A framework for building native apps using React

React Native

React Native · Learn once, write anywhere

Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

tRPC

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.

Drizzle ORM

Bundle, install, and run JavaScript & TypeScript — all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner, and npm client built-in.

Hono is a small, simple, and ultrafast web framework for the Edges. It works on Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Netlify, Lagon, AWS Lambda, Lambda@Edge, and Node.js. Fast, but not only fast.

Hono

Million.js

react-native-web

supabase-auth

honojs

Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

TanStack

tamagui

expo-router

t4-stack

create-t4-app

vue-components

tailwind-template

accessibility

playground

blog

Gatsby is a React-based open source framework with performance, scalability and security built-in. Collaborate, build and deploy 1000x faster with Gatsby Cloud.

Gatsby

The Fastest Frontend for the Headless Web | Gatsby

headless cms

design

builder

frontend

drag-drop

wysiwyg

<a href="https://github.com/MonitorControl/MonitorControl?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/MonitorControl/MonitorControl</a>

https://github.com/MonitorControl/MonitorControl

<a href="https://github.com/oslabs-beta/Next-Nav?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/oslabs-beta/Next-Nav</a>
<a href="https://www.next-nav.com/?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">next-nav.com</a>

https://github.com/oslabs-beta/Next-Nav
https://www.next-nav.com/

<a href="https://www.authkit.com?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">authkit.com</a> 
<a href="https://github.com/workos/authkit?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/workos/authkit</a>

https://www.authkit.com 
https://github.com/workos/authkit

<a href="https://trigger.dev?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">trigger.dev</a> 
<a href="https://github.com/triggerdotdev/trigger.dev?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/triggerdotdev/trigger.dev</a>

https://trigger.dev 
https://github.com/triggerdotdev/trigger.dev

<a href="https://github.com/usebruno/bruno?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/usebruno/bruno</a>
<a href="https://www.usebruno.com?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">usebruno.com</a> 


https://github.com/usebruno/bruno
https://www.usebruno.com 


<a href="https://crawlee.dev?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">crawlee.dev</a> 
<a href="https://github.com/apify/crawlee?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/apify/crawlee</a>

https://crawlee.dev 
https://github.com/apify/crawlee

<a href="https://github.com/AmruthPillai/Reactive-Resume?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/AmruthPillai/Reactive-Resume</a>
<a href="https://rxresu.me?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">rxresu.me</a>


https://github.com/AmruthPillai/Reactive-Resume
https://rxresu.me


<a href="https://github.com/timothymiller/t4-app?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/timothymiller/t4-app</a>
<a href="https://t4stack.com?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">t4stack.com</a>


https://github.com/timothymiller/t4-app
https://t4stack.com


<a href="https://github.com/MarsX-dev/floatui?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/MarsX-dev/floatui</a>
<a href="https://www.floatui.com?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">floatui.com</a>

https://github.com/MarsX-dev/floatui
https://www.floatui.com

<a href="https://github.com/betterversionco/GPTs?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/betterversionco/GPTs</a>

<a href="https://ariakit.org/?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">ariakit.org</a>

<a href="https://app-router.vercel.app?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">app-router.vercel.app</a> 
<a href="https://github.com/vercel/app-playground?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/vercel/app-playground</a>

https://app-router.vercel.app 
https://github.com/vercel/app-playground

<a href="https://overreacted.io/?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">overreacted.io</a>

<a href="https://www.plasmic.app?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">plasmic.app</a> 
<a href="https://github.com/plasmicapp/plasmic?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/plasmicapp/plasmic</a>

https://www.plasmic.app 
https://github.com/plasmicapp/plasmic

<a href="https://github.com/echobind/bisonapp?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/echobind/bisonapp</a>

<a href="https://huggingface.co?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">huggingface.co</a> 
<a href="https://github.com/huggingface?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/huggingface</a>

https://huggingface.co 
https://github.com/huggingface

<a href="https://shipixen.com?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">shipixen.com</a>

<a href="https://shipfa.st?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">shipfa.st</a>

<a href="https://github.com/spatie/laravel-permission?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/spatie/laravel-permission</a> 

https://github.com/spatie/laravel-permission 

<a href="https://github.com/zeon-studio/nextplate?ref=dev2devio" class="link--url" target="_blank" rel="noopener noreferrer">github.com/zeon-studio/nextplate</a>