- [đź”–Web Dev Tools](#đź”–web-dev-tools) - [Native App Dev Tool Links](#native-app-dev-tool-links) #

đź”–Web Dev Tools

- [API Clients](#api-clients) - [Database Clients](#database-clients) - [Frontend](#frontend) - [Useful Links](#useful-links) - [JavaScript Runtime](#javascript-runtime) - [Frontend Frameworks](#frontend-frameworks) - [Mock Up Tools](#mock-up-tools) - [Code Screenshots](#code-screenshots) - [Games to learn JavaScript](#games-to-learn-javascript) - [Top 3 Regex Tools](#top-3-regex-tools) - [Js Links](#js-links) - [CSS Links](#css-links) - [SVG Tools](#svg) - [Colors](#colors) - [Typography](#typography) - [Loader](#loader) - [Layouts](#layouts) - [Avatar](#avatar) - [Icons](#icons) - [3d icons](#3d-icons) - [Illustrations](#illustrations) - [Videos & Images](#videos-&-images) - [Info](#info) - [Free API](#free-api) - [Next Open Source Projects](#next-open-source-projects) - [Other Tools](#other-tools) - [React](#react) - [Getting Started](#getting-started) - [Auth](#auth) - [Routing](#routing) - [State Management](#state-management) - [Form](#form) - [Schema Validator](#schema-validator) - [Styling](#styling) - [UI Component](#ui-component) - [Other UI libs](#other-ui-libs) - [Drag and Drop](#drag-and-drop) - [Animation](#animation) - [Workspace Tools](#workspace-tools) - [Data Visualization/Chart/Table](#data-visualization-chart-table) - [Payment Methods](#payment-methods) - [Email Sending Service](#email-sending-service) - [SMS Sending Service](#sms-sending-service) - [Code Editor](#code-editor) - [Markdown/Rich Text Editor](#markdown-rich-text-editor) - [Tour Guide](#tour-guide) - [HTTP](#http) - [Date Time](#date-time) - [Internationalization](#internationalization) - [Analytics](#analytics) - [Rendering Performance](#rendering-performance) - [Testing](#testing) - [Documentation](#documentation) - [Type Checking](#type-checking) - [Visual Editors](#visual-editors) - [Other Libraries](#other-libraries) - [DevTools](#devtools) - [Angular](#angular) - [Component Libraries](#angular-component-libraries) - [Vue](#vue) - [Component Libraries](#vue-component-libraries) - [Svelte](#svelte) - [Component Libraries](#svelte-component-libraries) - [Backend](#backend) - [Backend Framework](#backend-framework) - [Backend as a Service and Database](#backend-as-a-service-and-database) - [ASP.NET](#aspnet) - [Library List](#library-list) - [Links](#links) # API Clients - GUI 1. [hoppscotch](https://github.com/hoppscotch/hoppscotch) 2. [insomnia](https://github.com/Kong/insomnia) 3. [Bruno](https://github.com/usebruno/bruno) 4. [Scalar](https://github.com/scalar/scalar) 5. [Yaak](https://github.com/yaakapp/app) 6. [Kivo](https://github.com/dexter-xD/Kivo) - CLI 1. [HTTPie](https://github.com/httpie/cli) 2. [Hurl](https://github.com/Orange-OpenSource/hurl) 3. [Posting](https://github.com/darrenburns/posting) - Interceptor, Proxies, Testing & Mocking 1. [mockoon](https://github.com/mockoon/mockoon) 2. [Requestly](https://github.com/requestly/requestly/) 3. [yakit](https://github.com/yaklang/yakit) # Database Clients 1. [dbeaver](https://github.com/dbeaver/dbeaver) 2. [Beekeeper](https://github.com/beekeeper-studio/beekeeper-studio) 3. [tabularis](https://github.com/TabularisDB/tabularis) 4. [dbgate](https://github.com/dbgate/dbgate) 5. [pgAdmin](https://github.com/pgadmin-org/pgadmin4) 6. [TablePlus](https://tableplus.com/) 7. [dbx](https://github.com/t8y2/dbx) 8. [Outerbase](https://github.com/outerbase/studio) 9. [orca-q](https://github.com/cin12211/orca-q) 10. [Conar](https://github.com/wannabespace/conar) 11. [pgpad](https://github.com/vrmiguel/pgpad) 12. [PostgreSQL](https://github.com/microsoft/vscode-pgsql) 13. [awesome-sql](https://github.com/brandonhimpfen/awesome-sql) # Frontend # Useful Links - ## JavaScript Runtime 1. [Bun](https://github.com/oven-sh/bun) 2. [Node.js](https://github.com/nodejs/node) 3. [Deno](https://github.com/denoland/deno/) 4. [LLRT](https://github.com/awslabs/llrt) 5. [WinterJS](https://github.com/wasmerio/winterjs) 6. [txiki.js](https://github.com/saghul/txiki.js/) 7. [andromeda](https://github.com/tryandromeda/andromeda) 8. [Bare](https://github.com/holepunchto/bare) 9. [Kaluma](https://github.com/kaluma-project/kaluma) 10. [QuickJS](https://github.com/quickjs-ng/quickjs) 11. [QuickJS](https://github.com/bellard/quickjs) 12. [Hermes](https://github.com/facebook/hermes) 13. [PrimJS](https://github.com/lynx-family/primjs) 14. [V8](https://github.com/v8/v8) - [Chromium](https://github.com/chromium/chromium) - [Helium](https://github.com/imputnet/helium-chromium) 15. [JavaScriptCore](https://github.com/WebKit/WebKit/tree/main/Source/JavaScriptCore) 16. [SpiderMonkey](https://github.com/mozilla-firefox/firefox/tree/main/js/src) 17. [JerryScript](https://github.com/jerryscript-project/jerryscript) 18. [mJS](https://github.com/cesanta/mjs) 19. [Espruino](https://github.com/espruino/Espruino) 20. [Flow](https://github.com/MultiboxLabs/flow-browser) - [Ladybird](https://github.com/LadybirdBrowser/ladybird) 21. [Servo](https://github.com/servo/servo) - [Verso](https://github.com/versotile-org/verso) 22. [Brimstone](https://github.com/Hans-Halverson/brimstone) 23. [Boa](https://github.com/boa-dev/boa) 24. [Rhino](https://github.com/mozilla/rhino) 25. [Nashorn](https://github.com/openjdk/nashorn) - ## Frontend Frameworks 1. [React](https://github.com/facebook/react) - [Next](https://github.com/vercel/next.js) - [TanStack Start](https://tanstack.com/start/latest) - [Astro](https://github.com/withastro/astro) - [Vike](https://github.com/vikejs/vike) 2. [React Admin](https://github.com/marmelab/react-admin) - [Refine](https://github.com/refinedev/refine) - [Waku](https://waku.gg/) - [umi](https://github.com/umijs/umi) 3. [bhvr](https://bhvr.dev/) - [RedwoodSDK](https://github.com/redwoodjs/sdk) - [brisa](https://github.com/brisa-build/brisa) 4. [Angular](https://github.com/angular/angular) - [Analog](https://github.com/analogjs/analog) 5. [Vue.js](https://github.com/vuejs/core) - [Nuxt](https://github.com/nuxt/nuxt) 6. [Solid](https://github.com/solidjs/solid) - [Solid Start](https://github.com/solidjs/solid-start) 7. [Svelte](https://github.com/sveltejs/svelte) - [Svelte Kit](https://github.com/sveltejs/kit) 8. [Remix](https://github.com/remix-run/remix) 9. [Preact](https://github.com/preactjs/preact) - [Qwik](https://github.com/BuilderIO/qwik) - [Lit](https://github.com/lit/lit) - [Van](https://github.com/vanjs-org/van) 10. [Ripple](https://github.com/trueadm/ripple) - [Inferno](https://github.com/infernojs/inferno) - [Marko](https://github.com/marko-js/marko) - [ivi](https://github.com/localvoid/ivi) 11. [htmx](https://github.com/bigskysoftware/htmx) 12. [sigment](https://sigment.dev/) 13. [neo.mjs](https://github.com/neomjs/neo) 14. [Alpine.js](https://github.com/alpinejs/alpine) 15. [rio - WebApps in pure Python](https://github.com/rio-labs/rio) 16. [riot](https://github.com/riot/riot) 17. [Nuejs](https://github.com/nuejs/nuejs) 18. [Stimulus](https://github.com/hotwired/stimulus) 19. [Hibiki HTML](https://github.com/dashborg/hibiki) - ## Mock Up Tools 1. [shots](https://shots.so/) 2. [brandbird](https://www.brandbird.app/) 3. [huemint](https://huemint.com/) - ## Code Screenshots 1. [codeimage](https://app.codeimage.dev/) 2. [ray.so](https://ray.so/) 3. [carbon](https://carbon.now.sh/) 4. [screenshot-studio](https://www.screenshot-studio.com/) 5. [chalk](https://chalk.ist/) 6. [poet](https://poet.so/) 7. [tweetlet](https://tweetlet.net/) - ## Games to learn JavaScript 1. [codecombat](https://codecombat.com/play) 2. [jsrobot](https://lab.reaal.me/jsrobot/) 3. [code-maven](https://www.crunchzilla.com/code-) 4. [elevatorsaga](https://play.elevatorsaga.com/) 5. [jsdares](https://jsdares.com/) 6. [untrusted](https://alexnisnevich.github.io/untrusted/) 7. [checkio](https://js.checkio.org/) - ## Top 3 Regex Tools 1. [Regex 101](https://regex101.com/) 2. [YouCode AI: Regex](https://you.com/search?q=regex) 3. [Regexr](https://regexr.com/) - ## Js Links 1. [TypeGPU](https://github.com/software-mansion/TypeGPU) 2. [liquidGL – Ultra-light glassmorphism for the web](https://github.com/naughtyduk/liquidGL) 3. [JavaScript Visualizer 9000](https://www.jsv9000.app/) 4. [es-toolkit](https://github.com/toss/es-toolkit) 5. [swiperjs](https://swiperjs.com/) 6. [kute](https://thednp.github.io/kute.js/) 7. [emailjs](https://www.emailjs.com/) 8. [turnjs](http://turnjs.com/) 9. [leafletjs](https://leafletjs.com/) 10. [particles](https://vincentgarreau.com/particles.js/) 11. [desandro](https://masonry.desandro.com/) 12. [konvajs](https://konvajs.org/) 13. [popper](https://popper.js.org/) 14. [tweenjs](https://github.com/tweenjs/tween.js/) - ## CSS Links 1. [analyze-css](https://www.projectwallace.com/analyze-css) 2. [sass](https://sass-lang.com/guide) 3. [3D Book Image CSS Generator](https://scastiel.dev/3dbook) 4. [css-grid-cheat-sheet](https://alialaa.github.io/css-grid-cheat-sheet/) 5. [cssgridgenerator](https://cssgridgenerator.io/) 6. [grid.malven](https://grid.malven.co/) - [flexbox.malven](https://flexbox.malven.co/) 7. [(easings) Easing functions](https://easings.net/) 8. [(easingwizard) Easing functions](https://easingwizard.com/) 9. [code-magic](https://code-magic.vercel.app/) 10. [motion-ui](https://zurb.com/playground/motion-ui) 11. [themeselection](https://bootstrap-cheatsheet.themeselection.com/) 12. [hint](https://kushagra.dev/lab/hint) 13. [webgradients](https://webgradients.com/) 14. [enjoycss](https://enjoycss.com/) 15. [fancy-border-radius](https://9elements.github.io/fancy-border-radius/) 16. [neumorphism](https://neumorphism.io/#e0e0e0) 17. [clippy](https://bennettfeely.com/clippy/) 18. [easing-gradients](https://larsenwork.com/easing-gradients/) 19. [shadows](https://shadows.brumm.af/) 20. [cubic-bezier](https://cubic-bezier.com/#.17,.67,.83,.67) 21. [cssgradient](https://cssgradient.io/) 22. [css-separator-generator](https://wweb.dev/resources/css-separator-generator/) 23. [haikei](https://haikei.app/) 24. [shapedivider](https://www.shapedivider.app/) 25. [gradient](https://angrytools.com/gradient/) 26. [scale-up](https://animista.net/play/basic/scale-up) 27. [magic](https://www.minimamente.com/project/magic/) 28. [animate](https://animate.style/) 29. [box-shadow](https://box-shadow.dev/) 30. [generate-css](https://generate-css.com/) 31. [box-shadow](https://html-css-js.com/css/generator/box-shadow/) 32. [buttons-generator](https://markodenic.com/tools/buttons-generator/) 33. [10-online-button-generators](https://www.sitepoint.com/10-online-button-generators/) 34. [css-glow-generator](https://cssbud.com/css-generator/css-glow-generator/) 35. [uiverse](https://uiverse.io/) 36. [cssfx](https://cssfx.netlify.app/) 37. [clothoid](https://onotakehiko.dev/clothoid/) 38. [glassmorphism-generator](https://hype4.academy/tools/glassmorphism-generator) 39. [cssfilters](https://www.cssfilters.co/) 40. [base64-image](https://www.base64-image.de/) 41. [quantityqueries](https://quantityqueries.com/) 42. [animate](https://keyframes.app/animate) 43. [waitanimate](https://waitanimate.wstone.uk/) 44. [transition](https://www.transition.style/) 45. [heropatterns](https://heropatterns.com/) 46. [haikei](https://app.haikei.app/) 47. [pattern-generator](https://doodad.dev/pattern-generator/) 48. [css-pattern](https://css-pattern.com/) 49. [patternizer](https://patternizer.com/4rjn) 50. [patternify](http://www.patternify.com/) 51. [animated-css-background-generator](https://wweb.dev/resources/animated-css-background-generator/) 52. [trianglify](https://trianglify.io/) 53. [animatedbackgrounds](https://animatedbackgrounds.me/) 54. [css-backgrounds](https://www.magicpattern.design/tools/css-backgrounds) 55. [stylifycss](https://stylifycss.com/) 56. [emojicursor](https://www.emojicursor.app/) 57. [css-generators](https://css-generators.com/) 58. [cssportal](https://www.cssportal.com/) 59. [squircley](https://squircley.app/) 60. [all-animation](https://all-animation.github.io/) 61. [csshake](https://elrumordelaluz.github.io/csshake/) 62. [Hover](https://ianlunn.github.io/Hover/) 63. [infinite](https://tilomitra.github.io/infinite/) 64. [Woah.css](https://www.joerezendes.com/projects/Woah.css/) 65. [finisher](https://www.finisher.co/lab/header/) 66. [css-tools](https://10015.io/css-tools) 67. [hamburgers](https://jonsuh.com/hamburgers/) 68. [cssbuttons](https://cssbuttons.app/) - ## SVG 1. [fffuel](https://fffuel.co/) collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds 2. [getwaves](https://getwaves.io/) 3. [blobmaker](https://www.blobmaker.app/) 4. [svgwave](https://svgwave.in/) 5. [svg-wave-generator](https://www.softr.io/tools/svg-wave-generator) 6. [svgbackgrounds](https://www.svgbackgrounds.com/) 7. [svg-shape-generator](https://www.softr.io/tools/svg-shape-generator) - ## Colors 1. [color-palette](https://www.degraeve.com/color-palette/) 2. [palettte](https://palettte.app/) 3. [coolors](https://coolors.co/) 4. [oklch](https://oklch.com/) 5. [paletton](https://paletton.com/) 6. [color-wheel](https://color.adobe.com/create/color-wheel) 7. [khroma](http://khroma.co/) 8. [culrs](https://www.culrs.com/#/) 9. [colorhunt](https://colorhunt.co/) 10. [colorsinspo](https://colorsinspo.com/) 11. [grabient](https://www.grabient.com/) 12. [easing-gradients](https://larsenwork.com/easing-gradients/#editor) 13. [meshgradient](https://meshgradient.in/) 14. [flatuicolors](https://flatuicolors.com/) 15. [colordesigner](https://colordesigner.io/tools) 16. [colorpalettes](https://colorpalettes.earth/) 17. [colormixer](https://colormixer.web.app/) 18. [uigradients](https://uigradients.com/) 19. [omatsuri](https://omatsuri.app/) 20. [gradient](https://gradient.style/) 21. [realtimecolors](https://realtimecolors.com/) - ## Typography 1. [glitter](https://wh0.github.io/glitter/) 2. [fontjoy](https://fontjoy.com/) 3. [typesetwith](https://typesetwith.me/) 4. [type-scale](https://type-scale.com/) 5. [glyphter](https://glyphter.com/) 6. [font-library](https://katydecorah.com/font-library/#!/) - ## Loader 1. [boneyard](https://github.com/0xGF/boneyard) snapshots your real UI and captures a flat list of skeleton “bones” — positioned, sized rectangles that mirror the page exactly. 2. [spinkit](https://tobiasahlin.com/spinkit/) 3. [whirl](https://whirl.netlify.app/) 4. [css-loaders](https://projects.lukehaas.me/css-loaders/) 5. [cssloaders](https://cssloaders.github.io/) 6. [loading](https://loading.io/css/) - ## Layouts 1. [cssgridgarden](https://cssgridgarden.com/) 2. [flexboxfroggy](https://flexboxfroggy.com/) 3. [flexplorer](https://bennettfeely.com/flexplorer/) 4. [flexulator](https://www.flexulator.com/) 5. [cssgrid-generator](https://cssgrid-generator.netlify.app/) 6. [bradwoods](https://layout.bradwoods.io/) 7. [carolineartz](https://codepen.io/carolineartz/full/ogVXZj) - ## Avatar 1. [avatars](https://avatars.dicebear.com/) 2. [avamake](https://avamake.com/) 3. [avvvatars](https://avvvatars.com/) - ## Icons 1. [techicons](https://techicons.dev/) - [macosicongallery](https://www.macosicongallery.com/) - [macosicons](https://macosicons.com/) 2. [svgl](https://svgl.app/) - [AnimateIcons](https://animateicons.vercel.app/) 3. [lucide-animated](https://lucide-animated.com/) - [lucide](https://lucide.dev/) 4. [icons0](https://icons0.dev/) 5. [All SVG Icons](https://allsvgicons.com/) 6. [vscode-codicons](https://github.com/microsoft/vscode-codicons) 7. [Reicon](https://reicon.dev/) 8. [feathericons](https://feathericons.com/) 9. [iconify](https://icon-sets.iconify.design/) 10. [lordicon](https://lordicon.com/) 11. [flaticon](https://www.flaticon.com/) 12. [fontawesome](https://fontawesome.com/icons) 13. [iconmonstr](https://iconmonstr.com/) 14. [thenounproject](https://thenounproject.com/) 15. [icons8](https://icons8.com/) 16. [iconpacks](https://www.iconpacks.net/) 17. [iconsax](https://iconsax.io/) 18. [iconarchive](https://www.iconarchive.com/) 19. [tablericons](https://tablericons.com) 20. [heroicons](https://heroicons.com/) 21. [boxicons](https://boxicons.com/) 22. [getbootstrap](https://icons.getbootstrap.com) 23. [svgrepo](https://www.svgrepo.com/) 24. [copyicon](https://copyicon.com/) 25. [uilogos](https://uilogos.co/) 26. [Phosphor](https://phosphoricons.com/) 27. [Untitled UI Icons](https://www.untitledui.com/icons) 28. [hugeicons](https://hugeicons.com/) 29. [react-symbols](https://react-symbols.pheralb.dev/) - ## 3d icons 1. [valentine-illustrations](https://10clouds.com/valentine-illustrations) 2. [handz](https://www.handz.design/) 3. [isometriclove](https://www.isometriclove.com/) - ## Illustrations 1. [iradesign](https://iradesign.io/illustrations) 2. [manypixels](https://www.manypixels.co/gallery) 3. [undraw](https://undraw.co/illustrations) 4. [storyset](https://storyset.com/) 5. [opendoodles](https://www.opendoodles.com/) 6. [humaaans](https://www.humaaans.com/) 7. [openpeeps](https://www.openpeeps.com/) 8. [blush](https://blush.design/) 9. [drawkit](https://www.drawkit.io/) - ## Videos & Images 1. [unsplash](https://unsplash.com/) 2. [mixkit](https://mixkit.co/) 3. [pexels](https://www.pexels.com/) 4. [coverr](https://coverr.co/) 5. [pixabay](https://pixabay.com/) 6. [stocksnap](https://stocksnap.io/) 7. [shopify](https://burst.shopify.com/) 8. [loremfaces](https://loremfaces.com/) - ## Info 1. [cdnjs](https://cdnjs.com/) 2. [SRI Hash Generator](https://www.srihash.org/) 3. [css-timeline](https://css-timeline.vercel.app/) 4. [screensizemap](https://screensizemap.com/) 5. [css-ruler](https://katydecorah.com/css-ruler/) 6. [bada55](http://bada55.io/) 7. [whocanuse](https://www.whocanuse.com/) 8. [caniemail](https://www.caniemail.com/) 9. [unused-css](https://unused-css.com/) 10. [gallery](https://component.gallery/) 11. [design-systems-recent](https://designsystemsrepo.com/design-systems-recent/) 12. [checklist](https://www.checklist.design/) 13. [glyphs](https://css-tricks.com/snippets/html/glyphs/) 14. [css-tricks](https://css-tricks.com/) 15. [htmlwasher](https://www.htmlwasher.com/) 16. [caniuse](https://caniuse.com/) 17. [validator](https://validator.w3.org/) 18. [imagecompressor](https://imagecompressor.com/) 19. [websitedownloader](https://websitedownloader.io/) 20. [builtwith](https://builtwith.com/) 21. [measure](https://web.dev/measure/) 22. [gitignore](https://www.toptal.com/developers/gitignore) 23. [devhints](https://devhints.io/) 24. [metatags](https://metatags.io/) 25. [frontendchecklist](https://frontendchecklist.io/) 26. [overapi](https://overapi.com/) 27. [devdocs](https://devdocs.io/) 28. [codebeautify](https://codebeautify.org/) 29. [tinypng](https://tinypng.com/) 30. [it-tools](https://it-tools.tech/) 31. [favicon](https://www.favicon.cc/) 32. [jsoncrack](https://jsoncrack.com/) 33. [gtmetrix](https://gtmetrix.com/) 34. [pingdom](https://tools.pingdom.com/) 35. [tinyjpg](https://tinyjpg.com/) - ## Free API 1. [rapidapi](https://rapidapi.com/hub) 2. [Generate massive amounts of fake Data](https://fakerjs.dev/) 3. [API for placeholder images](https://lorem.space/) 4. [pokeapi](https://pokeapi.co/) 5. [developers](https://developers.giphy.com/) 6. [swapi](https://swapi.dev/) 7. [nasa](https://api.nasa.gov/) 8. [unsplash](https://unsplash.com/developers) 9. [breakingbadapi](https://breakingbadapi.com/documentation) 10. [random-data-api](https://random-data-api.com/documentation) - ## Next Open Source Projects 1. [Coolify](https://github.com/coollabsio/coolify) An open-source & self-hostable Heroku / Netlify / Vercel alternative. 2. [plane](https://github.com/makeplane/plane) 3. [twenty](https://github.com/twentyhq/twenty) 4. [rallly](https://github.com/lukevella/rallly) 5. [infisical](https://github.com/Infisical/infisical) 6. [dailydotdev](https://github.com/dailydotdev/apps) 7. [formbricks](https://github.com/formbricks/formbricks) 8. [dub](https://github.com/dubinc/dub) 9. [inbox-zero](https://github.com/elie222/inbox-zero) 10. [civitai](https://github.com/civitai/civitai) 11. [cal.com](https://github.com/calcom/cal.com) - ## Other Tools 4. [meilisearch](https://github.com/meilisearch/meilisearch) - [zincsearch](https://github.com/zincsearch/zincsearch) 5. [chartdb](https://github.com/chartdb/chartdb) 6. [Partytown](https://github.com/BuilderIO/partytown) 7. [trpc](https://github.com/trpc/trpc) 8. [responsively-app](https://github.com/responsively-org/responsively-app) 9. [e2b](https://github.com/e2b-dev/e2b) 10. [arrow-js](https://github.com/justin-schroeder/arrow-js) 11. [uvicorn](https://github.com/encode/uvicorn) 12. [Danfo.js](https://github.com/javascriptdata/danfojs) # React 1. #### Getting Started - [Better T Stack (Modern CLI for scaffolding end-to-end type-safe TypeScript projects)](https://better-t-stack.dev/) - [Vite (For react projects)](https://vitejs.dev/guide/) - [bun init (For react projects)](https://bun.sh/docs/cli/init) - [TanStack Start (Full-stack React Framework)](https://tanstack.com/start/latest) - [Next JS (Full-stack React Framework)](https://nextjs.org/) - [bhvr (Full-stack React-Hono Framework)](https://bhvr.dev/) - [Waku (React Framework)](https://waku.gg/) - [Astro (Content-based Website)](https://astro.build/) - [Vike (Composable framework)](https://vike.dev/) - [Brisa (Web Component island-based)](https://brisa.build/) - [RedwoodSDK (Server-first React with zero magic)](https://rwsdk.com/) - [React Admin (B2B React Framework)](https://marmelab.com/react-admin/) - [Refine (B2B React Framework)](https://refine.dev/) - [CodeSandbox (For trying online)](https://codesandbox.io/) - [StackBlitz (For trying online)](https://stackblitz.com/) 2. #### Auth - [Clerk](https://clerk.com/) - [Better-Auth](https://www.better-auth.com/) - [Kinde](https://kinde.com/) - [AuthKit](https://workos.com/) - [next-auth](https://next-auth.js.org/) 3. #### Routing - [TanStack Router](https://tanstack.com/router/latest) - [React Router](https://reactrouter.com/) - [nuqs](https://nuqs.dev/) Type-safe search params state manager for React 4. #### State Management - [Redux Toolkit](https://redux-toolkit.js.org/) - [Zustand](https://zustand-demo.pmnd.rs/) - [Jotai](https://jotai.org/) - [mobx](https://mobx.js.org/) - [effector](https://effector.dev/) - [TanStack Query](https://tanstack.com/query/latest) - [Apollo Client](https://www.apollographql.com/docs/react/) - [swr](https://swr.vercel.app/) 5. #### Form - [React Hook Form](https://react-hook-form.com/) - [TanStack Form](https://tanstack.com/form/latest) - [Formik](https://formik.org/docs/overview) 6. #### Schema Validator - [Standard Schema](https://standardschema.dev/) - [Valibot](https://valibot.dev/) - [ArkType](https://arktype.io/) - [Zod](https://zod.dev/) 7. #### Styling - [Tailwind CSS](https://tailwindcss.com/) - [patterncraft](https://patterncraft.fun/) for background - [flowbite](https://flowbite.com/) - [Keep React](https://react.keepdesign.io/) - [tailblocks](https://tailblocks.cc/) - [tailwindtoolbox](https://tailwindtoolbox.com/) - [tailkit](https://tailkit.com/) - [tailwindwidgets](https://tailwindwidgets.com/) - [merakiui](https://merakiui.com/) - [Bootstrap](https://getbootstrap.com/) - [styled-components](https://styled-components.com/) - [Emotion](https://emotion.sh/docs/introduction) - [matcha](https://matcha.mizu.sh/) Make naked websites look great - [98.css](https://jdan.github.io/98.css/) - [XP.css](https://botoxparty.github.io/XP.css/) - [7.css](https://khang-nd.github.io/7.css/) - [Simple.css](https://github.com/kevquirk/simple.css) - [twin.macro](https://github.com/ben-rogerson/twin.macro) - [Emotion](https://github.com/emotion-js/emotion) - [ds.css](https://css.ds.dreamyard.xyz/) 8. #### UI Component - [shadcn/ui](https://ui.shadcn.com/) - [tweakcn](https://tweakcn.com/) - [ShadCN Themes](https://shadcnthemer.com/) - [shoogle](https://shoogle.dev/) - [radix](https://www.radix-ui.com/) - [base-ui](https://base-ui.com/) - [Bklit UI](https://ui.bklit.com/) - [React Bits](https://reactbits.dev/) - [Canvas UI](https://canvasui.dev/) - [kibo-ui](https://www.kibo-ui.com/) - [Wigggle UI](https://wigggle-ui.vercel.app/) - [Vengeance UI 2.0](https://www.vengenceui.com/) - [uselayouts](https://uselayouts.com/) - [BadtzUI](https://www.badtz-ui.com/) - [uitripled](https://github.com/moumen-soliman/uitripled) - [React Wheel Picker](https://react-wheel-picker.chanhdai.com/) - [shadcn-prose](https://shadcn-prose.vercel.app/) - [spaceman-rta](https://spaceman-rta-vite.netlify.app/) - [THE GRIDCN](https://thegridcn.com/) - [Glitchcn/ui](https://glitchcn-ui.vercel.app/) - [Pixel Perfect](https://www.pixel-perfect.space/) - [soundcn](https://www.soundcn.xyz/) - [SCIFICN/UI](https://www.scificn.dev/) - [termcn](https://www.termcn.dev/) - [chanhdai Components](https://chanhdai.com/components) - [ElevenLabs UI](https://ui.elevenlabs.io/) - [UI blocks, components & pages](https://ui.tripled.work/) - [Aceternity](https://ui.aceternity.com/) - [Forge UI](https://forgeui.in/) - [Tailark](https://tailark.com/) - [Dice UI](https://www.diceui.com/) - [Spectrum UI](https://ui.spectrumhq.in/) - [AI Elements](https://ai-sdk.dev/elements/overview) - [Magic UI](https://magicui.design/docs/installation) - [Origin UI](https://originui.com/) - [HextaUI](https://www.hextaui.com/) - [Luxe](https://www.luxeui.com/) - [Tool UI](https://www.tool-ui.com/) - [Motion-Primitives](https://motion-primitives.com/) - [Animate UI](https://animate-ui.com/) - [ScrollX UI](https://scrollxui.dev/) - [ReUI](https://reui.io/) - [kokonut UI](https://kokonutui.com/) - [Smooth UI](https://smoothui.dev/) - [cult-ui](https://www.cult-ui.com/) - [skiper-ui](https://skiper-ui.com/) - [shadcnspace](https://shadcnspace.com/) - [shadcnuikit](https://shadcnuikit.com/) - [shadcnblocks](https://www.shadcnblocks.com/) - [ui-layouts](https://www.ui-layouts.com/) - [eldoraui](https://www.eldoraui.site/) - [efferd](https://efferd.com/) - [SolaceUI](https://www.solaceui.com/) - [fancy components](https://www.fancycomponents.dev/) - [SquareUi](https://squareui.com/) - [blocks](https://blocks.so/) - [Devsloka UI](https://ui.devsloka.in/) - [MynaUI](https://mynaui.com/) - [Cook](https://cook.engage-dev.com/) - [square-ui](https://github.com/ln-dev7/square-ui) - [Design without Limits](https://aliimam.in/) - [@optics/design-system](https://optics.agusmayol.com.ar/) - [components.work](https://components.work/) - [Dot matrix loaders](https://dotmatrix.zzzzshawn.cloud/) - [Shark](https://shark.vini.one/) - [remocn](https://www.remocn.dev/) - [basecn](https://basecn.dev/) - [mapcn](https://www.mapcn.dev/) - [coss/ui](https://coss.com/ui/docs) - [21st.dev](https://21st.dev/) - [shadcnstudio](https://shadcnstudio.com/) - [shieldcn](https://shieldcn.dev/) - [beui](https://beui.dev/) - [watermelon](https://ui.watermelon.sh/) - [grootstudio](https://grootstudio.dev/) - [vengenceui](https://www.vengenceui.com/) - [kairoui](https://www.kairoui.online/) - [evilbuttons](https://www.evilbuttons.com/) - [awesome-shadcn/ui](https://github.com/birobirobiro/awesome-shadcn-ui) - [DiMaac](https://ui.dimaac.com/) - [NeonBlade UI](https://neonbladeui.neuronrush.com/) - [pretext](https://github.com/chenglou/pretext) - [tegaki](https://github.com/KurtGokhan/tegaki) - [Better Auth UI](https://better-auth-ui.com/) - [Better Upload](https://better-upload.com/) - [MUI Material UI](https://mui.com/) - [Ark UI](https://ark-ui.com/) - [Chakra UI](https://chakra-ui.com/) - [Park UI](https://park-ui.com/) - [Ant Design](https://ant.design/) - [Mantine](https://mantine.dev/) - [daisyUI](https://daisyui.com/) - [HeroUI](https://www.heroui.com/) - [Fluent UI](https://github.com/microsoft/fluentui) - [KendoReact](https://www.telerik.com/kendo-react-ui) - [Syncfusion React](https://www.syncfusion.com/react-components) - [headlessui](https://headlessui.com/) - [react-aria](https://react-spectrum.adobe.com/react-aria/) - [ariakit](https://ariakit.org/) - [evergreen](https://evergreen.segment.com/) - [PrimeReact](https://github.com/primefaces/primereact) - [React Bootstrap](https://react-bootstrap.github.io/) - [blueprintjs](https://blueprintjs.com/docs/) - [React Suite](https://rsuitejs.com/) - [Gestalt](https://github.com/pinterest/gestalt) - [grommet](https://github.com/grommet/grommet) - [Shoelace](https://shoelace.style/) - [basecoatui](https://basecoatui.com/) 9. #### Other UI libs - [react-call](https://github.com/desko27/react-call) - [Ink](https://github.com/vadimdemedes/ink) provides the same component-based UI building experience that React offers in the browser, but for command-line apps. - [OpenTUI](https://github.com/sst/opentui) TypeScript library for building terminal user interfaces (TUIs). - [Xterm.js](https://github.com/xtermjs/xterm.js) - [wterm](https://github.com/vercel-labs/wterm) - [player](https://player.style/) Video and audio player themes built with Media Chrome - [Mediabunny](https://mediabunny.dev/) - [Wavesurfer.js](https://wavesurfer.xyz/) Audio visualizer - [react-player](https://cookpete.github.io/react-player/) - [xyflow](https://www.xyflow.com/) node-based UIs - [Drawflow](https://github.com/jerosoler/Drawflow) - [uiverse](https://uiverse.io/buttons) Button designs - [visx](https://github.com/airbnb/visx) - [floating-ui](https://floating-ui.com/) - [fullcalendar](https://github.com/fullcalendar/fullcalendar) Full-sized drag & drop event calendar in JavaScript - [excalidraw](https://github.com/excalidraw/excalidraw)An open source virtual hand-drawn style whiteboard. - [mermaid](https://github.com/mermaid-js/mermaid)Generate diagrams from markdown-like text. - [react-hot-toast](https://react-hot-toast.com/) - [react-toastify](https://fkhadra.github.io/react-toastify/introduction) - [sweetalert2](https://sweetalert2.github.io/) - [Sweetalert](https://sweetalert.js.org/) - [maska (input masking)](https://beholdr.github.io/maska/v3/#/) - [react-jsonschema-form](https://rjsf-team.github.io/react-jsonschema-form/) - [skeletonreact](https://skeletonreact.com/) - [react-svgr](https://react-svgr.com/) - [React Slick Carousel](https://react-slick.neostack.com/) - [coolshapes-react](https://github.com/realvjy/coolshapes-react) - [Semantic-UI-React](https://github.com/Semantic-Org/Semantic-UI-React) 10. #### Drag and Drop - [dnd kit](https://dndkit.com/) - [react-mosaic](https://nomcopter.github.io/react-mosaic//) - [swapy](https://swapy.tahazsh.com/) - [pragmatic-drag-and-drop](https://atlassian.design/components/pragmatic-drag-and-drop/about) - [react-dnd](https://react-dnd.github.io/react-dnd/about) - [react-dropzone](https://react-dropzone.js.org/) - [react-grid-layout](https://github.com/react-grid-layout/react-grid-layout) - [react-sortable-tree](https://github.com/frontend-collective/react-sortable-tree) - [Sortable](https://sortablejs.github.io/Sortable/) 11. #### Animation - [GSAP](https://gsap.com/resources/React/) - [Framer Motion](https://www.framer.com/motion/) - [SSGOI](https://ssgoi.dev/en) Build native app-like page transitions for the web. - [react-spring](https://www.react-spring.dev/) - [Remotion](https://www.remotion.dev/) - [Motion Canvas](https://motioncanvas.io/) - [theatrejs](https://www.theatrejs.com/) - [threejs](https://threejs.org/) - [typed-js](https://mattboldt.com/demos/typed-js/) - [scrollmagic](https://scrollmagic.io/) - [scrollrevealjs](https://scrollrevealjs.org/) - [barbajs](https://barba.js.org/) - [animejs](https://animejs.com/) - [mojs](https://mojs.github.io/) - [Animate.css](https://animate.style/) - [vivus](https://maxwellito.github.io/vivus/) - [lottie](https://airbnb.io/lottie/#/) - [popmotion](https://popmotion.io/) 12. #### Workspace Tools - [Univer](https://docs.univer.ai/) - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - [SheetJS](https://docs.sheetjs.com/) - [react-spread-sheet](https://github.com/sojinantony01/react-spread-sheet) - [react-spreadsheet](https://github.com/iddan/react-spreadsheet) - [Syncfusion Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/javascript-spreadsheet-editor) - [Syncfusion Document Editor](https://www.syncfusion.com/docx-editor-sdk) - [reveal.js](https://revealjs.com/) - [pdfme](https://github.com/pdfme/pdfme) - [react-pdf](https://github.com/wojtekmaj/react-pdf) - [pdfkit](https://github.com/foliojs/pdfkit) - [pdf.js](https://github.com/mozilla/pdf.js) - [react-pdf](https://github.com/diegomura/react-pdf) - [react-pdf-viewer](https://github.com/react-pdf-viewer/react-pdf-viewer) - [react-doc-viewer](https://github.com/cyntler/react-doc-viewer) 13. #### Data Visualization Chart Table - [EvilCharts](https://evilcharts.com/) - [dither-kit](https://www.tripwire.sh/dither-kit) - [VictoryChart](https://formidable.com/open-source/victory/docs/victory-chart/) - [react-chartjs-2](https://react-chartjs-2.js.org/) - [Recharts](https://recharts.org/en-US/) - [Headless Chart](https://headless-chart.pages.dev/) - [Flitter](https://flitter.dev/) A JavaScript rendering engine for next-level web graphics. - [RacingBars](https://racing-bars.hatemhosny.dev/) - [d3js](https://d3js.org/) - [d3-maps](https://github.com/souljorje/d3-maps) Interactive SVG maps toolkit - [tremor](https://www.tremor.so/) - [TanStack Table](https://tanstack.com/table/v8) - [tanstack-virtual](https://tanstack.com/virtual/latest) - [handsontable](https://github.com/handsontable/handsontable) - [ReactGrid](https://reactgrid.com/) - [ag-grid](https://www.ag-grid.com/) - [react-data-grid](https://github.com/Comcast/react-data-grid) - [glide-data-grid](https://github.com/glideapps/glide-data-grid) - [tabulator](https://tabulator.info/) - [React Virtualized](https://github.com/bvaughn/react-virtualized) - [Warper](https://warper.tech/) - [react-window](https://github.com/bvaughn/react-window) 14. #### Payment Methods - [Clerk](https://clerk.com/billing) - [Stripe](https://stripe.com/) - [Creem](https://www.creem.io/) - [Polar](https://polar.sh/) - [SSLCOMMERZ](https://sslcommerz.com/payment-gateway/) - [bKash](https://developer.bka.sh/) 15. #### Email Sending Service - [React Email](https://react.email/) - [Resend](https://resend.com/) 100 emails/day (3,000/month), 1 domain. $20/month for 50k emails. - [Brevo](https://www.brevo.com/) 300 emails/day (9,000/month), unlimited contacts. $25/month for 20k emails. - [Sender](https://www.sender.net/) 15,000 emails/month, 2,500 subscribers. $8/month for 50k emails. - [MailerLite](https://www.mailerlite.com/) 12,000 emails/month, 1,000 subscribers. - [Mailchimp](https://mailchimp.com/) 1,000 emails/month (500/day), 500 contacts. - [Mailgun](https://www.mailgun.com/) 100 emails/day (3,000/month). $35/month for 50k emails. - [MailerSend](https://www.mailersend.com/) 3,000 emails/month. $25/month for 50k emails. - [Omnisend](https://www.omnisend.com/) 500 emails/month, 250 subscribers. - [Amazon SES](https://aws.amazon.com/ses/) 62,000 emails/month (first year, post-sandbox). $0.10/1k emails. 16. #### SMS Sending Service - [Twilio](https://www.twilio.com/en-us) $15.50 credit (~1,000 US SMS), unlimited test mode. $0.0075/outbound US SMS. - [Textla](https://www.textla.com/) 100 credits trial (unlimited sends in trial), then 100/day free mode. $0.02/message. - [Plivo](https://www.plivo.com/sms/) $10 credit (~500 US SMS), pay-as-you-go after. $0.0055/outbound US SMS. - [Sinch](https://sinch.com/) 100 SMS trial, free inbound. $0.007/outbound US SMS. - [Vonage](https://www.vonage.com/communications-apis/messages/) $10 credit (~600 US SMS), free inbound. $0.0065/outbound US SMS. 17. #### Code Editor - [Monaco Editor](https://github.com/microsoft/monaco-editor) - [React Monaco Editor](https://github.com/react-monaco-editor/react-monaco-editor) - [Monaco Editor React](https://github.com/suren-atoyan/monaco-react) - [CodeMirror](https://code.haverbeke.berlin/codemirror/dev/) - [react-codemirror](https://github.com/uiwjs/react-codemirror) - [shiki](https://github.com/shikijs/shiki) - [prism](https://github.com/PrismJS/prism/) - [ace](https://github.com/ajaxorg/ace) - [code-blocks](https://code-blocks.pheralb.dev/) 18. #### Markdown Rich Text Editor - [blocksuite](https://blocksuite.io/) - [platejs](https://platejs.org/) - [blocknotejs](https://www.blocknotejs.org/) - [ckeditor5](https://ckeditor.com/ckeditor-5/) - [MDXEditor](https://mdxeditor.dev/) - [quill](https://quilljs.com/) - [editorjs](https://editorjs.io/) - [yoopta](https://yoopta.dev/) - [tiptap](https://tiptap.dev/) - [Muyu](https://github.com/marktext/muya) - [overleaf](https://github.com/overleaf/overleaf) 19. #### Tour Guide - [react-joyride](https://react-joyride.com/) - [driver.js](https://driverjs.com/) - [introjs](https://introjs.com/) - [onborda](https://www.onborda.dev/) - [tourguidejs](https://tourguidejs.com/) - [flows](https://flows.sh/) - [shepherdjs](https://shepherdjs.dev/) - [bootstraptour](https://bootstraptour.com/) 20. #### HTTP - [Axios](https://axios-http.com/docs/intro) - [Ky](https://github.com/sindresorhus/ky) - [Better Fetch](https://github.com/bekacru/better-fetch) - [Wretch](https://github.com/elbywan/wretch) - [Ofetch](https://github.com/unjs/ofetch) - [Alova](https://github.com/alovajs/alova) 21. #### Date Time - [luxon](https://moment.github.io/luxon/#/) - [dayjs](https://github.com/iamkun/dayjs) - [date-fns](https://github.com/date-fns/date-fns) - [spacetime](https://github.com/spencermountain/spacetime) - [moment](https://github.com/moment/moment/) 22. #### Internationalization - [react-i18next](https://react.i18next.com/) - [FormatJS](https://formatjs.io/docs/react-intl/) 23. #### Analytics - [Sentry](https://github.com/getsentry/sentry) - [Metabase](https://github.com/metabase/metabase) - [PostHog](https://github.com/PostHog/posthog) - [OpenObserve](https://github.com/openobserve/openobserve) - [Plausible Analytics](https://github.com/plausible/analytics) - [Matomo](https://github.com/Matomo-org/matomo) - [Umami](https://github.com/umami-software/umami) - [GoAccess](https://github.com/allinurl/goaccess) - [OpenReplay](https://github.com/openreplay/openreplay/) - [Countly](https://github.com/countly/countly-server) 24. #### Rendering Performance - [RSC Boundary](https://github.com/foxted/rsc-boundary) See where Server Components end and Client Components begin—directly in the browser, on your real app. - [million](https://million.dev/) Speed up your website by 70%. - [React Scan](https://github.com/aidenybai/react-scan) - automatically detects performance issues in your React app. - [React Doctor](https://github.com/millionco/react-doctor) - [Why Did You Render](https://github.com/welldone-software/why-did-you-render) - [ForesightJS](https://foresightjs.com/) 25. #### Testing - [Vitest](https://vitest.dev/) - [Cypress](https://cypress.io/) - [Playwright](https://playwright.dev/) - [Jest](https://jestjs.io/) - [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) 26. #### Documentation - [Fumadocs](https://fumadocs.dev/) - [Docusaurus](https://docusaurus.io/) - [Nextra](https://nextra.site/) - [Starlight](https://starlight.astro.build/) 27. #### Type Checking - [TypeScript](https://www.typescriptlang.org/) - [JSDoc](https://jsdoc.app/) 28. #### Visual Editors - [penpot](https://github.com/penpot/penpot) - [Onlook](https://github.com/onlook-dev/onlook) - [Codux](https://www.codux.com/) - [Framer](https://www.framer.com/) - [Framely](https://github.com/belastrittmatter/Framely) - [craft.js](https://github.com/prevwong/craft.js) 29. #### Other Libraries - [Jazz](https://jazz.tools/) is a local-first relational database. It runs across your frontend, backend and our global storage cloud. - [NeverThrow](https://github.com/supermacro/neverthrow) Type-Safe Errors for JS & TypeScript - [c15t](https://c15t.com/) is the open source web standard for managing consent and script loading. - [Haiku](https://www.reacthaiku.dev/) is a simple & lightweight React library with the goal of saving you time by offering a large collection of hooks & utilities that will help you get the job done faster & more efficiently! - [Socket.io](https://github.com/socketio/socket.io) - [ws](https://github.com/websockets/ws) library that enables real-time, bidirectional communication between web clients and servers. - [Media over QUIC](https://github.com/kixelated/moq) - [mitosis](https://mitosis.builder.io/) Write components once, run everywhere. - [Storybook](https://storybook.js.org/) Build UIs without the grunt work. - [copilotkit](https://www.copilotkit.ai/) CopilotKit is the simplest way to integrate production-ready Copilots into any product. - [react-tweet](https://react-tweet.vercel.app/) Allows you to embed tweets in your React application. - [react-advanced-cropper](https://advanced-cropper.github.io/react-advanced-cropper/) This react cropper library gives you the possibility to create croppers that exactly suited for your website design. - [json-editor](https://github.com/json-editor/json-editor) JSON Editor takes a JSON Schema and uses it to generate an HTML form. 30. #### DevTools - [React Developer Tools (chrome link)](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) - [Redux DevTools (chrome link)](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd) - [Testing Playground (chrome link)](https://chrome.google.com/webstore/detail/testing-playground/hejbmebodbijjdhflfknehhcgaklhano) - [React Hook Form DevTools](https://react-hook-form.com/dev-tools) - [TanStack Query DevTools](https://tanstack.com/query/v4/docs/react/devtools) - [Fake Filler (chrome link)](https://chrome.google.com/webstore/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo) - [Responsive Viewer (chrome link)](https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb) - [Web Developer (chrome link)](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm) - [CSS Peeper (chrome link)](https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk) - [CSS Viewer for Google Chrome (chrome link)](https://chrome.google.com/webstore/detail/css-viewer-for-google-chr/eedfldkdghfkhdcanjnfiklpeehbfoag) - [Project Naptha (chrome link)](https://chrome.google.com/webstore/detail/project-naptha/molncoemjfmpgdkbdlbjmhlcgniigdnf) # Angular ## Angular Component Libraries 1. [Kendo UI](https://www.telerik.com/kendo-angular-ui) 2. [Angular Material](https://material.angular.io/) 3. [NG Bootstrap](https://ng-bootstrap.github.io/#/home) 4. [NGX-Bootstrap](https://valor-software.com/ngx-bootstrap/#/) 5. [PrimeNG](https://primeng.org/) 6. [ApexCharts](https://apexcharts.com/angular-chart-demos/) 7. [Nebular](https://akveo.github.io/nebular/) 8. [Clarity](https://clarity.design/) 9. [Core UI](https://coreui.io/angular/) 10. [Ignite UI for Angular](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/getting-started) # Vue 1. #### Vue Component Libraries - [shadcn-vue](https://www.shadcn-vue.com/) - [Vuzeno](https://vuzeno.com/) - [Nuxt UI](https://ui4.nuxt.com/) - [Reka UI](https://reka-ui.com/) - [Vue Bits](https://vue-bits.dev/) - [Inspira UI](https://inspira-ui.com/) - [UI Thing](https://ui-thing.behonbaker.com/) - [Stunning UI](https://www.stunningui.com/) - [Nuxtlify](https://www.nuxtlify.com/) - [VueBlocks](https://www.vue-blocks.dev/) - [LandiNuxt](https://www.landinuxt.com/) - [Vuetify](https://vuetifyjs.com/en/) - [PrimeVue](https://primevue.org/) - [Flowbite](https://flowbite-vue.com/) - [Element Plus](https://element-plus.org/en-US/) - [Naïve UI](https://www.naiveui.com/en-US/os-theme) - [Equal UI](https://equal-ui.github.io/Equal/) - [Buefy](https://buefy.org/) - [nxui](https://nxui.geoql.in/docs) - [Vue File Manager](https://vuefinder.ozdemir.be/) - [BootstrapVue](https://bootstrap-vue.org/) 2. #### Vue Store - [Pinia](https://pinia.vuejs.org/) 3. #### Vue Documentation - [VitePress](https://vitepress.dev/) 4. #### Vue Md Presentation Slides Framework - [slidev](https://github.com/slidevjs/slidev) # Svelte ## Svelte Component Libraries - [Svelte Animations](https://sv-animations.vercel.app/) - [Svelte Bits](https://sveltebits.xyz/) # Backend - [Backend](#backend) - [Backend Framework and Database](#backend-framework-and-database) - [ASP.NET](#aspnet) - [C#](#csharp) - [Entity Framework](#entity-framework) - [Configuration](#configuration) - [Library List](#library-list) - [Links](#links) - ## Backend Framework 1. [ASP.NET Core](https://github.com/dotnet/aspnetcore) 2. [Express](https://github.com/expressjs/express) - [Fastify](https://github.com/fastify/fastify) - [Nest](https://github.com/nestjs/nest) - [Hono](https://github.com/honojs/hono) - [Elysia](https://github.com/elysiajs/elysia) - [Encore](https://github.com/encoredev/encore) 3. [Workflow](https://github.com/vercel/workflow) - [iii](https://github.com/iii-hq/iii) - [Amplication](https://github.com/amplication/amplication) 4. [princejs](https://github.com/MatthewTheCoder1218/princejs) - [Fresh](https://github.com/denoland/fresh) - [H3](https://github.com/unjs/h3) - [Skip](https://github.com/SkipLabs/skip) - [koa](https://github.com/koajs/koa) - [Hattip](https://github.com/hattipjs/hattip) 5. [Django](https://github.com/django/django) - [FastAPI](https://github.com/tiangolo/fastapi) - [Flask](https://github.com/pallets/flask) 6. [Jetzig](https://github.com/jetzig-framework/jetzig) - [Zap](https://github.com/zigzap/zap) - [zinc](https://github.com/zon-dev/zinc) - [http.zig](https://github.com/karlseguin/http.zig) - [Zine](https://github.com/kristoff-it/zine) 7. [drogon](https://github.com/drogonframework/drogon) - [oatpp](https://github.com/oatpp/oatpp) - [crow](https://github.com/crowcpp/crow) - [pistache](https://github.com/pistacheio/pistache) 8. [Gin](https://github.com/gin-gonic/gin) - [Fiber](https://github.com/gofiber/fiber) - [echo](https://github.com/labstack/echo) - [chi](https://github.com/go-chi/chi) - [beego](https://github.com/beego/beego) 9. [actix](https://github.com/actix/actix-web) - [axum](https://github.com/tokio-rs/axum) - [poem](https://github.com/poem-web/poem) - [warp](https://github.com/seanmonstar/warp) - [Rocket](https://github.com/rwf2/Rocket) - [topcoat](https://github.com/tokio-rs/topcoat) 10. [Phoenix](https://github.com/phoenixframework/phoenix) - [Hologram](https://github.com/bartblast/hologram) - ## Backend as a Service and Database 1. BaaS: [Firebase](https://firebase.google.com/) - [Appwrite](https://github.com/appwrite/appwrite) - [Supabase](https://github.com/supabase/supabase) - [Neon](https://github.com/neondatabase/neon) - [Turso](https://turso.tech/) - [Nhost](https://github.com/nhost/nhost) 2. BaaS: [SpacetimeDB](https://github.com/ClockworkLabs/SpacetimeDB) - [Convex](https://www.convex.dev/) - [SurrealDB](https://github.com/surrealdb/surrealdb) - [PocketBase](https://github.com/pocketbase/pocketbase) - [Powabase](https://powabase.ai/) 3. ORM: [Drizzle](https://github.com/drizzle-team/drizzle-orm) - [Prisma](https://github.com/prisma/prisma) - [Sequelize](https://github.com/sequelize/sequelize) - [Mongoose](https://github.com/Automattic/mongoose) 4. Document: [MongoDB](https://github.com/mongodb/mongo) - [RavenDB](https://github.com/ravendb/ravendb) - [Couchbase](https://www.couchbase.com/) - [Amazon DocumentDB](https://aws.amazon.com/documentdb/) 5. Key-Val: [Redis](https://github.com/redis/redis) - [valkey](https://github.com/valkey-io/valkey) - [Dragonfly](https://github.com/dragonflydb/dragonfly) - [Amazon DynamoDB](https://aws.amazon.com/dynamodb/) - [Riak](https://riak.com/) 6. Column: [ClickHouse](https://clickhouse.com/) - [Apache Cassandra](https://cassandra.apache.org/) - [hbase](https://github.com/apache/hbase) 7. Vector: [Pinecone](https://www.pinecone.io/) - [Qdrant](https://qdrant.tech/) - [Milvus](https://milvus.io/) - [Weaviate](https://weaviate.io/) - [TopK](https://www.topk.io/) 8. Graph: [Neo4j](https://github.com/neo4j/neo4j) - Time-Series: [InfluxDB](https://www.influxdata.com/) - [Timescale](https://www.timescale.com/) 9. Spreadsheet: [Teable](https://github.com/teableio/teable) - Airtable: [NocoDB](https://github.com/nocodb/nocodb) - Search: [Elasticsearch](https://github.com/elastic/elasticsearch) 10. Local-first: [TinyBase](https://tinybase.org/) - [Dexie.js](https://dexie.org/) - [Electric](https://electric-sql.com/) - [watermelondb](https://watermelondb.dev/) - [RxDB](https://rxdb.info/) 11. CMS: [Sanity](https://github.com/sanity-io/sanity) - [payloadcms](https://payloadcms.com/) 12. [Tigerbeetle](https://github.com/tigerbeetle/tigerbeetle) - [CockroachDB](https://github.com/cockroachdb/cockroach) - [DuckDB](https://github.com/duckdb/duckdb) 13. [postgres](https://github.com/postgres/postgres) - [sqlite](https://github.com/sqlite/sqlite) - [mysql](https://github.com/mysql/mysql-server) - [MariaDB](https://github.com/MariaDB/server) # ASP.NET ## Library List - [uno](https://github.com/unoplatform/uno) - [QuestPDF](https://github.com/QuestPDF/QuestPDF) - [ShareX](https://github.com/ShareX/ShareX) - [OpenRA](https://github.com/OpenRA/OpenRA) - [QRCoder](https://github.com/codebude/QRCoder) - [Windows-Auto-Night-Mode](https://github.com/AutoDarkMode/Windows-Auto-Night-Mode) - [Ryujinx](https://github.com/Ryujinx/Ryujinx) ## Links - ### Tools - [.NET language playground](https://sharplab.io/) - [SharpLab (Source)](https://github.com/ashmind/SharpLab) - [.NET Source Browser](https://source.dot.net/) - ### Learning - [Code Maze](https://code-maze.com/) - [Dot Net Tutorials](https://dotnettutorials.net/) - [I❤️.NET](https://ilovedotnet.org/) - [Milan Jovanović](https://www.youtube.com/@MilanJovanovicTech/videos) - [Nick Chapsas](https://www.youtube.com/@nickchapsas/videos) - [Patrick God](https://www.youtube.com/@PatrickGod/videos) - [Netcode-Hub](https://www.youtube.com/@Netcode-Hub/videos) #

Native App Dev Tool Links

- [Native App Framework](#native-app-framework) - [React Native Libraries](#react-native-libraries) - [Go Libraries](#go-libraries) - [Python Libraries](#python-libraries) # Native App Framework - [Inno Setup](https://github.com/jrsoftware/issrc) installation builder for Windows applications. - ### XR 1. [Lens Studio](https://ar.snap.com/lens-studio) 2. [Android Studio](https://developer.android.com/studio) - ### JavaScript/TypeScript 1. [React Native](https://github.com/facebook/react-native) - [Lynx](https://github.com/lynx-family/lynx) - [NativeScript](https://github.com/NativeScript/NativeScript) 2. [React Native for Windows + macOS](https://microsoft.github.io/react-native-windows/) - [Sparkling](https://tiktok.github.io/sparkling/) 3. [Electron](https://github.com/electron/electron) - [Tauri](https://github.com/tauri-apps/tauri) - [zero-native](https://github.com/vercel-labs/zero-native) - [Electrobun](https://github.com/blackboardsh/electrobun) 4. [Electron Forge](https://www.electronforge.io/) - [Electron⚡️Vite](https://electron-vite.github.io/) - [electron-vite](https://electron-vite.org/) 5. [Neutralinojs](https://github.com/neutralinojs/neutralinojs) - [NW.js](https://github.com/nwjs/nw.js) - [NodeGui](https://github.com/nodegui/nodegui) 6. [Capacitor](https://github.com/ionic-team/capacitor) - [Ionic](https://github.com/ionic-team/ionic-framework) 7. [Sciter JS](https://gitlab.com/sciter-engine/sciter-js-sdk) 8. [Gluon](https://github.com/gluon-framework/gluon) - ### C# 1. [Godot](https://github.com/godotengine/godot) 2. [.NET MAUI](https://github.com/dotnet/maui) 3. [WinUI](https://github.com/microsoft/microsoft-ui-xaml) 4. [WPF](https://github.com/dotnet/wpf) 5. [WinForms](https://github.com/dotnet/winforms) 6. [Avalonia](https://github.com/AvaloniaUI/Avalonia) 7. [Uno](https://github.com/unoplatform/uno) 8. [Thio-WinUtils-Library](https://github.com/ThioJoe/Thio-WinUtils-Library) - [Modern-Windows-Message-Box-Generator](https://github.com/ThioJoe/Modern-Windows-Message-Box-Generator) - ### C/C++ 0. [sokol](https://github.com/floooh/sokol) - [nob.h](https://github.com/tsoding/nob.h) 1. [Qt Base](https://github.com/qt/qtbase) 2. [GTK](https://github.com/GNOME/gtk) - [gtkmm](https://github.com/GNOME/gtkmm) 3. [Ultralight](https://github.com/ultralight-ux/Ultralight) 4. [Molybden](https://teamdev.com/molybden/) 5. [webview](https://github.com/webview/webview) 6. [wxWidgets](https://github.com/wxWidgets/wxWidgets) 7. [FLTK](https://github.com/fltk/fltk) 8. [JUCE](https://github.com/juce-framework/JUCE) 9. [U++](https://github.com/ultimatepp/ultimatepp) 10. [cegui](https://github.com/cegui/cegui) 11. [cef](https://bitbucket.org/chromiumembedded/cef/src/master/) 12. [imgui](https://github.com/ocornut/imgui) - ### Python 1. [Toga](https://github.com/beeware/toga) 2. [Flet](https://github.com/flet-dev/flet) 3. [Kivy](https://github.com/kivy/kivy) 4. [Phoenix](https://github.com/wxWidgets/Phoenix) 5. [pywebview](https://github.com/r0x0r/pywebview) 6. [PySimpleGUI](https://github.com/PySimpleGUI/PySimpleGUI) 7. [Eel](https://github.com/python-eel/Eel) 8. [abstra](https://github.com/abstra-app/abstra-lib) - ### ZIG - [zeP](https://github.com/mertishere/zeP) - GUI 1. [dvui](https://github.com/david-vanderson/dvui) 2. [capy](https://github.com/capy-ui/capy) 3. [zylix](https://github.com/kotsutsumi/zylix) 4. [knots](https://codeberg.org/shahwali/knots) 5. [zig-webui](https://github.com/webui-dev/zig-webui) - TUI 1. [zigzag](https://github.com/meszmate/zigzag) 2. [tui.zig](https://github.com/muhammad-fiaz/tui.zig) 3. [libvaxis](https://github.com/rockorager/libvaxis) 4. [zigtui](https://github.com/adxdits/zigtui) 5. [sokol-zig](https://github.com/floooh/sokol-zig) - CLI 1. [zli](https://github.com/xcaeser/zli) 2. [zig-cli](https://github.com/sam701/zig-cli) 3. [yazap](https://github.com/prajwalch/yazap) - ### Rust - GUI 1. [Floem](https://github.com/lapce/floem) 2. [Pake](https://github.com/tw93/Pake) 3. [Slint](https://github.com/slint-ui/slint) 4. [Druid](https://github.com/linebender/druid) 5. [EGUI](https://github.com/emilk/egui) 6. [Iced](https://github.com/iced-rs/iced) 7. [GTK 4](https://github.com/gtk-rs/gtk4-rs) 8. [Dioxus](https://github.com/DioxusLabs/dioxus) 9. [gpui-rsx](https://github.com/wsafight/gpui-rsx) - [gpui-component](https://github.com/longbridge/gpui-component) 10. [zenthra-v2](https://github.com/kabirajpan/zenthra-v2) 11. [xilem](https://github.com/linebender/xilem) 12. [relm4](https://github.com/Relm4/relm4) - TUI 1. [ratatui](https://github.com/ratatui/ratatui) - [tui-realm](https://github.com/veeso/tui-realm) 2. [opentui_rust](https://github.com/Dicklesworthstone/opentui_rust) 3. [iocraft](https://github.com/ccbrown/iocraft) 4. [awesome-ratatui](https://github.com/ratatui/awesome-ratatui) - WASM 1. [leptos](https://github.com/leptos-rs/leptos) 2. [yew](https://github.com/yewstack/yew) 3. [dioxus](https://github.com/DioxusLabs/dioxus) - ### GO 1. [Wails](https://github.com/wailsapp/wails) 2. [Muon](https://github.com/ImVexed/muon) 3. [go-shirei](https://github.com/hasenj/go-shirei) - ### Haxe 1. [Haxe](https://github.com/HaxeFoundation/haxe) - ### Kotlin 1. [Compose Multiplatform](https://github.com/JetBrains/compose-multiplatform) - ### Dart 1. [Flutter](https://github.com/flutter/flutter) # Tauri Libraries 1. [tauri-controls](https://github.com/agmmnn/tauri-controls) 2. [tauri-ui](https://github.com/agmmnn/tauri-ui) # React Native Libraries - ## Getting Started - [Expo](https://expo.dev/) - [React Native](https://reactnative.dev/docs/getting-started-without-a-framework) - [Rock](https://www.rockjs.dev/) - ## UI - [Tamagui](https://tamagui.dev/) - [React Navigation](https://github.com/react-navigation/react-navigation) - [Flash List](https://github.com/shopify/flash-list) - [Legend List](https://github.com/LegendApp/legend-list) - [reacticx](https://www.reacticx.com/) - [React Native Fast Shimmer](https://github.com/callstack/react-native-fast-shimmer) - [React Native Screen Transitions](https://github.com/eds2002/react-native-screen-transitions) - [expo-ios-mesh-gradient](https://github.com/rit3zh/expo-ios-mesh-gradient) - [react-native-animated-glow](https://github.com/realimposter/react-native-animated-glow) - [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) - [react-native-enriched](https://github.com/software-mansion/react-native-enriched) - [Pressto](https://github.com/enzomanuelmangano/pressto) - [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) - [React Native True Sheet](https://github.com/lodev09/react-native-true-sheet) - [react-native-teleport](https://github.com/kirillzyusko/react-native-teleport) - [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) - [react-native-screens](https://github.com/software-mansion/react-native-screens) - [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) - [expo-spotlight](https://github.com/Pflaumenbaum/expo-spotlight) - [expo-paste-input](https://github.com/arunabhverma/expo-paste-input) - [react-native-teleport](https://github.com/kirillzyusko/react-native-teleport) - [react-native-true-sheet](https://github.com/lodev09/react-native-true-sheet) - [react-native-enriched-markdown](https://github.com/software-mansion-labs/react-native-enriched-markdown) - ## Animation - [React Native Reanimated](https://github.com/software-mansion/react-native-reanimated/) - [react-native-ease](https://github.com/appandflow/react-native-ease) - ## Style - [Nativewind](https://www.nativewind.dev/) - [Unistyles](https://www.unistyl.es/) - [Uniwind](https://uniwind.dev/) - ## Other - [MMKV](https://github.com/mrousavy/react-native-mmkv) - [react-native-nitro-device-info](https://github.com/l2hyunwoo/react-native-nitro-device-info) - [react-native-onboarding](https://github.com/software-mansion-labs/react-native-onboarding) - [Born React Native Godot](https://github.com/borndotcom/react-native-godot) - [React Native Godot](https://github.com/calico-games/react-native-godot) - [Re.Pack](https://github.com/callstack/repack) - [react-native-nitro-fetch](https://github.com/margelo/react-native-nitro-fetch) - ## Dev Tools - [React Buoy Devtools](https://github.com/LovesWorking/react-native-buoy) - [Rozenite](https://github.com/callstackincubator/rozenite) # Go Libraries - [Bubble Tea](https://github.com/charmbracelet/bubbletea) # Python Libraries - [uv](https://github.com/astral-sh/uv) - [manim](https://github.com/ManimCommunity/manim)