1 line
No EOL
2.3 MiB
1 line
No EOL
2.3 MiB
{"code": "PRP-002", "name": "WEB & FRONTEND", "icon": "\ud83c\udf10", "subcategories": [{"name": "Angular", "entries": [{"name": "Angular", "url": "#angular", "description": ""}, {"name": "Angular Pulse", "url": "#angular-pulse", "description": ""}, {"name": "Learning Resources", "url": "#learning-resources", "description": ""}, {"name": "Architecture and Advanced Topics", "url": "#architecture-and-advanced-topics", "description": ""}, {"name": "Development Utilities", "url": "#development-utilities", "description": ""}, {"name": "Security and Authentication", "url": "#security-and-authentication", "description": ""}, {"name": "State Management", "url": "#state-management", "description": ""}, {"name": "Testing", "url": "#testing", "description": ""}, {"name": "Site Templates", "url": "#site-templates", "description": ""}, {"name": "Third Party Components", "url": "#third-party-components", "description": ""}, {"name": "Underlying Technologies", "url": "#underlying-technologies", "description": ""}, {"name": "Framework Interoperability", "url": "#framework-interoperability", "description": ""}, {"name": "Angular-Inspired Solutions", "url": "#angular-inspired-solutions", "description": ""}, {"name": "External Lists", "url": "#external-lists", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Official Resources", "entries": [{"name": "Site", "url": "https://angular.dev", "description": ""}, {"name": "Blog", "url": "https://blog.angular.dev/", "description": ""}, {"name": "Documentation", "url": "https://angular.dev/overview", "description": ""}, {"name": "Getting Started Tutorial", "url": "https://angular.dev/tutorials/learn-angular", "description": ""}, {"name": "GitHub Repo", "url": "https://github.com/angular/angular", "description": ""}, {"name": "Past Documentation Site", "url": "https://v17.angular.io/docs", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Builders", "entries": [{"name": "Webpack", "url": "https://webpack.js.org", "description": ""}, {"name": "esbuild", "url": "https://esbuild.github.io/", "description": ""}, {"name": "Angular Builders", "url": "https://github.com/just-jeb/angular-builders", "description": "This repo consolidates all the community builders (ES Build, Webpack, Jest, Bazel, and Timestamp) for the Angular build facade."}, {"name": "Jest Builder", "url": "https://github.com/just-jeb/angular-builders/tree/master/packages/jest", "description": ""}, {"name": "Custom Webpack", "url": "https://github.com/just-jeb/angular-builders/tree/master/packages/custom-webpack", "description": ""}, {"name": "Custom esbuild", "url": "https://github.com/just-jeb/angular-builders/tree/master/packages/custom-esbuild", "description": ""}, {"name": "Bazel", "url": "https://github.com/just-jeb/angular-builders/tree/master/packages/bazel", "description": "Provides an Angular CLI Builder, which can execute Bazel when triggered by ng build, ng test, etc."}, {"name": "Timestamp", "url": "https://github.com/just-jeb/angular-builders/tree/master/packages/timestamp", "description": "This is explained in this [article](https://medium.com/angular-in-depth/angular-cli-under-the-hood-builders-demystified-v2-e73ee0f2d811)."}, {"name": "ngx-build-plus", "url": "https://github.com/manfredsteyer/ngx-build-plus", "description": "Extend the Angular CLI's default build behavior without ejecting, e. g. for Angular Elements."}, {"name": "ngx-electronify", "url": "https://github.com/bampakoa/ngx-electronify", "description": "Angular CLI builder that runs your application in the desktop using Electron."}, {"name": "dotenv-run", "url": "https://github.com/chihab/dotenv-run", "description": "Seamlessly load environment variables. Supports cli, esbuild, Rollup, Vite, Webpack, Angular, ESM and Monorepos."}, {"name": "ng-packagr", "url": "https://github.com/ng-packagr/ng-packagr", "description": "Compile and package Angular libraries in Angular Package Format (APF)."}, {"name": "angular-env-builder", "url": "https://github.com/igorissen/angular-env-builder", "description": "Builder to generate `src/environments/environment.ts` file based on your environment variables."}, {"name": "angular-rspack", "url": "https://github.com/nrwl/nx/tree/HEAD/packages/angular-rspack", "description": "[Rspack](https://github.com/web-infra-dev/rspack) plugin and tooling for Angular applications."}, {"name": "ngx-devkit-builders", "url": "https://github.com/Celtian/ngx-devkit-builders", "description": "This package contains Architect builders used to build and test Angular applications and libraries."}, {"name": "angular-static-assets-hash", "url": "https://github.com/sitelint/angular-static-assets-hash", "description": "Create a list of Angular static assets and a hash for each file."}, {"name": "ngx-schematic-builder", "url": "https://github.com/kstepien3/ngx-schematic-builder", "description": "A tool for building Angular schematic projects. Compiles and packages your custom schematics, preparing them for publishing and use."}, {"name": "ng-builder-typescript", "url": "https://github.com/da-mkay/ng-builder-typescript", "description": "A builder for the Angular CLI to build Node.js apps using the TypeScript compiler `tsc` (no Webpack or any other bundler used)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 CLI Tools", "entries": [{"name": "Official website", "url": "https://angular.dev/tools/cli", "description": ""}, {"name": "Official GitHub repository", "url": "https://github.com/angular/angular-cli", "description": ""}, {"name": "angular-cli-diff", "url": "https://github.com/cexbrayat/angular-cli-diff", "description": "Easily upgrade your Angular CLI applications from one version to another \ud83d\ude80."}, {"name": "angular-cli-ssr-diff", "url": "https://github.com/cexbrayat/angular-cli-ssr-diff", "description": "Easily upgrade your Angular CLI SSR applications from one version to another \ud83d\ude80."}, {"name": "angular-codx-recipe", "url": "https://www.npmjs.com/package/angular-codx-recipe", "description": "A [Codx](https://github.com/marmotz-dev/codx) recipe for setting up Angular projects quickly and efficiently."}, {"name": "angular-parallel-test-runner", "url": "https://github.com/mahdi-hajian/angular-parallel-test-runner", "description": "CLI to run Angular tests in parallel across projects; uses available CPU cores."}, {"name": "angular-serve-and-run", "url": "https://github.com/dot-build/angular-serve-and-run", "description": "Serve your Angular CLI project then run a command on top of it."}, {"name": "dotairc", "url": "https://github.com/elecash/dotairc", "description": "This tool helps create consistent instructions for AI assistants working with your codebase."}, {"name": "firebase-framework-tools", "url": "https://github.com/FirebaseExtended/firebase-framework-tools", "description": "Experimental addon to the [Firebase CLI](https://github.com/firebase/firebase-tools/) to add web framework support."}, {"name": "js-stack", "url": "https://github.com/vipinyadav01/js-stack", "description": "Modern CLI for scaffolding production-ready JavaScript full-stack projects, with customization and best-practice presets."}, {"name": "kqgen", "url": "https://github.com/KilloconQ/kqgen", "description": "A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters, and for REST/GraphQL services."}, {"name": "lin", "url": "https://github.com/yuo-app/lin", "description": "Lazy I18N is a CLI tool that translates locale JSONs using LLMs."}, {"name": "mantis-cli", "url": "https://github.com/mantis-apps/mantis-cli", "description": "M.A.N.T.I.S (MongoDB, Angular, Nx, Tailwind, Ionic, Storybook) is your gateway to a seamless full-stack project launch."}, {"name": "mcp-angular-cli", "url": "https://github.com/talzach/mcp-angular-cli", "description": "A server offering Angular CLI and workspace automation, enabling LLMs and agents to generate components, add packages, create workspaces, and run custom architect targets."}, {"name": "nest-schematics", "url": "https://github.com/lcasass3/nest-schematics", "description": "An Angular CLI schematic for generating CQRS (Command Query Responsibility Segregation) modules with hexagonal architecture in NestJS."}, {"name": "ng-chrome-extension", "url": "https://github.com/larscom/ng-chrome-extension", "description": "Easily create Angular Chrome Extensions (manifest v3)."}, {"name": "ns-gc", "url": "https://github.com/th3n00bc0d3r/ns-gc", "description": "A lightweight command-line tool to generate standalone NativeScript Angular components and Angular services with clean structure and zero config."}, {"name": "ngx-create", "url": "https://github.com/maran-t/ngx-create", "description": "A lightweight CLI for quickly generating Angular projects with optional frameworks like Material, Tailwind, Bootstrap, and NgRx."}, {"name": "ngx-devs-cli", "url": "https://github.com/ngx-devs/ngx-devs-cli", "description": "Command-line interface (CLI) built in Node.js allow you to automate repetitive tasks and make your life easier when working with Angular projects."}, {"name": "ngx-i18n-scan", "url": "https://github.com/pratiksonone/ngx-i18n-scan", "description": "A CLI tool that scans Angular code to extract and update i18n translation keys, keeping your translation files clean."}, {"name": "ngx-starter", "url": "https://github.com/bluehalo/ngx-starter", "description": "An `@angular/cli` based starter containing common components and services as well as a reference site."}, {"name": "ngx-stats", "url": "https://github.com/tomer953/ngx-stats", "description": "CLI tool that analyzes Angular projects, quantifying modules, components, directives, pipes, and services to give a clear structural overview for better architectural insight."}, {"name": "ngx-stylesweep", "url": "https://github.com/BernardoGiordano/ngx-stylesweep", "description": "A CLI tool that removes empty style files from your Angular components."}, {"name": "ngx-ws", "url": "https://github.com/art-ws/ngx-ws", "description": "Easily split a large `angular.json` into modular, project-local files using the power of [JSON References](https://www.npmjs.com/package/@apidevtools/json-schema-ref-parser), with the convenience of [YAML](https://yaml.org/) and [JSON5](https://json5.org/) formats."}, {"name": "prepare-angular-json", "url": "https://github.com/ackheron/prepare-angular-json", "description": "A lightweight CLI tool that generates a clean `angular.json` file from a commented `angular.jsonc`."}, {"name": "rafacli", "url": "https://github.com/rafa00716/rafacli", "description": "CLI tool that generates authentication and CRUD modules for NestJS and Angular, automating boilerplate to streamline development and ensure consistency."}, {"name": "ngx-crafter", "url": "https://github.com/ErwanHeschung/ngx-crafter", "description": "A powerful CLI tool that helps you craft Angular projects with pre-configured folder structures and essential packages."}, {"name": "angular-v20-bulk-file-refactor", "url": "https://github.com/esteecodes/angular-v20-bulk-file-refactor", "description": "A CLI tool to automate file renaming and content refactoring to match Angular 20 conventions."}, {"name": "ng new command generator", "url": "https://ng.gridatek.com/", "description": "Generate optimized `ng new` commands."}, {"name": "svger-cli", "url": "https://github.com/faezemohades/svger-cli", "description": "A lightweight CLI that transforms SVGs into optimized Angular components with zero dependencies."}, {"name": "tailwind-init-cli", "url": "https://github.com/ImLeoNova/tailwind-init-cli", "description": "A one-command setup tool for Tailwind CSS in Angular, React, or Next.js projects!"}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Deployment", "entries": [{"name": "AWS Amplify", "url": "https://docs.amplify.aws/angular/", "description": ""}, {"name": "Vercel", "url": "https://vercel.com/solutions/angular", "description": ""}, {"name": "Firebase Hosting", "url": "https://firebase.google.com/docs/app-hosting/get-started", "description": ""}, {"name": "Netlify", "url": "https://docs.netlify.com/frameworks/angular/", "description": "Angular apps on Netlify gain automatic framework detection and redirects via the [Angular Runtime](https://github.com/netlify/angular-runtime) plugin."}, {"name": "angular-cli-ghpages", "url": "https://github.com/angular-schule/angular-cli-ghpages", "description": "SSR does not work, and there can be some caveats, but you can host your Angular project on GitHub Pages."}, {"name": "analog-publish-gh-pages", "url": "https://github.com/k9n-dev/analog-publish-gh-pages", "description": "A GitHub Action for the Deployment of an `Analog.js` app on GitHub Pages."}, {"name": "Genezio", "url": "https://github.com/Genez-io/genezio", "description": "The easiest way to write and host a serverless application."}, {"name": "Cloudflare Pages", "url": "https://developers.cloudflare.com/pages/framework-guides/deploy-an-angular-site/#create-a-new-project-using-the-create-cloudflare-cli-c3", "description": ""}, {"name": "Zerops", "url": "https://zerops.io/", "description": "It makes deploying and running Analog apps, both [server side rendered](https://github.com/zeropsio/recipe-analog-nodejs) and [static](https://github.com/zeropsio/recipe-analog-static), a breeze."}, {"name": "actions-angular-deploy", "url": "https://github.com/OrthoFi/actions-angular-deploy", "description": ""}, {"name": "actions-angular-ci-cd", "url": "https://github.com/OrthoFi/actions-angular-ci-cd", "description": ""}, {"name": "SST", "url": "https://sst.dev/", "description": "A framework that makes it easy to build and automate modern full-stack applications."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Desktop Applications", "entries": [{"name": "electron", "url": "https://github.com/electron/electron", "description": "Build cross-platform desktop apps with JavaScript, HTML, and CSS."}, {"name": "angular-electron", "url": "https://github.com/maximegris/angular-electron", "description": "Ultra-fast bootstrapping with Angular and Electron."}, {"name": "neutralinojs", "url": "https://github.com/neutralinojs/neutralinojs", "description": "A lightweight, portable framework for building cross\u2011platform desktop apps with JavaScript, HTML, and CSS, running on Linux, macOS, Windows, Web, and Chrome."}, {"name": "nw.js", "url": "https://github.com/nwjs/nw.js", "description": "Chromium + Node.js runtime for native apps using HTML, JavaScript, and direct Node integration."}, {"name": "nw-angular-example", "url": "https://github.com/nwutils/nw-angular-example", "description": "An example of integrating Angular with NW\\.js."}, {"name": "tauri", "url": "https://v2.tauri.app/", "description": "Create small, fast, secure, cross-platform applications."}, {"name": "angular-tauri", "url": "https://github.com/maximegris/angular-tauri", "description": "Ultra-fast bootstrapping with Angular and Tauri."}, {"name": "create-tauri-app", "url": "https://github.com/tauri-apps/create-tauri-app", "description": "Rapidly scaffold out a new Tauri app project."}, {"name": "wails", "url": "https://github.com/wailsapp/wails", "description": "Build desktop applications using Go & web technologies, including [Angular](https://wails.io/docs/guides/angular/)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Updating Angular", "entries": [{"name": "Official website", "url": "https://angular.dev/update-guide", "description": "Interactive guide to help you migrate from one version of Angular to another."}, {"name": "ng update", "url": "https://angular.dev/cli/update", "description": "Use the CLI to update your project or try new Angular features by adding the `--next` flag."}, {"name": "migrations", "url": "https://angular.dev/reference/migrations", "description": "Angular schematics help update projects by enabling conversion to standalone components, new control flow syntax, and more."}, {"name": "ng-morph", "url": "https://github.com/taiga-family/ng-morph", "description": "Code mutations in your project or schematics were never easier than now."}, {"name": "ngx-libs", "url": "https://github.com/eneajaho/ngx-libs", "description": "Angular Libraries Support lists community libs support for each Angular version."}, {"name": "fast-facts/ng-update", "url": "https://github.com/fast-facts/ng-update", "description": "A GitHub Action that keeps your Angular CLI-based projects up-to-date via automated PRs based on `ng update`."}, {"name": "npx-app-updater", "url": "https://github.com/DSI-HUG/ngx-app-updater", "description": "Alerts users to available updates when a new version is deployed."}, {"name": "ngx-update-app", "url": "https://github.com/Celtian/ngx-update-app", "description": "Angular directive for updating app via service workers."}, {"name": "Angular Caniuse", "url": "https://www.dolmen.tools/en/angular/caniuse/explorer", "description": "Track Angular features from preview to stable stages."}, {"name": "ngx-boomer", "url": "https://github.com/angular-sanctuary/ngx-boomer", "description": "This project is a straightforward utility designed to enforce rules that preserve Angular's previous naming conventions in Angular 20."}, {"name": "angular-updater", "url": "https://github.com/stardyn/angular-updater", "description": "A lightweight solution for managing version control and updates in Angular apps with seamless Service Worker integration."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Community", "entries": [{"name": "Angular Discord Channel", "url": "https://discord.com/invite/angular", "description": ""}, {"name": "Angular Hashtag", "url": "https://x.com/hashtag/angular", "description": "Use `#angular` hashtag on X."}, {"name": "Gitter Channel", "url": "https://gitter.im/angular/angular", "description": ""}, {"name": "Angular Stack Overflow", "url": "https://stackoverflow.com/questions/tagged/angular", "description": ""}, {"name": "@Angular on X", "url": "https://x.com/angular", "description": ""}, {"name": "/r/Angular Subreddit", "url": "https://www.reddit.com/r/Angular/", "description": ""}, {"name": "Angular Buddies Slack Channel", "url": "https://angularbuddies.slack.com/", "description": ""}, {"name": "Top rated Angular Stack Overflow questions Dashboard", "url": "https://dashboard.nbshare.io/apps/stackoverflow/top-angular-questions/", "description": ""}, {"name": "angular-logos", "url": "https://github.com/maartentibau/angular-logos", "description": "Repo is dedicated to collecting all the different kinds of Angular badges and logos."}, {"name": "Made with Angular", "url": "https://github.com/madewithangular/madewithangular.github.io", "description": "A showcase of web apps built with Angular."}, {"name": "Angular Hub", "url": "https://github.com/angular-sanctuary/angular-hub", "description": "Curated list of Angular events and communities."}, {"name": "Angular Space", "url": "https://www.angularspace.com/", "description": "Your Hub for Learning and Growing as an Angular Developer."}, {"name": "builtwith trends", "url": "https://trends.builtwith.com/framework/Angular", "description": "Angular Usage Statistics."}, {"name": "Is This Tech Dead?", "url": "https://www.isthistechdead.com/angular", "description": "Is Angular dead?"}, {"name": "Angular: The Documentary | An origin story", "url": "https://www.youtube.com/watch?v=cRC9DlH45lA", "description": ""}, {"name": "Angular Talents", "url": "https://www.angulartalents.com/", "description": "Independent developers can highlight their availability for upcoming projects, eliminating the need to endlessly scroll through job boards."}, {"name": "Map of GitHub", "url": "https://anvaka.github.io/map-of-github/#9.14/-21.9624/9.8143", "description": "Explore the NgSphere to discover repositories with overlapping stargazers."}, {"name": "Good First Issues", "url": "https://www.dolmen.tools/en/angular/good-first-issues/explorer", "description": "Find beginner-friendly issues and start contributing to Angular open-source projects."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Newsletters", "entries": [{"name": "Angular Addicts", "url": "https://www.angularaddicts.com/", "description": ""}, {"name": "Angular Digest", "url": "https://geromegrignon.substack.com/", "description": ""}, {"name": "ultimate courses", "url": "https://ultimatecourses.com/newsletter", "description": ""}, {"name": "Weekly Angular", "url": "https://prodigious-knitter-4508.kit.com/subscribe", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Podcasts", "entries": [{"name": "Angular Air", "url": "https://angularair.com/", "description": ""}, {"name": "Angular Master Podcast", "url": "https://www.youtube.com/playlist?list=PLYJFRoKhU5SNcu5GBjIn4X3oVpy4fP1wV", "description": ""}, {"name": "Angular Plus Show", "url": "https://open.spotify.com/show/1PrLErQHBqBhZsRV1KHhGM", "description": ""}, {"name": "Angularidades", "url": "https://podcasts.apple.com/us/podcast/angularidades/id1702444448", "description": "In Spanish."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Bluesky", "entries": [{"name": "Angular Starter Pack by @brandonroberts.dev", "url": "https://bsky.app/starter-pack/brandonroberts.dev/3l7lzgkwkqu2n", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Angular Team on X", "entries": [{"name": "Minko Gechev", "url": "https://x.com/mgechev", "description": ""}, {"name": "Alan Agius", "url": "https://x.com/AlanAgius4", "description": ""}, {"name": "Matthieu Riegler", "url": "https://x.com/jean__meche", "description": ""}, {"name": "Alex Rickabaugh", "url": "https://x.com/synalx", "description": ""}, {"name": "Kristiyan Kostadinov", "url": "https://x.com/_crisbeto", "description": ""}, {"name": "Paul Gschwendtner", "url": "https://x.com/devversion", "description": ""}, {"name": "Joost Koehoorn", "url": "https://x.com/devjoost", "description": ""}, {"name": "Simona Cotin", "url": "https://x.com/simona_cotin", "description": ""}, {"name": "Jessica Janiuk", "url": "https://mastodon.social/@jessicajaniuk", "description": ""}, {"name": "Doug Parker", "url": "https://mastodon.social/@develwithoutacause@techhub.social", "description": ""}, {"name": "Emma Twersky", "url": "https://x.com/twerske", "description": ""}, {"name": "Mark Thompson", "url": "https://x.com/marktechson", "description": ""}, {"name": "Pawel Kozlowski", "url": "https://x.com/pkozlowski_os", "description": ""}, {"name": "Dylan Hunn", "url": "https://x.com/dylhunn", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Angular Experts on X", "entries": [{"name": "@PatrickJS\\_\\_", "url": "https://x.com/PatrickJS__", "description": ""}, {"name": "@eggheadio", "url": "https://x.com/eggheadio", "description": ""}, {"name": "@hirez\\_io", "url": "https://x.com/hirez_io", "description": ""}, {"name": "@cedric\\_exbrayat", "url": "https://x.com/cedric_exbrayat", "description": ""}, {"name": "@victorsavkin", "url": "https://x.com/victorsavkin", "description": ""}, {"name": "@jeffbcross", "url": "https://x.com/jeffbcross", "description": ""}, {"name": "@marsibarsi", "url": "https://x.com/marsibarsi", "description": ""}, {"name": "@maciejtreder", "url": "https://x.com/maciejtreder", "description": ""}, {"name": "@maartentibau", "url": "https://x.com/maartentibau", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Google Developer Experts on X", "entries": [{"name": "Jack Franklin", "url": "https://x.com/jack_franklin", "description": ""}, {"name": "Thierry Chatel", "url": "https://x.com/ThierryChatel", "description": ""}, {"name": "Uri Shaked", "url": "https://x.com/urishaked", "description": ""}, {"name": "Gonzalo Ruiz de Villa Su\u00e1rez", "url": "https://x.com/gruizdevilla", "description": ""}, {"name": "Sharon DiOrio", "url": "https://x.com/sharondio", "description": ""}, {"name": "John Papa", "url": "https://x.com/John_Papa", "description": ""}, {"name": "Dan Wahlin", "url": "https://x.com/danwahlin", "description": ""}, {"name": "Christian Weyer", "url": "https://x.com/christianweyer", "description": ""}, {"name": "Todd Motto", "url": "https://x.com/toddmotto", "description": ""}, {"name": "Tim Ruffles", "url": "https://x.com/timruffles", "description": ""}, {"name": "Wassim Chegham", "url": "https://x.com/manekinekko", "description": ""}, {"name": "Aaron Frost", "url": "https://x.com/js_dev", "description": ""}, {"name": "Wilson Mendes", "url": "https://x.com/willmendesneto", "description": ""}, {"name": "Jared Williams", "url": "https://x.com/jaredwilli", "description": ""}, {"name": "Gerard Sans", "url": "https://x.com/gerardsans", "description": ""}, {"name": "Pascal Precht", "url": "https://x.com/PascalPrecht", "description": ""}, {"name": "Jeff Whelpley", "url": "https://x.com/jeffwhelpley/", "description": ""}, {"name": "Ra\u00fal Jim\u00e9nez", "url": "https://x.com/elecash/", "description": ""}, {"name": "Maxim Salnikov", "url": "https://x.com/webmaxru", "description": ""}, {"name": "Deborah Kurata", "url": "https://x.com/deborahkurata", "description": ""}, {"name": "Shai Reznik", "url": "https://x.com/shai_reznik", "description": ""}, {"name": "Manfred Steyer", "url": "https://x.com/manfredsteyer", "description": ""}, {"name": "Juri Strumpflohner", "url": "https://x.com/juristr", "description": ""}, {"name": "William Grasel", "url": "https://x.com/willgmbr", "description": ""}, {"name": "Alyssa Nicoll", "url": "https://x.com/AlyssaNicoll", "description": ""}, {"name": "Nir kaufman", "url": "https://x.com/nirkaufman", "description": ""}, {"name": "Dmitriy Shekhovtsov", "url": "https://x.com/valorkin", "description": ""}, {"name": "Jeff Delaney", "url": "https://x.com/jeffdelaney23", "description": ""}, {"name": "Nishu Goel", "url": "https://x.com/TheNishuGoel", "description": ""}, {"name": "Alex Inkin", "url": "https://x.com/waterplea", "description": ""}, {"name": "Santosh Yadav", "url": "https://x.com/SantoshYadavDev", "description": ""}, {"name": "Ankit", "url": "https://x.com/ankitsharma_007", "description": ""}, {"name": "Siddharth Ajmera", "url": "https://x.com/SiddAjmera", "description": ""}, {"name": "Muhammad Ahsan Ayaz", "url": "https://x.com/codewith_ahsan", "description": ""}, {"name": "Dmytro Mezhenskyi", "url": "https://x.com/DecodedFrontend", "description": ""}, {"name": "Michael Hladky", "url": "https://x.com/Michael_Hladky", "description": ""}, {"name": "Fabio Biondi", "url": "https://x.com/biondifabio", "description": ""}, {"name": "Thomas Laforge", "url": "https://x.com/laforge_toma", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Blogs", "entries": [{"name": "Angular Experts", "url": "https://angularexperts.io/blog", "description": "Learn all about Angular, NgRx, RxJS & NX and advance your skills with guides, in-depth content and actionable tips and tricks!"}, {"name": "angular-university", "url": "https://blog.angular-university.io/", "description": "Learn and Keep Up with the Angular Ecosystem."}, {"name": "simplified courses", "url": "https://blog.simplified.courses/", "description": "Blog articles written with love, just for you!"}, {"name": "Just Angular", "url": "https://justangular.com/", "description": "Shares the newest and most important updates about Angular, along with useful tips and tricks."}, {"name": "Angular Love", "url": "https://angular.love/", "description": "(Polish) Excellent up-to-date resource for Angular."}, {"name": "Angular Minds", "url": "https://www.angularminds.com/blog", "description": ""}, {"name": "Angular Architects", "url": "https://www.angulararchitects.io/en/blog/", "description": ""}, {"name": "House of Angular", "url": "https://houseofangular.io/blog/", "description": ""}, {"name": "thisdot labs", "url": "https://www.thisdot.co/blog?tags=angular", "description": ""}, {"name": "halodoc", "url": "https://blogs.halodoc.io/tag/angular-2-2/", "description": ""}, {"name": "ninja-squad", "url": "https://blog.ninja-squad.com/", "description": ""}, {"name": "marmicode", "url": "https://marmicode.io/learn/everything", "description": ""}, {"name": "Netanel Basal", "url": "https://medium.com/@netbasal", "description": ""}, {"name": "Tim Deschryver", "url": "https://timdeschryver.dev/", "description": ""}, {"name": "Chau Tran", "url": "https://nartc.me/", "description": ""}, {"name": "Minko Gechev", "url": "https://blog.mgechev.com/", "description": ""}, {"name": "Matthieu Riegler", "url": "https://riegler.fr/", "description": ""}, {"name": "Thomas Laforge", "url": "https://medium.com/@thomas.laforge", "description": ""}, {"name": "Rainer Hahnekamp", "url": "https://medium.com/@rainer-hahnekamp", "description": ""}, {"name": "Evgeniy Oz", "url": "https://medium.com/@eugeniyoz", "description": ""}, {"name": "Tomas Trajan", "url": "https://tomastrajan.medium.com/", "description": ""}, {"name": "Igor Katsuba", "url": "https://blog.katsuba.dev/", "description": ""}, {"name": "ng serve", "url": "https://www.ngserve.io/", "description": ""}, {"name": "Tomasz Ducin", "url": "https://ducin.dev/blog", "description": ""}, {"name": "This is Angular", "url": "https://dev.to/this-is-angular", "description": ""}, {"name": "daily.dev", "url": "https://app.daily.dev/tags/angular", "description": ""}, {"name": "Offering Solutions", "url": "https://offering.solutions/blog/", "description": ""}, {"name": "Daniel Kreider", "url": "https://danielk.tech/", "description": ""}, {"name": "Amadou Sall", "url": "https://www.amadousall.com/", "description": ""}, {"name": "Angular Philosophies", "url": "https://github.com/tomavic/angular-philosophies", "description": ""}, {"name": "Maksim Dolgikh", "url": "https://medium.com/@maks-dolgikh", "description": ""}, {"name": "Playful Programming", "url": "https://playfulprogramming.com/", "description": ""}, {"name": "Angular Material Dev", "url": "https://angular-material.dev/home", "description": "One place for everything related to Material Design in Angular."}, {"name": "Angular Tips", "url": "https://ngtips.com/", "description": "Best practices and recommendations for building complex, large and maintainable applications with Angular."}, {"name": "Practical Angular Guide", "url": "https://practical-angular.donaldmurillo.com/", "description": "Real-world-ish solutions for Angular developers By [Donald Murillo](https://github.com/DonaldMurillo)."}, {"name": "B\u00e1lint Neuhausz", "url": "https://bneuhausz.dev/blog", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Books", "entries": [{"name": "Packt Publishing", "url": "https://www.packtpub.com/en-us/search?query=angular\\&sort=best-selling", "description": "Your best option to find the largest variety of up-to-date programming books."}, {"name": "GumRoad", "url": "https://gumroad.com/software-development/web-development/javascript?tags=angular", "description": "Various Free and Paid Angular ebooks."}, {"name": "LeanPub", "url": "https://leanpub.com/bookstore?type=all\\&search=angular", "description": "Support authors on your own terms with LeanPub\u2019s flexible pricing model, giving you the freedom to choose what you pay."}, {"name": "Manning", "url": "https://www.manning.com/", "description": "Buy a Manning pBook anywhere, get the eBook free here."}, {"name": "Become a ninja with Angular", "url": "https://books.ninja-squad.com/angular", "description": "`Ninja Squad`."}, {"name": "Angular-Buch (German)", "url": "https://angular-buch.com/", "description": "`dpunkt.verlag`."}, {"name": "Angular Cookbook - 80+ Recipes to enhance your Angular skills for enterprises", "url": "https://codewithahsan.dev/ng-book", "description": "`Packt Publishing`."}, {"name": "Angular University Ebooks", "url": "https://angular-university.io/my-ebooks", "description": "Available separately or included with a subscription."}, {"name": "Angular Signals Masterclass", "url": "https://angularexperts.io/products/ebook-signals", "description": "`Kevin Kreuzer`."}, {"name": "Mastering Angular Signals: A Practical Guide to Modern Reactivity, Performance, and Migration", "url": "https://www.amazon.com/dp/B0FF9LSHJN/", "description": "`Muhammad Ahsan Ayaz`."}, {"name": "Angular Book", "url": "https://github.com/DenysVuika/angular-book", "description": "`Denys Vuika` **FREE**."}, {"name": "Modern Angular", "url": "https://www.angulararchitects.io/en/ebooks/modern-angular/?book", "description": "`Manfred Steyer` **FREE**."}, {"name": "Ultimate Guide to Angular Evolution", "url": "https://houseofangular.io/the-ultimate-guide-to-angular-evolution/", "description": "`House of Angular` **FREE**."}, {"name": "Micro Frontends and Moduliths with Angular", "url": "https://www.angulararchitects.io/en/ebooks/micro-frontends-and-moduliths-with-angular/", "description": "`Manfred Steyer` **FREE**."}, {"name": "Angular Mastery", "url": "https://christianlydemann.com/angular-mastery-book/", "description": "`CHRISTIAN L\u00dcDEMANN` **FREE**."}, {"name": "Enterprise Monorepo Angular Patterns", "url": "https://go.nx.dev/angular-patterns-ebook", "description": "`Nx Core Team` **FREE**."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Certification Programs", "entries": [{"name": "Certificates.dev", "url": "https://certificates.dev/angular", "description": "Obtain your Certification of Competence as an Angular Developer."}, {"name": "Angular Academy CA", "url": "https://www.angularacademy.ca/angular-certification", "description": "Angular Academy is the #1 provider of hands-on instructor-led classroom training in Canada!"}, {"name": "Hackerrank", "url": "https://www.hackerrank.com/skills-verification/angular_basic", "description": "Angular (Basic) Skills Certification Test."}, {"name": "Koenig", "url": "https://www.koenig-solutions.com/angularjs-training-certification-courses", "description": "Various courses cover Angular separately or full-stack."}, {"name": "Simplilearn", "url": "https://www.simplilearn.com/angular-certification-training-course", "description": "Angular Certification Training Course."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Cheat Sheets", "entries": [{"name": "Past Angular Cheatsheet", "url": "https://v17.angular.io/guide/cheatsheet", "description": "Note: *NEW* official docs do not have a cheatsheet."}, {"name": "List of 100 Angular Interview questions and answers", "url": "https://github.com/sudheerj/angular-interview-questions", "description": ""}, {"name": "Angular Developer Roadmap", "url": "https://roadmap.sh/angular", "description": ""}, {"name": "ZeroToMastery Angular Cheatsheet", "url": "https://zerotomastery.io/cheatsheets/angular-cheat-sheet/", "description": ""}, {"name": "Framework Field Guide", "url": "https://playfulprogramming.com/collections/framework-field-guide", "description": "A free and practical way to learn Angular, React, & Vue all at once."}, {"name": "Marmicode Cookbook", "url": "https://cookbook.marmicode.io/", "description": "Ingredients & Recipes for Cooking Delicious Apps."}, {"name": "angular-interview-questions", "url": "https://github.com/Devinterview-io/angular-interview-questions", "description": "Angular interview questions and answers to help you prepare for your next technical interview."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Exercises", "entries": [{"name": "angular-fundamental-lessons", "url": "https://github.com/MarkTechson/angular-fundamentals-lessons", "description": ""}, {"name": "Angular Challenges", "url": "https://angular-challenges.vercel.app/", "description": "A repository of 60+ Angular, Nx, RxJS, NgRx, and TypeScript challenges designed to sharpen real-world skills."}, {"name": "Codelabs", "url": "https://codelabs.developers.google.com/?text=angular", "description": "Google Developers Codelabs offer guided, hands-on tutorials to build apps or add new features."}, {"name": "rxjs-fruits", "url": "https://www.rxjs-fruits.com/subscribe", "description": "Interactive lessons covering a range of operators in RxJS."}, {"name": "modern-angular-exercises", "url": "https://github.com/kobi-hari-courses/modern-angular-exercises", "description": "Exercises on various Angular topics, including solutions and solution videos."}, {"name": "angular-debug-quest", "url": "https://github.com/angular-courses-lab/angular-debug-quest", "description": "Sharpen your skills at fixing bugs in Angular applications for a better understanding of the framework."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Training", "entries": [{"name": "Angular Academy", "url": "https://www.angularacademy.ca/", "description": "World-class instructor-led live online Angular courses!"}, {"name": "Angular Boot Camp", "url": "https://angularbootcamp.com", "description": ""}, {"name": "Angular Start", "url": "https://angularstart.com/", "description": "Learn to build professional-grade Angular applications using new features with modern best practices."}, {"name": "Angular Training", "url": "https://www.angulartraining.com/", "description": "The Angular Coach You Need."}, {"name": "Angular UI", "url": "https://angular-ui.com/", "description": "Get ready to build your next web application using Angular with interactive courses and exercises."}, {"name": "Angular University", "url": "https://angular-university.io/", "description": "Learn And Keep Up With The Angular Ecosystem."}, {"name": "Angular.Schule (in Germany)", "url": "https://angular.schule/", "description": ""}, {"name": "Angular.DE (Germany)", "url": "https://angular.de/schulungen/angular-intensiv/", "description": ""}, {"name": "learnbydo.ing", "url": "https://www.learnbydo.ing/", "description": "Learn {Web} programming with Courses, Books & Exercises from [Fabio Biondi](https://www.fabiobiondi.dev/video-courses/). Content either in Italian or English."}, {"name": "liveloveapp", "url": "https://liveloveapp.com/", "description": "Workshops are available for Cypress, NgRx, RxJS, AG Grid and web performance."}, {"name": "Marmicode", "url": "https://www.eventbrite.fr/o/younes-jaaidi-marmicode-29329031085", "description": ""}, {"name": "ng.guide", "url": "https://ng.guide/", "description": "Learn Angular by building real-world apps."}, {"name": "Offering Solutions", "url": "https://offering.solutions/trainings/", "description": ""}, {"name": "Tech OS", "url": "https://tech-os.org/", "description": "Offers high-level Angular training designed for demanding developers and ambitious teams."}, {"name": "Udemy: Angular - The Complete Guide", "url": "https://www.udemy.com/course/the-complete-guide-to-angular-2", "description": ""}, {"name": "Ultimate Courses", "url": "https://ultimatecourses.com/courses/angular", "description": "Everything you need to become an Angular expert."}, {"name": "Workshops.DE (Germany)", "url": "https://workshops.de/seminare-schulungen-kurse/angular-typescript/", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Style Guides", "entries": [{"name": "Official Angular style guide", "url": "https://angular.dev/style-guide", "description": ""}, {"name": "Infinum", "url": "https://infinum.com/handbook/frontend/angular/introduction", "description": ""}, {"name": "TypeScript style guide", "url": "https://mkosir.github.io/typescript-style-guide/", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 YouTube Channels", "entries": [{"name": "Angular", "url": "https://www.youtube.com/@Angular", "description": ""}, {"name": "NG CONF", "url": "https://www.youtube.com/@ngconfonline", "description": ""}, {"name": "Procademy", "url": "https://www.youtube.com/@procademy", "description": ""}, {"name": "Monsterlessons Academy", "url": "https://www.youtube.com/@MonsterlessonsAcademy", "description": ""}, {"name": "Joshua Morony", "url": "https://www.youtube.com/@JoshuaMorony", "description": ""}, {"name": "Nihira Techiees", "url": "https://www.youtube.com/@NihiraTechiees", "description": ""}, {"name": "Angular University", "url": "https://www.youtube.com/@AngularUniversity", "description": ""}, {"name": "Rainer Hahnekamp", "url": "https://www.youtube.com/@RainerHahnekamp", "description": ""}, {"name": "Code Shots With Profanis", "url": "https://www.youtube.com/@CodeShotsWithProfanis", "description": ""}, {"name": "Deborah Kurata", "url": "https://www.youtube.com/@deborah_kurata", "description": ""}, {"name": "BrandonRobertsDev", "url": "https://www.youtube.com/@BrandonRobertsDev", "description": ""}, {"name": "Decoded Frontend", "url": "https://www.youtube.com/@DecodedFrontend", "description": ""}, {"name": "Galaxies\\_dev", "url": "https://www.youtube.com/@galaxies_dev", "description": ""}, {"name": "Zoaib Khan", "url": "https://www.youtube.com/@ZoaibKhan", "description": ""}, {"name": "AyyazTech", "url": "https://www.youtube.com/@AyyazTech", "description": ""}, {"name": "NivekDev", "url": "https://www.youtube.com/@nivekDev", "description": ""}, {"name": "LeelaWebDev", "url": "https://www.youtube.com/@LeelaWebDev", "description": ""}, {"name": "WebTechTalk", "url": "https://www.youtube.com/@WebTechTalk", "description": ""}, {"name": "Babatunde Lamidi", "url": "https://www.youtube.com/@babatundelmd", "description": ""}, {"name": "TechStackNation", "url": "https://www.youtube.com/@techstacknation", "description": ""}, {"name": "Angular Love", "url": "https://www.youtube.com/@angularlove", "description": ""}, {"name": "NG NEWS", "url": "https://www.youtube.com/@ng-news", "description": ""}, {"name": "Learning Partner", "url": "https://www.youtube.com/@LearningPartnerDigital", "description": ""}, {"name": "Code Deck", "url": "https://www.youtube.com/@codedeck", "description": ""}, {"name": "Igor Sedov", "url": "https://www.youtube.com/@theigorsedov", "description": ""}, {"name": "Demystify Frontend", "url": "https://www.youtube.com/@DemystifyFrontend", "description": ""}, {"name": "The Code Angle", "url": "https://www.youtube.com/@TheCodeAngle", "description": ""}, {"name": "Brian Treese", "url": "https://www.youtube.com/@briantreese", "description": ""}, {"name": "JSgigs", "url": "https://www.youtube.com/@jsgigs4909", "description": ""}, {"name": "Kobi Hari", "url": "https://www.youtube.com/@kobihari", "description": ""}, {"name": "Programming Practicals", "url": "https://www.youtube.com/@programmingpracticals", "description": ""}, {"name": "Daniil Rabizo", "url": "https://www.youtube.com/@daniilrabizo", "description": ""}, {"name": "StartupAngular", "url": "https://www.youtube.com/@StartupAngular", "description": "In Japanese."}, {"name": "Code with Keys", "url": "https://www.youtube.com/@codewithkeys", "description": "In Persian."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Feature Flags", "entries": [{"name": "OpenFeature Angular SDK", "url": "https://openfeature.dev/docs/reference/technologies/client/web/angular", "description": "[OpenFeature](https://openfeature.dev/) is a vendor-agnostic, community-driven API specification for feature flagging."}, {"name": "@devcycle/openfeature-angular-provider", "url": "https://www.npmjs.com/package/@devcycle/openfeature-angular-provider", "description": "[DevCycle](https://docs.devcycle.com/sdk/client-side-sdks/angular/) supports the OpenFeature Angular SDK."}, {"name": "@openfeature/go-feature-flag-web-provider", "url": "https://www.npmjs.com/package/@openfeature/go-feature-flag-web-provider", "description": "[GO Feature Flag](https://gofeatureflag.org/) provider allows you to [connect](https://gofeatureflag.org/docs/sdk/client_providers/openfeature_angular) to your GO Feature Flag instance with the `@openfeature/web-sdk`."}, {"name": "ngx-growthbook", "url": "https://github.com/carlcrede/ngx-growthbook-workspace/tree/master/projects/ngx-growthbook", "description": "An Angular wrapper for [GrowthBook](https://www.growthbook.io/), providing feature flags and A/B testing capabilities with full TypeScript support."}, {"name": "Flagsmith", "url": "https://www.flagsmith.com/", "description": "Ship Faster and Control Releases with Feature Flag Management."}, {"name": "angular-unleash-proxy-client", "url": "https://github.com/Karelics/angular-unleash-proxy-client", "description": "Angular wrapper for [unleash](https://www.getunleash.io/) and [unleash-proxy-client-js](https://github.com/Unleash/unleash-proxy-client-js)."}, {"name": "ngx-version-view", "url": "https://github.com/zenkiet/ngx-version-view", "description": "A powerful Angular library that enables version-aware component rendering for seamless feature toggling based on application versions."}, {"name": "@statsig/angular-bindings", "url": "https://www.npmjs.com/package/@statsig/angular-bindings", "description": "The [Statsig](https://www.statsig.com/) Angular bindings package provides a `StatsigService` that can be injected into your components. See the [Statsig docs](https://docs.statsig.com/client/javascript-sdk/Angular/) for more details."}, {"name": "@configcat/js-sdk", "url": "https://github.com/configcat/js-sdk", "description": "ConfigCat SDK for JavaScript provides easy integration for your application to [ConfigCat](https://configcat.com/)."}, {"name": "@configcat-labs/feature-flags-in-angular-sample-app", "url": "https://github.com/configcat-labs/feature-flags-in-angular-sample-app", "description": "Example app that uses ConfigCat."}, {"name": "featurit-sdk-angular", "url": "https://github.com/featurit/featurit-sdk-angular", "description": "Angular wrapper of the JavaScript client for the [FeaturIT](https://featurit.com/) Feature Flag management platform."}, {"name": "flagpole", "url": "https://www.npmjs.com/package/@flagpole/angular", "description": "Angular SDK for the [Flagpole](https://useflagpole.dev/) feature flag management system."}, {"name": "ngx-feature-proxy", "url": "https://github.com/zenkiet/ngx-feature-proxy", "description": "Angular feature flag library with Unleash; reactive and type-safe flag management with minimal setup."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 GraphQL", "entries": [{"name": "apollo-angular", "url": "https://github.com/kamilkisiela/apollo-angular", "description": "A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server."}, {"name": "apollo-dynamic-angular", "url": "https://github.com/giuliano-marinelli/apollo-dynamic-angular", "description": "Variant of Apollo Angular that allows dynamic selection sets for queries, mutations and subscriptions via a decorated schema."}, {"name": "apollo-orbit", "url": "https://github.com/wassim-k/apollo-orbit", "description": "A fully-featured GraphQL client for Angular with modular state management."}, {"name": "buoy", "url": "https://github.com/buoy-graphql/buoy", "description": "A GraphQL client for Angular built on top of Apollo."}, {"name": "graphql-code-generator", "url": "https://github.com/dotansimha/graphql-code-generator", "description": "Code generator for GraphQL schemas and operations, with flexible plugin support."}, {"name": "hasura", "url": "https://github.com/hasura/learn-graphql", "description": "Real world GraphQL tutorials for frontend developers with deadlines!"}, {"name": "ngx-graphql-client", "url": "https://github.com/Alevettih/ngx-graphql-client", "description": "A typed GraphQL client for Angular applications with full TypeScript support."}, {"name": "tailcall", "url": "https://tailcall.run/blog/graphql-angular-client/", "description": "This comprehensive guide dives into five powerful approaches for integrating GraphQL into your Angular applications."}, {"name": "takeshape", "url": "https://www.takeshape.io/", "description": "It's easy to build a GraphQL API using TakeShape. Follow this [guide](https://app.takeshape.io/docs/get-started/client/angular) to integrate with Angular."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 HTTP", "entries": [{"name": "ng-http-caching", "url": "https://github.com/nigrosimone/ng-http-caching", "description": "Cache for HTTP requests in Angular application."}, {"name": "cashew", "url": "https://github.com/ngneat/cashew", "description": "A flexible and straightforward library that caches HTTP requests in Angular."}, {"name": "convoyr", "url": "https://github.com/jscutlery/convoyr", "description": "Modular HTTP extensions for Angular."}, {"name": "angular-http-cache-interceptor", "url": "https://github.com/patrikx3/angular-http-cache-interceptor", "description": "Angular HTTP cache interceptor."}, {"name": "@ngify/http", "url": "https://github.com/ngify/ngify/tree/main/packages/http", "description": "Reactive Angular HTTP client with typed responses, streamlined errors, and request/response interception."}, {"name": "ng-http-loader", "url": "https://github.com/mpalourdio/ng-http-loader", "description": "Smart Angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar."}, {"name": "angular-odata", "url": "https://github.com/diegomvh/angular-odata", "description": "A fluent API for querying, creating, updating and deleting OData resources in Angular."}, {"name": "ngx-http-retry", "url": "https://github.com/itpixelz/ngx-http-retry", "description": "An Angular service that provides HTTP methods (GET, POST, PUT, DELETE) with built-in retry logic using RxJS's `retry` operator."}, {"name": "ng-memento", "url": "https://github.com/terzurumluoglu/ng-memento", "description": "Makes your application faster by preventing the same HTTP requests from being called again in your Angular project."}, {"name": "ngx-suspense-of", "url": "https://github.com/Celtian/ngx-suspense-of", "description": "Angular directive that adds suspense to your app."}, {"name": "ngx-http-request-state", "url": "https://github.com/daiscog/ngx-http-request-state", "description": "An Angular library for wrapping HttpClient responses with loading & error information."}, {"name": "ngs-request-tracker", "url": "https://github.com/andrei-shpileuski/ngs-request-tracker", "description": "A library for tracking, storing, and displaying statistics on all HTTP requests."}, {"name": "ngx-pwa", "url": "https://github.com/Service-Soft/ngx-pwa", "description": "Provides additional functionality around Angular PWA's. Most notably being able to cache and sync POST/PATCH/DELETE Requests."}, {"name": "ngx-repository", "url": "https://github.com/paddls/ngx-repository", "description": "Easily create a strongly typed data client (HTTP REST or Firestore) in your Angular project."}, {"name": "ng-rest-client", "url": "https://github.com/gizm0bill/gzm/tree/master/libs/ng-rest-client", "description": "This library simplifies HTTP requests by letting developers define RESTful API clients with method decorators."}, {"name": "ngx-http-helper", "url": "https://github.com/InnovA2/ngx-http-helper", "description": "A lightweight library to easily call your APIs and add JWT token or API key on each header request."}, {"name": "ngx-sse-client", "url": "https://github.com/marcospds/ngx-sse-client", "description": "A simple **SSE** (Server Sent Events) client for Angular applications to replace the use of `EventSource`."}, {"name": "@connectrpc/connect-web", "url": "https://github.com/connectrpc/connect-es/tree/main/packages/connect-web", "description": "[Connect](https://connectrpc.com/) provides cross-platform API libraries. [@connectrpc/connect](https://www.npmjs.com/package/@connectrpc/connect) offers type-safe Protobuf APIs in TypeScript, and [@connectrpc/connect-web](https://www.npmjs.com/package/@connectrpc/connect-web) adds browser support. See the [Angular example](https://github.com/connectrpc/examples-es/tree/main/angular)."}, {"name": "ng-httpclient-easy-network-stub", "url": "https://github.com/NGneers/ng-httpclient-easy-network-stub", "description": "An easy class to mock a lot of network requests from the Angular HttpClient."}, {"name": "simply-direct", "url": "https://github.com/fvilli/simply-direct", "description": "A fullstack communication library that bridges Angular and NestJS through real-time, bidirectional communication powered by WebSockets."}, {"name": "ng-error-handling", "url": "https://github.com/ressurectit/ng-error-handling", "description": "An Angular module designed for managing HTTP API error responses."}, {"name": "active-connect", "url": "https://github.com/HiptJo/active-connect", "description": "A connection framework for Node.js, Angular, and WebSockets that simplifies real-time client\u2013server communication with decorators and utilities."}, {"name": "ngx-drupal8-rest", "url": "https://github.com/wnabil/ngx-drupal8-rest", "description": "Drupal 8 rest module for Angular applications."}, {"name": "ngx-signal-pagination", "url": "https://github.com/JPtenBerge/ngx-signal-pagination", "description": "Pagination for Angular, powered by signals."}, {"name": "ngx-http", "url": "https://github.com/OGS-GmbH/ngx-http", "description": "A lightweight Angular library that enhances HTTP functionalities by providing types, static values, and utility functions."}, {"name": "@angular-experts-io/resource", "url": "https://github.com/angular-experts-io/resource", "description": "The missing create, update, delete (CUD) support for Angular resource."}, {"name": "ng-speed-test", "url": "https://github.com/jrquick17/ng-speed-test", "description": "A light weight Angular 2+ library for checking internet speed."}, {"name": "ngx-http-resilience", "url": "https://github.com/ebh/ngx-http-resilience", "description": "Angular HttpInterceptors that provide resiliency capabilities."}, {"name": "ngx-interceptors", "url": "https://github.com/SebaRenner/ngx-interceptors", "description": "Library with common HTTP interceptors for Angular applications."}, {"name": "ngx-hal", "url": "https://github.com/infinum/ngx-hal", "description": "A datastore library with support for handling [HAL-formatted](http://stateless.co/hal_specification.html) HTTP requests."}, {"name": "trpc-angular", "url": "https://github.com/heddendorp/trpc-angular", "description": "This repository offers two tRPC-based Angular packages: `@heddendorp/trpc-link-angular` for HttpClient, and `@heddendorp/tanstack-angular-query` for reactive data fetching."}, {"name": "my-http-resource", "url": "https://github.com/consoleLogMyAss/my-http-resource/tree/main/projects/my-http-resource", "description": "A reactive Angular HttpClient wrapper that streamlines requests by managing state, URL parameters, and configuration."}, {"name": "luminara", "url": "https://github.com/miller-28/luminara", "description": "A modern, universal HTTP client built on native fetch, designed for reliable, scalable, and clear architecture."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Micro-Frontends", "entries": [{"name": "angular-microfrontend-demo", "url": "https://github.com/gioboa/angular-microfrontend-demo", "description": "Module Federation Vite + Angular is now possible."}, {"name": "backbase-micro-frontends", "url": "https://github.com/Backbase/backbase-micro-frontends", "description": "Proof of concept showcasing how legacy apps (widgets) can work together with newer apps (journeys) via Module Federation."}, {"name": "micro-frontends-mindmaps", "url": "https://github.com/santoshshinde2012/micro-frontends-mindmaps", "description": "A mindmap summarizing micro-frontends concepts."}, {"name": "ngx-mfe", "url": "https://github.com/dkhrunov/ngx-mfe", "description": "Angular library for working with micro-frontends in Webpack 5 and plugin ModuleFederation."}, {"name": "ngx-mf-remote-loader", "url": "https://github.com/eurusik/ngx-mf-remote-loader", "description": "SSR-compatible dynamic remote module loader for Angular + Nx Micro Frontends."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Module Federation", "entries": [{"name": "@module-federation/core", "url": "https://github.com/module-federation/core", "description": "Module Federation is a concept that allows developers to share code and resources across multiple JavaScript applications."}, {"name": "ng-dynamic-mf", "url": "https://github.com/LoaderB0T/ng-dynamic-mf", "description": "Truly dynamic modules at runtime with Module Federation."}, {"name": "module-federation-plugin", "url": "https://github.com/angular-architects/module-federation-plugin", "description": "Plugin integrating Module Federation with Angular CLI for loading micro frontends or plugins."}, {"name": "webpack-module-federation-with-angular", "url": "https://github.com/edumserrano/webpack-module-federation-with-angular", "description": "Guide to learn about Webpack Module Federation with several Angular code demos."}, {"name": "Vite-module-federation-angular-test", "url": "https://github.com/Seifenn/vite-module-federation-angular-test", "description": "Tests [Module Federation Vite](https://github.com/module-federation/vite) with Angular and AnalogJS (via [@brandonroberts/angular-vite](https://github.com/brandonroberts/angular-vite)); explores SSR with an AnalogJS host (plugin SSR support may vary)."}, {"name": "mfe-crossframework", "url": "https://github.com/igorhms/mfe-crossframework", "description": "Module Federation project with Angular Host, Cross-framework remotes and without Nx."}, {"name": "npm-mfe-live-reload", "url": "https://www.npmjs.com/package/npm-mfe-live-reload", "description": "This tool auto-reloads the shell in development mode when remote microfrontends change."}, {"name": "ngx-remote-component", "url": "https://github.com/eurusik/ngx-remote-component", "description": "An Angular library for loading remote components dynamically in Nx workspaces."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Monorepos", "entries": [{"name": "Moon", "url": "https://moonrepo.dev/docs/guides/examples/angular", "description": "A Rust-based build and monorepo management tool for the web."}, {"name": "Nx", "url": "https://github.com/nrwl/nx", "description": "A build system with integrated tools and advanced CI features for maintaining and scaling monorepos locally and in CI."}, {"name": "Turbo", "url": "https://github.com/vercel/turbo", "description": "Turbopack (Rust bundler) and Turborepo (build system/monorepo tools) for JavaScript and TypeScript."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Server-Side Rendering", "entries": [{"name": "Official website", "url": "https://angular.dev/guide/ssr#enable-server-side-rendering", "description": "Documentation for the new SSR package built into the framework."}, {"name": "angular-prerender", "url": "https://github.com/chrisguttandin/angular-prerender", "description": "A command line tool to prerender Angular Apps."}, {"name": "analogjs", "url": "https://analogjs.org/", "description": "Fullstack Angular meta-framework supports both server-side rendering (SSR) and static site generation (SSG) of Angular applications."}, {"name": "ngx-ssr-code-remover", "url": "https://github.com/xsip/ngx-ssr-code-remover", "description": "Post processor to remove SSR Code from bundles when served."}, {"name": "treaty", "url": "https://github.com/treatyjs/treaty", "description": "The meta framework for Angular. An alternative to Analog."}, {"name": "analog-stuff", "url": "https://github.com/joshuamorony/analog-stuff", "description": "Extra stuff for AnalogJS including `agx-remark-rehype`."}, {"name": "ngx-trpc", "url": "https://github.com/lennybakkalian/ngx-trpc", "description": "Angular tRPC client with SSR, RxJS, Signals and Subscriptions Support."}, {"name": "ngx-sitemaps", "url": "https://github.com/json-derulo/ngx-sitemaps", "description": "Generate sitemaps from Angular prerendered routes."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Accessibility", "entries": [{"name": "Official Angular ARIA", "url": "https://angular.dev/guide/aria/overview", "description": "A collection of headless, accessible directives that implement common WAI-ARIA patterns."}, {"name": "digital.gov", "url": "https://digital.gov/guides/accessibility-for-teams/", "description": "Accessibility for teams guide from USA government."}, {"name": "WAI", "url": "https://www.w3.org/WAI/", "description": "The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility."}, {"name": "webaim", "url": "https://webaim.org/", "description": "Web accessibility in mind."}, {"name": "WAVE", "url": "https://wave.webaim.org/", "description": "Web Accessibility Evaluation Tools."}, {"name": "axe Accessibility Linter", "url": "https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter", "description": "Accessibility linting for HTML, Angular, React, Markdown, Vue, and React Native."}, {"name": "Angular Material CDK - a11y", "url": "https://material.angular.io/cdk/a11y/overview", "description": "The a11y package provides a number of tools to improve accessibility."}, {"name": "PrimeNG", "url": "https://primeng.org/guides/accessibility", "description": "Accessibility guide from PrimeNG."}, {"name": "astral-accessibility", "url": "https://github.com/verto-health/astral-accessibility", "description": "An open-source accessibility widget written in Angular."}, {"name": "angular-vlibras", "url": "https://github.com/angular-a11y/angular-vlibras", "description": "An Angular library that integrates VLibras to automatically translate content into Brazilian Sign Language (Libras)."}, {"name": "a11y-accessibility-first", "url": "https://github.com/gagdmac/a11y-accessibility-first", "description": "A WCAG 2.2-compliant Angular template with an accessibility component to boost accessibility."}, {"name": "ngx-accessible-ui", "url": "https://github.com/ShakeelKadri/ngx-accessible-ui", "description": "Angular 9+ navigation and menu directives compliant with WCAG 2.1 AA and the European Accessibility Act 2025 for inclusive web experiences."}, {"name": "easy", "url": "https://github.com/richpauly13/easy", "description": "Uncomplicated Angular styles with a11y."}, {"name": "a11y-libraries", "url": "https://github.com/LDV2k3/a11y-libraries", "description": "A range of accessibility solutions for Angular."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 AI", "entries": [{"name": "Official AI docs", "url": "https://angular.dev/ai", "description": ""}, {"name": "Official Angular CLI MCP Server Setup", "url": "https://angular.dev/ai/mcp", "description": ""}, {"name": "Official llms.txt file", "url": "https://angular.dev/llms.txt", "description": ""}, {"name": "Official llms-full.txt file", "url": "https://angular.dev/context/llm-files/llms-full.txt", "description": ""}, {"name": "Official Angular Examples Repo", "url": "https://github.com/angular/examples", "description": "Angular Examples using [GenKit](https://firebase.google.com/docs/genkit) and [Vertex AI](https://cloud.google.com/vertex-ai)."}, {"name": "abbi-ng-ai-image-descriptor", "url": "https://github.com/slsfi/abbi-ng-ai-image-descriptor", "description": "Angular web app for AI-generated image descriptions. You need an OpenAI API key to use the tool."}, {"name": "AGENT.md", "url": "https://ampcode.com/AGENT.md#tool-integration", "description": "The Universal Agent Configuration File."}, {"name": "agent-rules-kit", "url": "https://github.com/tecnomanu/agent-rules-kit", "description": "A CLI tool for AI that installs and configures rules to guide agents in technology stack best practices."}, {"name": "ai-friendly-docs", "url": "https://github.com/gergelyszerovay/ai-friendly-docs", "description": "Angular AI-optimized documentation, enhancing accessibility and response quality for Large Language Models."}, {"name": "aitools.fyi", "url": "https://aitools.fyi/technology/angular", "description": "AI Tools Built With Angular."}, {"name": "Angular code editor rules", "url": "https://promptgenius.net/cursorrules/frameworks/frontend/angular", "description": "Guide for effective AI interaction patterns when working with Angular code."}, {"name": "angular-material-ai-rules", "url": "https://github.com/Angular-Material-Dev/angular-material-ai-rules", "description": "A collection of configuration rules and usage guidelines for using Angular Material in AI-driven code editors."}, {"name": "angular-mcp-server", "url": "https://github.com/SAIPRANAY-GANGULA/angular-mcp-server", "description": "An MCP server offering Angular documentation access, enabling AI assistants to search and retrieve relevant Angular info."}, {"name": "augment code", "url": "https://www.augmentcode.com/", "description": "The first AI coding assistant built for professional software engineers and large codebases."}, {"name": "CodeSage AI", "url": "https://github.com/kd-akshay/code-quality-analyzer", "description": "Analyzes code quality of React, Vue, and Angular projects using linters and an LLM."}, {"name": "context7", "url": "https://github.com/upstash/context7", "description": "MCP Server with up-to-date code documentation for LLMs and AI code editors."}, {"name": "cursor.directory", "url": "https://cursor.directory/?q=angular", "description": "The home for Cursor enthusiasts."}, {"name": "deep-chat", "url": "https://github.com/OvidijusParsiunas/deep-chat", "description": "Fully customizable AI chatbot component for your website."}, {"name": "Design Shift", "url": "https://designshift.dev/", "description": "Generate Angular components you want from [Uizard](https://uizard.io/) layouts."}, {"name": "Figma to Angular", "url": "https://www.builder.io/blog/figma-to-angular", "description": "Convert designs to clean Angular code in a click."}, {"name": "Frontend AI", "url": "https://app.webcrumbs.ai/frontend-ai", "description": "Ask for a component or upload an image, and instantly receive ready-to-use code without lifting a finger."}, {"name": "gitingest", "url": "https://gitingest.com/", "description": "Turn any Git repository into a simple text digest of its codebase. This is useful for feeding a codebase into any LLM."}, {"name": "global seo", "url": "https://www.globalseo.ai/integrations/angular", "description": "Translate Angular app with AI."}, {"name": "hashbrown", "url": "https://github.com/liveloveapp/hashbrown", "description": "The [Hashbrown](https://hashbrown.dev/) framework is for building joyful, AI-powered user experiences."}, {"name": "mini-bard-palm2-angular", "url": "https://github.com/gsans/mini-bard-palm2-angular", "description": "Result from this [step by step guide](https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d#f02a) on how to integrate Google Gemini with Angular."}, {"name": "ngx-bob", "url": "https://github.com/scottstraughan/ngx-bob", "description": "Angular chat widget with messaging, local history, error handling, commands, and search."}, {"name": "ngx-gen-ui", "url": "https://github.com/alessiopelliccione/ngx-gen-ui", "description": "Lightweight Angular directive and service for streaming generative UI content via Firebase AI."}, {"name": "PureCode AI", "url": "https://purecode.ai/components/angular/application-ui", "description": "Build Angular application UIs 50% faster with PureCode AI."}, {"name": "UI2CODE", "url": "https://ui2code.ai/", "description": "UI to Code Converter in seconds with AI."}, {"name": "web-codegen-scorer", "url": "https://github.com/angular/web-codegen-scorer", "description": "A tool for evaluating the quality of web code generated by Large Language Models (LLMs)."}, {"name": "Workik", "url": "https://workik.com/angular-code-generator", "description": "Free AI-Powered Angular code generator | Your Context-Driven AI Partner!"}, {"name": "Yes Chat AI", "url": "https://www.yeschat.ai/gpts-ZxX35UdX-Angular-Ninja-%F0%9F%A5%B7", "description": "Angular Ninja - Angular Development Assistant."}, {"name": "Zipy", "url": "https://www.zipy.ai/online-tools/ai-angular-code-generator", "description": "AI Angular Code Generator."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Analytics", "entries": [{"name": "angular-google-tag-manager", "url": "https://github.com/mzuccaroli/angular-google-tag-manager", "description": "A service library for integrate google tag manager in your Angular project."}, {"name": "angulartics2", "url": "https://github.com/angulartics/angulartics2", "description": "Vendor-agnostic analytics for Angular2 applications."}, {"name": "@blue-cardinal/ngx-google-analytics", "url": "https://github.com/blue-cardinal/ngx-google-analytics", "description": "This package provides a module that injects the Google Analytics tag manager script into your Angular project. It provides some guardrails against including the tag manager script in a dev environment."}, {"name": "clickstream-analytics-on-aws-web-sdk", "url": "https://github.com/aws-solutions/clickstream-analytics-on-aws-web-sdk", "description": "[Clickstream Web SDK](https://aws-solutions.github.io/clickstream-analytics-on-aws/en/latest/sdk-manual/web/) enables easy collection of browser clickstream data to AWS via the provided data pipeline."}, {"name": "Heap", "url": "https://help.heap.io/data-management/code-and-framework-management/using-heap-with-popular-web-frameworks-libraries/#angular", "description": "Product analytics for tracking customer journeys, conversion, and retention."}, {"name": "litlyx", "url": "https://github.com/Litlyx/litlyx", "description": "A dev-friendly, open-source analytics tool for JavaScript frameworks\u2014set up in under 30 seconds with one line of code!"}, {"name": "@luzmo/ngx-embed", "url": "https://www.npmjs.com/package/@luzmo/ngx-embed", "description": "A library for embedding [Luzmo](https://www.luzmo.com/) dashboards in your Angular application."}, {"name": "ngx-amplitude", "url": "https://github.com/th3n00bc0d3r/ngx-amplitude", "description": "An Angular 18+ library for easy integration of [Amplitude](https://amplitude.com/) analytics, with global init and event logging service."}, {"name": "ngx-clarity", "url": "https://github.com/jadengis/ngx-clarity", "description": "A useful Angular library that automatically injects the script tag required to use [Microsoft Clarity](https://clarity.microsoft.com/)."}, {"name": "ngx-gtm", "url": "https://github.com/jerkovicl/ngx-gtm", "description": "Angular library that automatically injects the script tag required to use Google Tag Manager (GTM)."}, {"name": "ngx-material-tracking", "url": "https://github.com/Service-Soft/ngx-material-tracking", "description": "Provides GDPR-compliant tracking for Angular sites with built-in Google Analytics, Meta Pixel, and custom options."}, {"name": "ngx-matomo-client", "url": "https://github.com/EmmanuelRoux/ngx-matomo-client", "description": "Matomo analytics client for Angular applications."}, {"name": "ngx-meta-pixel", "url": "https://github.com/Szymonexis/ngx-meta-pixel", "description": "This package enables you to setup [Meta Pixel](https://www.facebook.com/business/tools/meta-pixel) for your Angular application."}, {"name": "ngx-piwik-pro", "url": "https://github.com/PiwikPRO/ngx-piwik-pro", "description": "A dedicated [Piwik PRO](https://piwik.pro/) Angular library for implementing Tag Manager and tracking."}, {"name": "ngx-segment-analytics", "url": "https://github.com/opendecide/ngx-segment-analytics", "description": "Provides an API for [Segment](https://github.com/segmentio/analytics-next/)."}, {"name": "ngx-tableau", "url": "https://www.npmjs.com/package/ngx-tableau", "description": "A module that allows you to embed a Tableau report in an Angular webapp."}, {"name": "oculr-ngx", "url": "https://github.com/Progressive-Insurance/oculr-ngx", "description": "An analytics library that makes collecting data in an Angular app simple."}, {"name": "opentelemetry-angular-interceptor", "url": "https://github.com/jufab/opentelemetry-angular-interceptor", "description": "A library to deploy [OpenTelemetry](https://opentelemetry.io/) in your Angular application."}, {"name": "plausible", "url": "https://github.com/plausible/analytics", "description": "Lightweight, open\u2011source, privacy\u2011friendly analytics with SPA support\u2014see [SPA support](https://plausible.io/docs/spa-support)."}, {"name": "rybbit", "url": "https://github.com/rybbit-io/rybbit", "description": "A privacy-friendly alternative to Google Analytics; see this [guide](https://www.rybbit.io/docs/guides/angular) for Angular integration."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Developer Tools", "entries": [{"name": "ngx-html-syntax", "url": "https://github.com/princemaple/ngx-html-syntax", "description": "Angular HTML Syntax for [Sublime Text](https://www.sublimetext.com/)."}, {"name": "Bugfender", "url": "https://bugfender.com/platforms/angular-logging/", "description": "A cloud service to collect logs and Angular errors in Real-Time."}, {"name": "Angular Dev Tools", "url": "https://angular.dev/tools/devtools", "description": "Browser extension for debugging and profiling Angular applications."}, {"name": "VS Code NG Language Service", "url": "https://github.com/angular/vscode-ng-language-service", "description": "This extension provides a rich editing experience for Angular templates."}, {"name": "Redux DevTools", "url": "https://github.com/reduxjs/redux-devtools/", "description": "Can be used in combination with `@ngrx/store-devtools` to inspect the state of your NgRx app."}, {"name": "Ionic VS Code Extension", "url": "https://ionicframework.com/docs/intro/vscode-extension", "description": "Perform various functions that are common to developing an Ionic app, all without leaving your VS Code window."}, {"name": "Angular Schematics", "url": "https://marketplace.visualstudio.com/items?itemName=cyrilletuzi.angular-schematics", "description": "Ultimate code generation in Visual Studio Code."}, {"name": "Angular 17 Snippets", "url": "https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode", "description": "258 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, NgRx, RxJS, PWA & Testing)."}, {"name": "VS Code Angular Snippets", "url": "https://github.com/johnpapa/vscode-angular-snippets", "description": "This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML."}, {"name": "Angular Extension Pack", "url": "https://marketplace.visualstudio.com/items?itemName=loiane.angular-extension-pack", "description": "This extension pack packages some of the most popular VS Code Angular extensions."}, {"name": "Nx Console", "url": "https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console", "description": "Spend less time looking up command line arguments and more time shipping incredible products."}, {"name": "VS Code Angular HTML", "url": "https://marketplace.visualstudio.com/items?itemName=ghaschel.vscode-angular-html", "description": "Syntax highlighting for Angular HTML template files."}, {"name": "angular-scaffold", "url": "https://github.com/EPAM-JS-Competency-center/angular-scaffold", "description": "Scaffold an Angular project with all tooling you need for production projects."}, {"name": "vscode-angulartools", "url": "https://github.com/CoderAllan/vscode-angulartools", "description": "You can explore an Angular project, enhance documentation, reverse engineer code, and do refactoring with [AngularTools](https://marketplace.visualstudio.com/items?itemName=coderAllan.vscode-angulartools)."}, {"name": "ngx-schematics-utilities", "url": "https://github.com/DSI-HUG/ngx-schematics-utilities", "description": "Useful utilities for Angular Schematics."}, {"name": "ngx-dev-toolbar", "url": "https://github.com/alfredoperez/ngx-dev-toolbar", "description": "A powerful development toolbar for Angular applications to improve your developer productivity directly in the browser."}, {"name": "ngx-rename", "url": "https://github.com/Khumozin/ngx-rename", "description": "This repository contains PowerShell and Bash scripts to rename an Angular project folder and update relevant files, such as `angular.json`, `package.json`, `tsconfig.json`, and other configuration files."}, {"name": "manifest", "url": "https://github.com/mnfst/manifest", "description": "A lightweight Backend-as-a-Service (BaaS) that fits into a single YAML file. This [quick start](https://manifest.build/docs/angular) shows how to use it with Angular."}, {"name": "zed-angular", "url": "https://github.com/nathansbradshaw/zed-angular", "description": "This extension integrates the Angular Language Service into [Zed](https://zed.dev/)."}, {"name": "i18n-studio", "url": "https://marketplace.visualstudio.com/items/?itemName=AdrienAudouard.i18n-studio", "description": "A VS Code extension for Angular i18n that shows translations inline, autocompletes keys, and streamlines multilingual workflows."}, {"name": "angular-http-server", "url": "https://github.com/simonh1000/angular-http-server", "description": "Simple http-server for Single Page Apps (SPAs)."}, {"name": "Angular File Generator", "url": "https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator", "description": "Supercharge your Angular development with intuitive and rapid file generation."}, {"name": "Angular Schematics Pro", "url": "https://cyrilletuzi.gumroad.com/l/schematicspro", "description": "Ultimate Angular code generation in Visual Studio Code."}, {"name": "vscode-angular-auto-import", "url": "https://github.com/ngx-rock/vscode-angular-auto-import", "description": "Automatically suggests and inserts missing Angular component imports based on selectors used in templates."}, {"name": "falso", "url": "https://github.com/ngneat/falso", "description": "All the Fake Data for All Your Real Needs."}, {"name": "ng-parsel", "url": "https://github.com/angular-experts-io/ng-parsel", "description": "Parse your Angular code base to JSON abstraction - Great for displaying APIs and running custom analysis."}, {"name": "angular-compiler-output", "url": "https://github.com/JeanMeche/angular-compiler-output", "description": "See the JS output of the Angular compiler for a given Angular template."}, {"name": "lbx-change-sets", "url": "https://github.com/Service-Soft/lbx-change-sets", "description": "This package helps you to track changes made on your entities automatically using a base repository class to extend from."}, {"name": "angular-compile", "url": "https://github.com/patrikx3/angular-compile", "description": "Angular Dynamic Compile. Convert strings to Angular components."}, {"name": "ngs-json-utils", "url": "https://github.com/andrei-shpileuski/ngs-json-utils", "description": "A lightweight Angular library for easy JSON manipulation\u2014deep clone, serialize, and deserialize with TypeScript support."}, {"name": "ngx-error-handling", "url": "https://github.com/gonzalad/ngx-error-handling", "description": "This library seamlessly manages unhandled RxJS, signal, and classic errors, making them accessible through an Rx subject (ErrorBus)."}, {"name": "ngx-signal-hub", "url": "https://www.npmjs.com/package/ngx-signal-hub", "description": "A lightweight Angular signal hub combining callbacks with reactive signal-based event observation."}, {"name": "ngx-offline-indicator", "url": "https://github.com/thdang1009/ngx-offline-indicator", "description": "A simple and customizable way to inform users about their internet connection status within their Angular applications."}, {"name": "ngx-network-status", "url": "https://www.npmjs.com/package/ngx-network-status", "description": "A lightweight Angular library to detect actual internet connectivity by pinging a backend endpoint \u2014 not just relying on `navigator.onLine`."}, {"name": "ngx-device-detector", "url": "https://github.com/AhsanAyaz/ngx-device-detector", "description": "An Angular v7+ library to detect the device, OS, and browser details."}, {"name": "ng2-idle", "url": "https://github.com/moribvndvs/ng2-idle", "description": "A module for responding to idle users in Angular applications."}, {"name": "ng-lens", "url": "https://github.com/MerrittMelker/ng-lens", "description": "A Node.js tool that uses `ts-morph` to analyze Angular components and detect service usage patterns from any API library."}, {"name": "ngx-json-reader", "url": "https://github.com/Verbalman/ngx-json-reader", "description": "Angular 17+ JSON reader/editor with multi-URL comparison and diffing."}, {"name": "ngx-compare-object", "url": "https://github.com/RzoDev/ngx-compare-object", "description": "Angular utility to compare an original object with its modified version."}, {"name": "compuse", "url": "https://github.com/jakub-hajduk/compuse", "description": "Analyze Angular component usage across your codebase with a unified API for extracting usage insights."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Documentation Tools", "entries": [{"name": "Storybook", "url": "https://github.com/storybooks/storybook", "description": "The UI development environment you'll love to use."}, {"name": "Compodoc", "url": "https://github.com/compodoc/compodoc", "description": "The missing documentation tool for your Angular application."}, {"name": "ng-doc", "url": "https://github.com/ng-doc/ng-doc", "description": "The documentation engine for Angular projects."}, {"name": "docgeni", "url": "https://github.com/docgeni/docgeni", "description": "A modern, powerful and out of the box documentation generator for Angular components lib and markdown docs."}, {"name": "trakk.js", "url": "https://github.com/trakkjs/trakk-js", "description": "Automatic Documentation Generation / Real-Time Code Execution Flow / Testing / Debugging / Onboarding for Front-End Applications."}, {"name": "ng-component-hierarchy-visualizer", "url": "https://github.com/timonkrebs/ng-component-hierarchy-visualizer", "description": "An unobtrusive tool that generates Mermaid diagrams of your Angular component hierarchy from route configs."}, {"name": "easy-template-x-angular-expressions", "url": "https://github.com/alonrbar/easy-template-x-angular-expressions", "description": "Angular expressions support for [easy-template-x](https://github.com/alonrbar/easy-template-x)."}, {"name": "angular-latest-snippets", "url": "https://github.com/JMGomes/angular-latest-snippets", "description": "Comprehensive Angular v19 [snippets](https://marketplace.visualstudio.com/items?itemName=JMGomes.angular-latest-snippets) for TypeScript and HTML, including support for the latest Angular features."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Generators and Scaffolding", "entries": [{"name": "goxygen", "url": "https://github.com/Shpota/goxygen", "description": "Generates a Go backend, links a front\u2011end, and provides Docker files for dev and prod."}, {"name": "abp", "url": "https://github.com/abpframework/abp", "description": "Open\u2011source ASP.NET Core framework for enterprise apps with opinionated architecture."}, {"name": "LymeStack", "url": "https://www.lymestack.com/", "description": "A full-stack web app template and toolset that helps small teams quickly build and enhance applications."}, {"name": "spiderly", "url": "https://github.com/filiptrivan/spiderly", "description": "`.NET` (C#) code generator that transforms an EF Core model into a fully customizable `.NET` (C#) and Angular web app."}, {"name": "generator-jhipster-ionic", "url": "https://github.com/jhipster/generator-jhipster-ionic", "description": "You can use it to generate an Ionic app that talks to a JHipster backend."}, {"name": "Node Initializr", "url": "https://start.nodeinit.dev/", "description": "Quickly gathers your app\u2019s dependencies and handles much of the initial setup for you."}, {"name": "nx", "url": "https://nx.dev/nx-api/angular", "description": "The Nx Plugin for Angular provides executors, generators, and utilities for managing apps and libraries in Nx."}, {"name": "skulljs", "url": "https://skulljs.github.io/", "description": "Provides a standardized file structure for building web applications using popular JavaScript and TypeScript frameworks."}, {"name": "teleport-code-generators", "url": "https://github.com/teleporthq/teleport-code-generators", "description": "A collection of code generators for modern JavaScript applications."}, {"name": "Bootify.io", "url": "https://bootify.io", "description": "Generate Spring Boot apps with custom database, Angular frontend and CRUD functionality."}, {"name": "jangular-cli", "url": "https://github.com/nathangtg/jangular-cli", "description": "A Spring Boot + Angular starter kit with JWT auth, Flyway migrations, route protection, and CLI setup."}, {"name": "JHipster", "url": "https://www.jhipster.tech", "description": "Open source app generator for Spring Boot and Angular."}, {"name": "ng-openapi", "url": "https://github.com/ng-openapi/ng-openapi", "description": "Angular OpenAPI Client Generator."}, {"name": "tmf", "url": "https://github.com/tripsnek/tmf", "description": "A lightweight TypeScript port of Eclipse Modeling Framework (EMF) for model-driven, type-safe data models across Node.js, Java, and Angular/React."}, {"name": "polyfront-scaffold", "url": "https://github.com/NirmalSamaranayaka/polyfront-scaffold", "description": "A generator that offers a wide range of configuration options to build a flexible, scalable Angular app."}, {"name": "orval", "url": "https://github.com/orval-labs/orval", "description": "Generate, validate, cache and mock in your frontend applications, based on your OpenAPI specification."}, {"name": "angular-sitemap-generator", "url": "https://github.com/borisonekenobi/angular-sitemap-generator", "description": "Generates a `sitemap.xml` file for an Angular project."}, {"name": "cem-angular-generator", "url": "https://github.com/lit-migrators/cem-angular-generator", "description": "Generate Angular wrapper libraries from Custom Elements Manifest output."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Internationalization", "entries": [{"name": "angular-ecmascript-intl", "url": "https://github.com/json-derulo/angular-ecmascript-intl", "description": "Contains pipes to transform internationalization data using Intl.\\* browser APIs."}, {"name": "angular-i18next", "url": "https://github.com/Romanchuk/angular-i18next", "description": "Angular integration for [i18next](https://www.i18next.com/)."}, {"name": "angular-intlayer", "url": "https://www.npmjs.com/package/angular-intlayer", "description": "This [intlayer](https://github.com/aymericzip/intlayer) package allows you to internationalize your Angular application. It provides context providers and hooks for Angular internationalization."}, {"name": "angular-l10n", "url": "https://github.com/robisim74/angular-l10n", "description": "Angular library to translate texts, dates and numbers."}, {"name": "angular-translation-checker", "url": "https://github.com/ricardoferreirades/angular-translation-checker", "description": "A tool for `ngx-translate` that detects unused or missing keys to keep i18n files clean."}, {"name": "Crowdin", "url": "https://crowdin.com/", "description": "AI-powered localization software, automating content translation with 600+ apps and [integrations](https://store.crowdin.com/search?query=angular)."}, {"name": "doloc", "url": "https://doloc.io/", "description": "Instant translations in your [Angular](https://doloc.io/getting-started/frameworks/angular/) workflow."}, {"name": "I18N", "url": "https://github.com/soluling/I18N", "description": "Soluling has implemented a collection of internationalization (I18N) APIs for `.NET`, Angular and Delphi."}, {"name": "i18n-ally", "url": "https://github.com/lokalise/i18n-ally", "description": "All in one i18n extension for VS Code."}, {"name": "i18n-scanner-toolkit", "url": "https://github.com/58bcbedf47bd91439c/i18n-scanner-toolkit", "description": "Extract, detect missing translations, and manage multilingual content with CSV export/import."}, {"name": "intl-tel-input-ng", "url": "https://github.com/mpalourdio/intl-tel-input-ng", "description": "An Angular component to easily integrate [intl-tel-input](https://github.com/jackocnr/intl-tel-input)."}, {"name": "locale-translator", "url": "https://github.com/andreasnicolaou/locale-translator", "description": "Translate any locale with the provided pipe or service."}, {"name": "localess", "url": "https://github.com/Lessify/localess", "description": "A powerful translation management tool and content management system built using Angular and Firebase."}, {"name": "ng-extract-i18n-merge", "url": "https://github.com/daniel-sc/ng-extract-i18n-merge", "description": "Extract and merge i18n xliff translation files for Angular projects."}, {"name": "ng-intl", "url": "https://github.com/antimprisacaru/ng-intl", "description": "A type-safe, reactive Angular i18n library with lazy-loaded translations, signals, and full TypeScript support."}, {"name": "ng-translate-extensions", "url": "https://github.com/ressurectit/ng-translate-extensions", "description": "Angular module extending ng2-translate."}, {"name": "ngs-plural", "url": "https://github.com/andrei-shpileuski/ngs-plural", "description": "It simplifies the process of generating grammatically correct plural forms based on a numeric count and supports custom language rules."}, {"name": "ngx-easy-i18n-js", "url": "https://github.com/gabrie-allaigre/ngx-easy-i18n-js", "description": "The easy internationalization (i18n) library for Angular."}, {"name": "ngx-g11n", "url": "https://github.com/DSI-HUG/ngx-g11n", "description": "Angular helpers for internationalizing and localizing your application."}, {"name": "ngx-glagolize", "url": "https://github.com/alkorschun/ngx-glagolize", "description": "An Angular library for handling translations and localization."}, {"name": "ngx-i18n-extract-regex-cli", "url": "https://github.com/Celtian/ngx-i18n-extract-regex-cli", "description": "Tool for extracting translations from Angular app using regex."}, {"name": "ngx-i18n-tools", "url": "https://github.com/Ascor8522/ngx-i18n-tools", "description": "Tools for translating Angular apps, including an Excel/XLIFF converter\u2014[ngx-xlf-xlsx](https://github.com/Ascor8522/ngx-i18n-tools/tree/master/ngx-xlf-xlsx)."}, {"name": "ngx-merge-json-translations", "url": "https://github.com/jonnomk/ngx-merge-json-translations", "description": "This builder helps merge the `messages.json` file, after running extract-i18n, into target files using specified locales taking care to delete removed keys and add new ones."}, {"name": "ngx-runtime-i18n", "url": "https://github.com/AshwinSathian/ngx-runtime-i18n", "description": "Runtime internationalization for Angular \u2014 signals-first, SSR-safe, and framework-agnostic core."}, {"name": "ngx-signal-i18n", "url": "https://github.com/yagcioe/ngx-signal-i18n", "description": "A type-safe, lazy-loaded i18n solution for Angular, built on signals for reactivity and compatible with zoneless."}, {"name": "ngx-signal-translate", "url": "https://github.com/adamcsk1/ngx-signal-translate", "description": "A signal-driven translation service."}, {"name": "ngx-tolgee", "url": "https://github.com/tolgee/tolgee-js/tree/main/packages/ngx/projects/ngx-tolgee", "description": "Web-based localization tool enabling users to translate directly in the Angular app they develop."}, {"name": "ngx-translate", "url": "https://github.com/ngx-translate/core", "description": "The internationalization (i18n) library for Angular."}, {"name": "@OGS-GmbH/ngx-translate", "url": "https://github.com/OGS-GmbH/ngx-translate", "description": "A lightweight Angular i18n library with REST-based setup, dynamic language switching, and flexible translation management."}, {"name": "ngx-translate-cut", "url": "https://github.com/bartholomej/ngx-translate-cut", "description": "Angular pipe for cutting translations \u2702\ufe0f \ud83c\udf0d (plugin for `@ngx-translate`)."}, {"name": "ngx-translate-db", "url": "https://github.com/kinleyrabgay/ngx-translate-db", "description": "A lightweight, efficient Angular translation library that uses IndexedDB for offline storage."}, {"name": "ngx-translate-lint", "url": "https://github.com/romanrostislavovich/ngx-translate-lint", "description": "Simple CLI tools for check `ngx-translate` keys."}, {"name": "ngx-translate-messageformat-compiler", "url": "https://github.com/lephyrus/ngx-translate-messageformat-compiler", "description": "Compiler for `ngx-translate` that uses [messageformat.js](https://github.com/messageformat/messageformat) to compile translations using ICU syntax for handling pluralization and gender."}, {"name": "ngx-translate-module-loader", "url": "https://github.com/larscom/ngx-translate-module-loader", "description": "Highly configurable and flexible translations loader for `@ngx-translate/core`."}, {"name": "ngx-translate-multi-http-loader", "url": "https://github.com/rbalet/ngx-translate-multi-http-loader", "description": "A loader for ngx-translate that loads translations with http calls."}, {"name": "ngx-translate-phraseapp", "url": "https://github.com/phrase/ngx-translate-phraseapp", "description": "The official library for integrating [Phrase Strings In-Context Editor](https://support.phrase.com/hc/articles/5784095916188-In-Context-Editor-Strings) with `ngx-translate` in your Angular application."}, {"name": "ngx-translate-routes", "url": "https://github.com/darioegb/ngx-translate-routes", "description": "This service translates titles and route paths."}, {"name": "ngx-translate-toolkit", "url": "https://github.com/robmanganelly/ngx-translate-toolkit", "description": "An Angular library designed to extend `@ngx-translate/core` and streamline the process of managing translations in large projects."}, {"name": "ngx-translate-version", "url": "https://github.com/Celtian/ngx-translate-version", "description": "Angular module that provides version to your language files."}, {"name": "ruci", "url": "https://github.com/njirolu/ruci", "description": "A CLI tool that simplifies i18n validation in Angular projects with `ngx-translate`, ensuring accurate, high-quality translations."}, {"name": "rust-ngx-translate-lint", "url": "https://github.com/hafnerpw/rust-ngx-translate-lint", "description": "A Rust port of `ngx-translate-lint` for improved performance."}, {"name": "signal-translate", "url": "https://github.com/NGneers/signal-translate", "description": "Translation service that is using signals at its core."}, {"name": "tldraw-web-component", "url": "https://github.com/neosh11/tldraw-web-component", "description": "Make [tldraw](https://github.com/tldraw/tldraw) work with frameworks other than React; Made primarily to work with Angular."}, {"name": "Transifex", "url": "https://github.com/transifex/transifex-javascript/tree/master/packages/angular/projects/tx-native-angular-sdk", "description": "You can easily localize Angular components using the [Transifex library extension](https://www.npmjs.com/package/@transifex/angular). This library extends the functionality of [Transifex Native JavaScript SDK](https://developers.transifex.com/docs/javascript-sdk)."}, {"name": "transloco", "url": "https://github.com/jsverse/transloco", "description": "The internationalization (i18n) library for Angular."}, {"name": "transloco-keys-manager", "url": "https://github.com/jsverse/transloco-keys-manager", "description": "Tools to help reduce monotonous work."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Performance", "entries": [{"name": "detective", "url": "https://github.com/angular-architects/detective", "description": "Uses forensic code analysis at the architectural level to reveal hidden patterns within your codebase."}, {"name": "esbuild Bundle Size Analyzer", "url": "https://esbuild.github.io/analyze/", "description": "Visualize the contents of your esbuild bundle."}, {"name": "hawkeye", "url": "https://github.com/angular-experts-io/hawkeye", "description": "A tool that visualizes and optimizes JavaScript bundles, revealing modules, dependencies, and assets affecting performance."}, {"name": "microwave", "url": "https://github.com/jscutlery/devkit/tree/main/packages/microwave", "description": "Optimize Angular change detection effortlessly."}, {"name": "ngememoize", "url": "https://github.com/akbarsaputrait/ngememoize", "description": "Easily boost the performance of your Angular applications by memoizing functions and getters with this lightweight and simple-to-use library."}, {"name": "ng-event-plugins", "url": "https://github.com/taiga-family/ng-event-plugins", "description": "A tiny library for optimizing change detection cycles for performance sensitive events."}, {"name": "ng-queuex", "url": "https://github.com/dagnygus/ng-queuex", "description": "An experimental ecosystem for Angular that introduces a React-inspired concurrent scheduler and a set of signal-driven structural directives for fine-grained, isolated change detection."}, {"name": "ng-reactive-lint", "url": "https://github.com/Shrinivassab/ng-reactive-lint", "description": "An Angular-specific linter enforcing optimal reactivity patterns with Signals and RxJS."}, {"name": "ngx-network-monitor", "url": "https://github.com/MadeByRaymond/ngx-network-monitor", "description": "A lightweight Angular service to monitor network status: online/offline, connection quality (2G/3G/4G/5G), and ping latency."}, {"name": "ngx-script-optimizer", "url": "https://github.com/Mohid123/ngx-script-optimizer", "description": "A lightweight Angular library designed to supercharge your third-party script handling."}, {"name": "ngx-unused", "url": "https://github.com/wgrabowski/ngx-unused", "description": "Find declared but unused Angular classes in your codebase."}, {"name": "sonda", "url": "https://github.com/filipsobol/sonda", "description": "Universal visualizer and analyzer for JavaScript and CSS."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 SEO", "entries": [{"name": "@davidlj95/ngx-meta", "url": "https://ngx-meta.dev", "description": "Quickly set Angular site metadata (meta tags, Open Graph, X Cards, JSON-LD) with SSR support."}, {"name": "ngaox", "url": "https://www.npmjs.com/package/@ngaox/seo", "description": "Boost Angular apps with seamless content integration, optimized SVGs, advanced SEO, and efficient social media management."}, {"name": "seo-analyzer", "url": "https://github.com/maddevsio/seo-analyzer", "description": "The library for analyze a HTML file to show all of the SEO defects."}, {"name": "ngx-seo", "url": "https://github.com/samvloeberghs/kwerri-oss/tree/main", "description": "Kwerri OSS: samvloeberghs.be + ngx-seo."}, {"name": "Angular React SEO", "url": "https://github.com/ganatan/angular-react-seo", "description": "Angular & React Examples SEO (Search engine optimization)."}, {"name": "unhead", "url": "https://www.npmjs.com/package/@unhead/angular", "description": "Full-stack `<head>` management for Angular applications."}, {"name": "seo-manager-pro", "url": "https://github.com/mbsh-code/seo-manager-pro", "description": "A powerful SEO manager for Angular, React, Vue, and Vanilla JS to easily set tags and structured data."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Styling", "entries": [{"name": "Angular-Material-Tailwind-Integration", "url": "https://github.com/adandedjanstephane-git/Angular-Material-Tailwind-Integration", "description": "A stable, themeable set of CSS custom properties mapping Material Design System tokens to Tailwind CSS utility classes."}, {"name": "element-identifier", "url": "https://github.com/jooherrera/element-identifier", "description": "Create reliable, distinct CSS selectors to target DOM elements, and utilize a web component for visual inspection and selection."}, {"name": "ngx-angora-css", "url": "https://github.com/LynxPardelle/ngx-angora-css", "description": "A JavaScript-based CSS framework that dynamically generates styles on page load."}, {"name": "ngx-classed", "url": "https://github.com/lukonik/ngx-classed", "description": "A library allows you to dynamically add or remove classes based on state."}, {"name": "ngx-css", "url": "https://github.com/squidit/ngx-css", "description": "An Angular abstraction for [Squid CSS](https://github.com/squidit/css)."}, {"name": "ngx-mq", "url": "https://github.com/martsinlabs/ngx-mq", "description": "A declarative library that uses signals and the native [matchMedia API](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) to manage media queries, with built-in breakpoint presets for Tailwind, Bootstrap, and Angular Material."}, {"name": "panda", "url": "https://github.com/chakra-ui/panda", "description": "Easily use Panda, CSS-in-JS Framework, with Angular with its dedicated [integration](https://panda-css.com/docs/docs/installation/angular)."}, {"name": "Super JSS", "url": "https://github.com/rsantoyo-dev/super-jss-workspace", "description": "Super JavaScript Stylesheets is a tiny Angular runtime library that generates atomic CSS with breakpoints and theming."}, {"name": "tokiforge", "url": "https://github.com/TokiForge/tokiforge", "description": "Framework-agnostic design token engine for React, Vue, Angular, Svelte & vanilla JS."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Authentication", "entries": [{"name": "Agilicus", "url": "https://www.agilicus.com/", "description": "Single sign-on with MFA for all users, with [integration samples](https://github.com/Agilicus/samples) on the Agilicus Platform."}, {"name": "angular-auth-oidc-client", "url": "https://github.com/damienbod/angular-auth-oidc-client", "description": "NPM package for OpenID Connect, OAuth Code Flow with PKCE, Refresh tokens, and Implicit Flow."}, {"name": "angular-oauth2-oidc", "url": "https://github.com/manfredsteyer/angular-oauth2-oidc", "description": "Support for OAuth 2 and OpenId Connect (OIDC) in Angular."}, {"name": "angular-authentication", "url": "https://github.com/nikosanif/angular-authentication", "description": "An Angular application that demonstrates best practices for user authentication & authorization flows."}, {"name": "angularfire", "url": "https://github.com/angular/angularfire", "description": "Angular + Firebase."}, {"name": "angularx-social-login", "url": "https://github.com/abacritt/angularx-social-login", "description": "Social login and authentication module for Angular 17."}, {"name": "angular2-jwt", "url": "https://github.com/auth0/angular2-jwt", "description": "Helper library for handling JWTs in Angular apps."}, {"name": "appwrite", "url": "https://github.com/appwrite/appwrite", "description": "Integrate your [Angular app](https://appwrite.io/docs/quick-starts/angular) with [Appwrite](https://appwrite.io/) for auth, database, storage, functions, and more."}, {"name": "auth0-angular", "url": "https://github.com/auth0/auth0-angular", "description": "Auth0 SDK for Angular Single Page Applications."}, {"name": "@badisi/ngx-auth", "url": "https://github.com/Badisi/auth-js/tree/main/libs/ngx-auth", "description": "Authentication and authorization support for Angular based desktop and mobile applications."}, {"name": "corbado", "url": "https://www.corbado.com/#signup-init", "description": "[Integrate](https://docs.corbado.com/corbado-complete/frontend-integration/angular) Corbado with Angular to use passkeys for authentication."}, {"name": "fingerprint", "url": "https://dev.fingerprint.com/docs/angular", "description": "The Fingerprint Angular SDK is an easy way to integrate Fingerprint into your Angular application."}, {"name": "frontegg-angular", "url": "https://github.com/frontegg/frontegg-angular", "description": "[Frontegg](https://frontegg.com) is a web platform where SaaS companies can set up their fully managed, scalable, and brand-aware SaaS features and integrate them into their SaaS portals. Integrate Frontegg with this [quickstart guide](https://developers.frontegg.com/sdks/frontend/angular/hosted-login)."}, {"name": "FusionAuth Angular SDK", "url": "https://fusionauth.io/docs/sdks/angular-sdk", "description": "[FusionAuth](https://fusionauth.io/) SDK helps manage authentication state for your Angular app and provides functionality to login, register, and logout users. It also can be configured to automatically manage your refresh token."}, {"name": "hanko", "url": "https://github.com/teamhanko/hanko", "description": "Follow this [quickstart guide](https://docs.hanko.io/quickstarts/frontend/angular) to integrate [Hanko](https://www.hanko.io/), an open source authentication and user management solution, into your Angular app."}, {"name": "hexaeight-sessions", "url": "https://www.npmjs.com/package/hexaeight-sessions", "description": "A powerful NPM library designed to simplify session management and authentication in web applications. Whether you're working with React, Angular, or Vue, [HexaEight Sessions](https://docs.hexaeight.com/HexaEight-Sessions/003-HexaEightSessions/) provides an intuitive interface for managing user sessions efficiently."}, {"name": "keycloak-angular", "url": "https://github.com/mauriciovigolo/keycloak-angular", "description": "Easy Keycloak setup for Angular applications."}, {"name": "kinde-angular", "url": "https://github.com/luukhaijes/kinde-angular", "description": "Angular wrapper around the [Kinde](https://kinde.com/) TypeScript [SDK](https://docs.kinde.com/developer-tools/sdks/backend/typescript-sdk/)."}, {"name": "lbx-jwt", "url": "https://github.com/Service-Soft/lbx-jwt", "description": "Provides JWT authentication for loopback applications. Includes storing roles inside tokens and handling refreshing. Built-in reuse detection."}, {"name": "Logto", "url": "https://logto.io/", "description": "An open-source Auth0 alternative for modern apps and SaaS products, supporting OIDC, OAuth 2.0 and SAML open standards for authentication and authorization. This [quickstart](https://docs.logto.io/quick-starts/angular#prerequisites) can help you use Logto with Angular."}, {"name": "Melody Auth", "url": "https://github.com/ValueMelody/melody-auth", "description": "Its [SDK](https://www.npmjs.com/package/@melody-auth/angular) enables seamless Angular\u2013melody auth integration with automated state, redirects, and token handling."}, {"name": "MojoAuth", "url": "https://mojoauth.com/", "description": "The Simplest Way to [integrate](https://docs.mojoauth.com/guides/angular) passkeys."}, {"name": "msal-angular", "url": "https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular", "description": "MSAL for Angular allows Angular apps to authenticate users via [Azure AD](https://docs.microsoft.com/azure/active-directory/develop/v2-overview), Microsoft accounts, and social providers through [Azure AD B2C](https://docs.microsoft.com/azure/active-directory-b2c/active-directory-b2c-overview#identity-providers), and to acquire tokens for [Microsoft Cloud](https://www.microsoft.com/enterprise) services like [Microsoft Graph](https://graph.microsoft.io)."}, {"name": "ng-supabase", "url": "https://github.com/rustygreen/ng-supabase", "description": "An Angular component library for your [Supabase](https://supabase.com/) project!"}, {"name": "ngx-better-auth", "url": "https://github.com/thomasorgeval/ngx-better-auth", "description": "An Angular 20+ wrapper for [Better Auth](https://github.com/better-auth/better-auth). Provides reactive session handling with signals, clean DI provider setup with observables, and modern guards."}, {"name": "ngxfire", "url": "https://github.com/teve-no/ngxfire", "description": "Zoneless AngularFire replacement."}, {"name": "ngx-webauthn", "url": "https://github.com/JonnyHeavey/ngx-webauthn", "description": "An Angular library offering a type-safe, streamlined abstraction of the native WebAuthn API, with built-in support for standard types and optional presets for common use cases."}, {"name": "omni-auth", "url": "https://github.com/ngx-addons/omni-auth", "description": "Angular authentication library providing core functionality for authentication flows, guards, and error handling."}, {"name": "otp-angular", "url": "https://github.com/subha-patra/otp-angular", "description": "A lightweight, highly customizable, and dependency-free OTP (One-Time Password) input component built for Angular 20+ applications."}, {"name": "@serhiisol/ngx-auth", "url": "https://github.com/serhiisol/ngx-auth", "description": "Angular 20+ Authentication Module."}, {"name": "Supabase", "url": "https://supabase.com/docs/guides/getting-started/tutorials/with-angular", "description": "Build a User Management App with Angular."}, {"name": "SuperTokens", "url": "https://supertokens.com", "description": "Configure your [Angular](https://supertokens.com/docs/quickstart/frontend-setup) application to use SuperTokens for authentication."}, {"name": "witspry-auth-ng-client", "url": "https://github.com/satya-jugran/witspry-auth-ng-client", "description": "A comprehensive Angular library for OAuth2 authentication with PKCE (Proof Key for Code Exchange) support."}, {"name": "zitadel", "url": "https://zitadel.com/docs/examples/login/angular", "description": "Secure authentication management for your application. Customize as you grow, with easy APIs and programmable workflows. Focus on growing, your login is in good hands."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Payments", "entries": [{"name": "adyen-angular-online-payments", "url": "https://github.com/adyen-examples/adyen-angular-online-payments", "description": "Accept payments on your Angular/Express-based website with cards, wallets, and key local payment methods."}, {"name": "angular-spotflow-checkout", "url": "https://github.com/Spotflow-One/angular-spotflow-checkout", "description": "The [Spotflow](https://www.spotflow.one/) Angular SDK enables users to make payments with a streamlined checkout experience."}, {"name": "google-pay-button", "url": "https://github.com/google-pay/google-pay-button", "description": "Google Pay button - React, Angular, and custom element."}, {"name": "izipay", "url": "https://github.com/antonyayansi/izipay", "description": "Integrate Izipay into your project with minimal configuration and an integrated proxy."}, {"name": "ngxsmk-stripe", "url": "https://github.com/toozuuu/ngxsmk-stripe", "description": "Angular plugin for integrating Stripe payments (one-time & subscriptions) with theme customization, event emitters, and standalone components."}, {"name": "ngx-stripe", "url": "https://github.com/richnologies/ngx-stripe", "description": "A comprehensive library designed for seamless integration of [`Stripe Elements`](https://stripe.com/docs/stripe-js) and payment processing capabilities into Angular applications. Leveraging the powerful features of [`StripeJS`](https://stripe.com/docs/js), Ngx Stripe simplifies building robust, secure, and scalable payment solutions."}, {"name": "ngx-supabase-stripe", "url": "https://github.com/dotted-labs/ngx-supabase-stripe", "description": "An Angular library for integrating Supabase and Stripe into your applications, providing ready-to-use components that simplify the implementation of payments and subscriptions."}, {"name": "solidgate", "url": "https://github.com/solidgate-tech/angular-sdk", "description": "With its Angular SDK, you can add Solidgate Payment Form."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Role-Based Access Control", "entries": [{"name": "casl-angular", "url": "https://github.com/stalniy/casl/tree/master/packages/casl-angular", "description": "Module which integrates isomorphic permissions management library [CASL](https://github.com/stalniy/casl) with Angular."}, {"name": "nblocks", "url": "https://www.nblocks.dev/", "description": "A control center for seamless management of Authentication, Payments, Subscriptions, Feature, and Role management."}, {"name": "ngx-can-i", "url": "https://github.com/kopy011/ngx-can-i", "description": "A package for Angular developers to help them deal with permissions."}, {"name": "ngx-permissions", "url": "https://github.com/AlexKhymenko/ngx-permissions", "description": "Permission and roles based access control for your Angular applications(AOT, lazy modules compatible)."}, {"name": "ngx-role-accessor", "url": "https://github.com/IroshanRathnayake/ngx-role-accessor", "description": "Enterprise-grade Angular Role-Based Access Control (RBAC) Library."}, {"name": "ngx-smart-permissions", "url": "https://github.com/rami-sheikha-dev/ngx-smart-permissions", "description": "A lightweight library for managing role-based and permission-based access control in Angular applications. Supports both standalone components and NgModules."}, {"name": "permit", "url": "https://www.permit.io/", "description": "An authorization-as-a-service solution that can be used with [Angular](https://www.permit.io/blog/how-to-implement-role-based-access-control-rbac-in-angular)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Security Best Practices", "entries": [{"name": "Aikido", "url": "https://www.aikido.dev/", "description": "Secure your code, cloud, and runtime in one central system. Find and fix vulnerabilities automatically."}, {"name": "Angular Security", "url": "https://angular.dev/best-practices/security", "description": "Best Practices."}, {"name": "GitHub", "url": "https://docs.github.com/en/code-security/code-scanning/introduction-to-code-scanning", "description": "Code scanning is available for all public repositories on GitHub.com. You can turn on secret scanning and use Code QL to secure your repos."}, {"name": "GitHub Skills", "url": "https://skills.github.com/", "description": "Guided interactive tutorials for Code Security and analysis are available."}, {"name": "HackTricks", "url": "https://book.hacktricks.xyz/network-services-pentesting/pentesting-web/angular", "description": "Angular Security Checklist."}, {"name": "SafeDep", "url": "https://safedep.io/", "description": "It continuously scans open source code for vulnerabilities and malware, helping security engineering teams proactively mitigate inherited OSS risks."}, {"name": "Snyk", "url": "https://snyk.io/", "description": "A developer security platform that integrates directly into development tools, workflows, and automation pipelines."}, {"name": "Socket", "url": "https://socket.dev/", "description": "A developer-first security platform that protects your code from both vulnerable and malicious dependencies."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 NgRx", "entries": [{"name": "Official website", "url": "https://ngrx.io/", "description": ""}, {"name": "Official GitHub repository", "url": "https://github.com/ngrx/platform", "description": "Reactive State for Angular."}, {"name": "ngrx-course", "url": "https://github.com/angular-university/ngrx-course", "description": "Angular University Complete Guide."}, {"name": "ngrx-store-localstorage", "url": "https://github.com/btroncone/ngrx-store-localstorage", "description": "Simple syncing between `@ngrx/store` and local storage."}, {"name": "ngrx-toolkit", "url": "https://github.com/angular-architects/ngrx-toolkit", "description": "Various Extensions for the NgRx Signal Store."}, {"name": "ngrx-traits", "url": "https://github.com/gabrielguerrero/ngrx-traits", "description": "NgRx Traits is a library to help you compose and reuse a set NGRX actions, selectors, effects, and reducers across your app."}, {"name": "ngrx-addons", "url": "https://github.com/Michsior14/ngrx-addons", "description": "A collection of NgRx addons, including state persistence."}, {"name": "ngrx-store-storagesync", "url": "https://github.com/larscom/ngrx-store-storagesync", "description": "Highly configurable state sync library between localStorage/sessionStorage and `@ngrx/store`."}, {"name": "ngrx-wieder", "url": "https://github.com/nilsmehlhorn/ngrx-wieder", "description": "Lightweight undo-redo for Angular with NgRx & Immer.js."}, {"name": "ngrx-immer", "url": "https://github.com/timdeschryver/ngrx-immer", "description": "Immer wrappers around NgRx methods createReducer, on, and ComponentStore."}, {"name": "ngrx-rtk-query", "url": "https://github.com/SaulMoro/ngrx-rtk-query", "description": "Make RTK Query with Hooks works in Angular Applications."}, {"name": "angular-ngrx-nx-realworld-example-app", "url": "https://github.com/stefanoslig/angular-ngrx-nx-realworld-example-app", "description": "Real world application built with Angular 17, NgRx 17, & Nx 17."}, {"name": "ngx-view-state", "url": "https://github.com/yurakhomitsky/ngx-view-state", "description": "Library for handling Loading/Success/Error in NgRx."}, {"name": "store-service", "url": "https://github.com/ngxp/store-service", "description": "Adds an abstraction layer / facade between Angular components and the NgRx store."}, {"name": "ngx-signal-store-query", "url": "https://github.com/k3nsei/ngx-signal-store-query", "description": "Signal Store feature that bridges with [Angular Query](https://tanstack.com/query/latest/docs/framework/angular/overview)."}, {"name": "SmartNgRX", "url": "https://github.com/DaveMBush/SmartNgRX", "description": "A library that simplifies CRUD operations by abstracting NgRx, while still leveraging and supporting existing NgRx code."}, {"name": "ngrx-hateoas", "url": "https://github.com/angular-architects/ngrx-hateoas", "description": "A library to bring hypermedia json into the NgRx Signal Store following the HATEOAS approach."}, {"name": "ngrx-http-tracking", "url": "https://github.com/acandylevey/ngrx-http-tracking", "description": "This NgRx library integrates with existing stores to reduce boilerplate and simplify handling HTTP request states like loading, success, and error."}, {"name": "ngrx-manager", "url": "https://github.com/smoosee/ngrx-manager", "description": "Plug-N-Play State Manager for NgRx stores."}, {"name": "ngrx-set", "url": "https://github.com/parloti/ngrx-set", "description": "This simplifies the creation of actions for asynchronous requests that can succeed, fail, or be aborted."}, {"name": "easy-ngrx-distinct-selector", "url": "https://github.com/NGneers/easy-ngrx-distinct-selector", "description": "Provides functions to easily create `@ngrx/store` selectors with equal functions for arguments and result values."}, {"name": "ngrx-store-wrapper", "url": "https://github.com/himanshuarora111/ngrx-store-wrapper", "description": "A lightweight Angular library for managing NgRx state without manual actions, reducers, or effects, with built-in session and local storage support."}, {"name": "ngx-rehydrate", "url": "https://github.com/solidexpert-ltd/ngx-rehydrate", "description": "NgRx state rehydration library for Angular SSR applications."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 NGXS", "entries": [{"name": "Official website", "url": "https://www.ngxs.io/", "description": ""}, {"name": "Official GitHub repository", "url": "https://github.com/ngxs/store", "description": "NGXS aims to simplify state management with minimal boilerplate and maintenance."}, {"name": "actions-executing", "url": "https://github.com/ngxs-labs/actions-executing", "description": "This plugin allows you to easily know if an action is being executed and control UI elements or control flow of your code to execute."}, {"name": "emitter", "url": "https://github.com/ngxs-labs/emitter", "description": "New pattern that provides the opportunity to feel free from actions."}, {"name": "firestore-plugin", "url": "https://github.com/ngxs-labs/firestore-plugin", "description": "Firestore plugin for NGXS."}, {"name": "ngxs-message-plugin", "url": "https://github.com/Andreas-Hjortland/ngxs-message-plugin", "description": "An NGXS plugin which allows you to share state between different browser contexts."}, {"name": "ngxs-postmessage-plugin", "url": "https://github.com/nelsongraa8/ngxs-postmessage-plugin", "description": "NGXS plugin for state synchronization across windows or microfrontends using `postMessage`."}, {"name": "ngxs-reset-plugin", "url": "https://github.com/ng-turkey/ngxs-reset-plugin", "description": "Reset plugin for NGXS: Effortlessly clears, resets, or overwrites NGXS states respecting the state tree."}, {"name": "ngxs-synchronizers", "url": "https://github.com/lVlyke/ngxs-synchronizers", "description": "Simplifies synchronizing your NGXS-based application state with external data sources."}, {"name": "select-snapshot", "url": "https://github.com/ngxs-labs/select-snapshot", "description": "Flexibile decorator that allows to get a snapshot of the state."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Other State Libraries", "entries": [{"name": "elf", "url": "https://github.com/ngneat/elf", "description": "A reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it."}, {"name": "ng-simple-state", "url": "https://github.com/nigrosimone/ng-simple-state", "description": "Simple state management in Angular with only Services and RxJS."}, {"name": "exome", "url": "https://github.com/Marcisbee/exome", "description": "Simple proxy based state manager for deeply nested states, works with Angular Signals and RxJS."}, {"name": "query", "url": "https://github.com/TanStack/query", "description": "Powerful asynchronous state management, server-state utilities and data fetching for the web."}, {"name": "state-adapt", "url": "https://github.com/state-adapt/state-adapt", "description": "Declarative, incremental state management library."}, {"name": "ngx-signal-state", "url": "https://github.com/simplifiedcourses/ngx-signal-state", "description": "Opinionated simple state management for Angular."}, {"name": "mini-rx-store", "url": "https://github.com/spierala/mini-rx-store", "description": "MiniRx is the reactive state management platform."}, {"name": "ngx-collection", "url": "https://github.com/e-oz/ngx-collection", "description": "Collection State Management Service for Angular."}, {"name": "xstate", "url": "https://github.com/statelyai/xstate", "description": "Actor-based state management & orchestration for complex app logic."}, {"name": "signalstory", "url": "https://github.com/zuriscript/signalstory", "description": "A state management library built on Angular signals, supporting simple repositories, decoupled commands, side effects, and inter-store communication via event-driven architecture."}, {"name": "ngx-sherlock", "url": "https://github.com/politie/ngx-sherlock", "description": "An Angular tooling library to be used with the [@politie/sherlock](https://github.com/politie/sherlock) distributed reactive state management library."}, {"name": "tansu", "url": "https://github.com/AmadeusITGroup/tansu", "description": "A lightweight, push-based state management library. It works well with [the Angular ecosystem](https://amadeusitgroup.github.io/tansu/#md:tansu-works-well-with-the-angular-ecosystem)."}, {"name": "@tethys/store", "url": "https://github.com/worktile/store", "description": "A mini, yet powerful state management library for Angular."}, {"name": "angular-redux", "url": "https://github.com/reduxjs/angular-redux", "description": "Unofficial Angular bindings for [Redux](https://redux.js.org/)."}, {"name": "ng", "url": "https://github.com/bitfiber/ng", "description": "An Angular extension of [@bitfiber/rx](https://github.com/bitfiber/rx) for managing reactive state, workflows, and events with RxJS."}, {"name": "ngx-crud", "url": "https://github.com/henryruhs/ngx-crud", "description": "CRUD services in Angular with effortless aborting, caching and observing."}, {"name": "ngx-state-machine", "url": "https://github.com/state-management/ngx-state-machine", "description": "An Angular wrapper for the [simple-state-machine](https://www.npmjs.com/package/@state-management/simple-state-machine) library. It integrates the state machine into Angular applications by making the `StateMachine` injectable as a service."}, {"name": "@ng-state/store", "url": "https://github.com/ng-state/store", "description": "RxJS and Immer (or ImmutableJs) powered nested state management for Angular applications inspired by NgRx."}, {"name": "ng-simple-state-management", "url": "https://github.com/LionMarc/ng-simple-state-management", "description": "Simple state management implementation for Angular applications."}, {"name": "ngx-statewise", "url": "https://github.com/Pierre-MarieMarchio/ngx-statewise", "description": "A simiplifed state management alternative to NgRx or NGXS."}, {"name": "fsm-state-manager", "url": "https://github.com/NikitaTopchii/fsm-state-manager", "description": "A simple, flexible and strongly-typed finite state machine manager for managing state transitions in Angular or any TypeScript-based application."}, {"name": "signaltree", "url": "https://github.com/JBorgia/signaltree", "description": "A powerful, type-safe, modular signal-based state management solution for Angular applications."}, {"name": "ngx-simple-signal-store", "url": "https://github.com/adamcsk1/ngx-simple-signal-store", "description": "A simple way to create signal stores with a read-only interface."}, {"name": "angulator", "url": "https://github.com/angulator-dev/angulator", "description": "A lightweight Angular [mediator](https://refactoring.guru/design-patterns/mediator) library, designed to simplify communication between different parts of your application using a request/response and notification/handler pattern."}, {"name": "ngx-query", "url": "https://github.com/CoreSyncHub/ngx-query", "description": "A lightweight, observable-based query library that helps you manage server state, caching, and synchronization between your backend and UI."}, {"name": "@tanstack/angular-db", "url": "https://github.com/TanStack/db/tree/main/packages/angular-db", "description": "Angular hooks for TanStack DB, a reactive client store that lets you build fast, sync\u2011driven apps with a backend\u2011agnostic real\u2011time data layer."}, {"name": "usm", "url": "https://github.com/unadlib/usm", "description": "A modular state management library compatible with Angular."}, {"name": "ngx-mxstore", "url": "https://github.com/MaxxtonGroup/ngx-mxstore", "description": "Simplifies state management by moving logic into pure, testable methods and connecting components to the store via decorators."}, {"name": "ngx-stashr", "url": "https://github.com/nulzo/ngx-stashr", "description": "A lightweight, signal-driven state management library for Angular\u202f21, inspired by React\u2019s [Zustand](https://github.com/pmndrs/zustand)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 E2E", "entries": [{"name": "Cypress", "url": "https://www.cypress.io/", "description": "End to End and Component Testing for Angular."}, {"name": "cypress-harness", "url": "https://github.com/jscutlery/devkit/tree/main/packages/cypress-harness", "description": "This library provides Cypress support to Component Test Harnesses."}, {"name": "cypress-angular-commands", "url": "https://github.com/MohamedSci/cypress-angular-commands", "description": "A production-ready collection of reusable Cypress custom commands for modern Angular enterprise and ERP applications."}, {"name": "lib-e2e-cypress-for-dummys", "url": "https://github.com/GonzaloCarmenado/lib-e2e-cypress-for-dummys", "description": "An Angular library that automatically records the Cypress commands needed to test your application while you browse and use the interface."}, {"name": "testcafe", "url": "https://testcafe.io/", "description": "A user-friendly end-to-end testing solution."}, {"name": "webdriverio", "url": "https://github.com/webdriverio/webdriverio", "description": "Next-gen browser and mobile automation test framework for Node.js."}, {"name": "Puppeteer Angular Schematic", "url": "https://pptr.dev/guides/ng-schematics/#getting-started", "description": "Adds [Puppeteer-based](https://github.com/puppeteer/puppeteer) e2e tests to your Angular project."}, {"name": "ngx-playwright", "url": "https://github.com/bgotink/ngx-playwright", "description": "Tools to run Playwright e2e tests in an Angular workspace."}, {"name": "playwright-ng-schematics", "url": "https://github.com/playwright-community/playwright-ng-schematics", "description": "Adds Playwright Test to your Angular project."}, {"name": "playwright-coverage", "url": "https://github.com/bgotink/playwright-coverage", "description": "Report coverage on Playwright tests using v8 coverage, without requiring any instrumentation."}, {"name": "Cypress to Playwright", "url": "https://www.cy2pw.com/", "description": "A curated collection of resources that can help you to migrate your test suite from Cypress to Playwright."}, {"name": "Playwright Chrome Recorder", "url": "https://chromewebstore.google.com/detail/playwright-chrome-recorde/bfnbgoehgplaehdceponclakmhlgjlpd", "description": "Export Chromium recorder tab data to Playwright tests. This gives you a nice starting point that you can refine to modern Playwright."}, {"name": "playwright-mcp", "url": "https://github.com/microsoft/playwright-mcp", "description": "A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Component", "entries": [{"name": "Angular Testing Library", "url": "https://testing-library.com/docs/angular-testing-library/intro/", "description": "Extends DOM Testing Library by introducing APIs tailored for testing Angular components."}, {"name": "@jscutlery/playwright-ct-angular", "url": "https://github.com/jscutlery/devkit/tree/main/packages/playwright-ct-angular", "description": "Playwright Angular component testing."}, {"name": "ngx-speculoos", "url": "https://github.com/Ninja-Squad/ngx-speculoos", "description": "Simpler, cleaner Angular unit tests."}, {"name": "angular-unit-test-helper", "url": "https://github.com/duluca/angular-unit-test-helper", "description": "Helper functions to help write unit tests in Angular using mocks and spies."}, {"name": "nightwatch-plugin-angular", "url": "https://github.com/nightwatchjs/nightwatch-plugin-angular", "description": "Official [Nightwatch](https://nightwatchjs.org/) plugin which adds component testing support for Angular apps. It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+."}, {"name": "Meticulous AI", "url": "https://www.meticulous.ai/", "description": "Cover the 1000s of edge cases of your application - without writing or maintaining a single test."}, {"name": "Jasmine", "url": "https://jasmine.github.io/", "description": "Simple JavaScript testing."}, {"name": "karma-image-snapshot", "url": "https://github.com/maksimr/karma-image-snapshot", "description": "Karma Jasmine matcher that performs image comparisons based on [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot) for visual regression testing."}, {"name": "docker-ng-cli-karma", "url": "https://github.com/trion-development/docker-ng-cli-karma", "description": "Angular Docker image capable of running Karma with Chrome."}, {"name": "angular-testing-kit", "url": "https://github.com/lazycuh/angular-testing-kit", "description": "A set of convenient utilities to make Angular testing with Jasmine and Karma simpler."}, {"name": "Jest", "url": "https://jestjs.io/", "description": "A delightful JavaScript testing framework with a focus on simplicity."}, {"name": "jest-preset-angular", "url": "https://github.com/thymikee/jest-preset-angular", "description": "Jest configuration preset for Angular projects."}, {"name": "jest-preview", "url": "https://github.com/nvh95/jest-preview", "description": "Debug your Jest tests. Effortlessly."}, {"name": "jest-marbles", "url": "https://github.com/just-jeb/jest-marbles", "description": "Helpers library for marbles testing with Jest."}, {"name": "jest-codemods", "url": "https://github.com/skovhus/jest-codemods", "description": "Codemods for migrating to Jest."}, {"name": "ts-jest", "url": "https://github.com/kulshekhar/ts-jest", "description": "A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript."}, {"name": "Vitest", "url": "https://vitest.dev/", "description": "A Vite-native testing framework."}, {"name": "Early AI", "url": "https://www.startearly.ai/", "description": "Save time, enhance code coverage, and ensure quality with Early's automatically generated, verified, and validated unit tests. Works with Jest and Vitest."}, {"name": "swc-angular", "url": "https://github.com/jscutlery/devkit/tree/main/packages/swc-angular", "description": "This is a set of Angular presets that enable you to use SWC (Speedy Web Compiler) with Jest or Vitest."}, {"name": "swc-angular-plugin", "url": "https://github.com/jscutlery/devkit/tree/main/packages/swc-angular-plugin", "description": "SWC (Speedy Web Compiler) is a lightning-fast JavaScript/TypeScript compiler, but it doesn't support Angular so you need this plugin."}, {"name": "wdio-harness", "url": "https://github.com/badisi/wdio-harness", "description": "WebdriverIO support for Angular component test harnesses."}, {"name": "testronaut", "url": "https://github.com/testronaut/testronaut", "description": "By removing mocks and guesswork, [Testronaut](https://testronaut.github.io/testronaut/) enables developers to visually inspect output and write precise tests with Playwright\u2019s robust API."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Guides", "entries": [{"name": "Testing Angular \u2013 A Guide to Robust Angular Applications", "url": "https://testing-angular.com", "description": "A Guide to Robust Angular Applications. A free online book and e-book."}, {"name": "angular-tour-of-heroes-jest-100-coverage", "url": "https://github.com/kristiyan-velkov/angular-tour-of-heroes-jest-100-coverage", "description": "100% unit testing coverage of the popular Angular demo app - Tour of Heroes."}, {"name": "how-do-i-test", "url": "https://github.com/rainerhahnekamp/how-do-i-test", "description": "Repository representing different testing use cases for Angular and Spring."}, {"name": "Tim Deschryver Blog", "url": "https://timdeschryver.dev/blog?q=Testing", "description": "A rich source of valuable perspectives and practical tips on testing."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Helpers", "entries": [{"name": "ng-mocks", "url": "https://github.com/help-me-mom/ng-mocks", "description": "Angular testing library for mocking components, directives, pipes, services and facilitating TestBed setup."}, {"name": "ng-mocks-sandbox", "url": "https://github.com/help-me-mom/ng-mocks-sandbox", "description": "A repo with guides and examples for unit tests in Angular applications using ng-mocks."}, {"name": "Auto-create and -update tests tool", "url": "https://www.npmjs.com/package/scuri", "description": "Automate Angular unit test and boilerplate with this schematic."}, {"name": "spectacular", "url": "https://github.com/ngworker/ngworker/tree/main/packages/spectacular", "description": "Offers test harnesses for Angular applications and libraries."}, {"name": "Angular Material CDK Testing", "url": "https://material.angular.dev/cdk/testing/overview", "description": "`@angular/cdk/testing` provides infrastructure to help with testing Angular components."}, {"name": "ngx-page-object-model", "url": "https://github.com/FrancescoBorzi/ngx-page-object-model", "description": "This library streamlines the process of writing unit tests for Angular UI Components by utilizing the Page Object Model (POM) design pattern. By adopting the POM design pattern, you can create an additional layer of abstraction, effectively separating your test logic from the DOM manipulation logic."}, {"name": "ngtx", "url": "https://github.com/Centigrade/ngtx", "description": "A**ng**ular **T**esting E**x**tensions is a small set of functions that make your life easier when testing Angular components."}, {"name": "ngx-testing-tools", "url": "https://github.com/remscodes/ngx-testing-tools", "description": "Provides high-level utilities and reduces boilerplate for testing Angular applications."}, {"name": "spectator", "url": "https://github.com/ngneat/spectator", "description": "A Powerful Tool to Simplify Your Angular Tests."}, {"name": "stryker-js", "url": "https://github.com/stryker-mutator/stryker-js", "description": "Mutation testing for JavaScript and friends."}, {"name": "msw", "url": "https://github.com/mswjs/msw", "description": "Seamless REST/GraphQL API mocking library for browser and Node.js."}, {"name": "shallow-render", "url": "https://github.com/getsaf/shallow-render", "description": "Angular testing made easy with shallow rendering and easy mocking."}, {"name": "@storybookjs/testing-angular", "url": "https://github.com/storybookjs/testing-angular", "description": "Testing utilities that allow you to reuse your stories in your unit tests."}, {"name": "ngx-testbox", "url": "https://github.com/kirill-kolomin/ngx-testbox", "description": "A comprehensive testing utility library for Angular applications that simplifies test writing and improves test reliability. You will find this library useful for unit, integration, and e2e testing."}, {"name": "ng-automocks", "url": "https://github.com/MillerSvt/ng-automocks", "description": "It simplifies Angular testing by automatically generating mock components, directives, pipes, modules, and services using Jest's module mocking, eliminating the need for manual stubbing or complex workarounds."}, {"name": "jest-angular-test-verifier", "url": "https://github.com/Neizan93/jest-angular-test-verifier", "description": "Jest reporter that verifies Angular components, services, directives, and other file types have matching test files."}, {"name": "ngx-api-mocks-interceptor", "url": "https://github.com/MaloPolese/ngx-api-mocks-interceptor", "description": "A powerful Angular HTTP interceptor for mocking API responses with support for dynamic data generation, path matching, response delays, and simulated file operations."}, {"name": "testing-library-queries", "url": "https://github.com/thomasmikava/testing-library-queries", "description": "Streamlines DOM querying with a composable, chainable API, TypeScript support, CSS selector helpers, concise syntax, reusable query logic, and framework-agnostic compatibility."}, {"name": "ArchUnitTS", "url": "https://github.com/LukasNiessen/ArchUnitTS", "description": "Enforce architecture rules, detect circular dependencies, and validate code standards in JS/TS projects with easy setup and seamless test framework integration."}, {"name": "qc-auto-package", "url": "https://github.com/KareemMostafa77/qc-auto-package", "description": "Effortless, reliable test IDs for Angular \u2014 managed by testers, independent of code."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Free Templates", "entries": [{"name": "ng-matero", "url": "https://github.com/ng-matero/ng-matero", "description": "Angular Material admin dashboard template."}, {"name": "coreui-free-angular-admin-template", "url": "https://github.com/coreui/coreui-free-angular-admin-template", "description": "CoreUI Angular is free Angular admin template based on Bootstrap 5."}, {"name": "sakai-ng", "url": "https://github.com/primefaces/sakai-ng", "description": "Free Angular Admin Template by PrimeNG."}, {"name": "devextreme-angular-template", "url": "https://github.com/DevExpress/devextreme-angular-template", "description": "Responsive Application Layout Templates\u200b based on DevExtreme Angular Components."}, {"name": "QuickApp", "url": "https://github.com/emonney/QuickApp", "description": "ASP.NET Core / Angular startup project template with complete login, user and role management. Plus other useful services for Quick Application Development."}, {"name": "material-pro-angular-lite", "url": "https://github.com/wrappixel/material-pro-angular-lite", "description": "MaterialPro Angular Lite is high quality free Angular Material template / theme from WrapPixel. You can download and use for Personal as well as Commercial Projects."}, {"name": "spike-angular-free", "url": "https://github.com/wrappixel/spike-angular-free", "description": "Spike is the most powerful & comprehensive free Angular admin template based on Material Angular."}, {"name": "Flexy-admin-angular-lite", "url": "https://github.com/wrappixel/Flexy-admin-angular-lite", "description": "Flexy is the Most Powerful & Comprehensive free Angular admin template based on Material Angular."}, {"name": "angular-quickstart", "url": "https://github.com/netlify-templates/angular-quickstart", "description": "A bare-bones Angular template to get you deployed to Netlify fast!"}, {"name": "template-angular", "url": "https://github.com/phaserjs/template-angular", "description": "Phaser 3 TypeScript project template that uses the Angular framework and Vite for bundling."}, {"name": "angular-nest", "url": "https://github.com/mugifly/angular-nest", "description": "Simple web app template with Angular + NestJS + ng-openapi-gen."}, {"name": "angular-ngrx-frontend", "url": "https://github.com/tarlepp/angular-ngrx-frontend", "description": "Angular NgRx powered frontend template for Symfony (or similar) backend."}, {"name": "Threejs", "url": "https://github.com/JohnnyDevNull/ng-three-template", "description": "New Three.js starter app."}, {"name": "zen", "url": "https://github.com/ZenSoftware/zen", "description": "Nest + Prisma + Apollo + Angular Full Stack GraphQL Starter Kit."}, {"name": "Colorlib", "url": "https://colorlib.com/wp/free-angular-templates/", "description": ""}, {"name": "HTMLrev", "url": "https://htmlrev.com/free-angular-templates.html", "description": ""}, {"name": "tailkit-starter-kit-angular", "url": "https://github.com/pixelcave/tailkit-starter-kit-angular", "description": "Angular Starter Kit for using `Tailkit UI` components out of the box in your project."}, {"name": "angular-tailwind", "url": "https://github.com/lannodev/angular-tailwind", "description": "Angular & Tailwind CSS Admin Dashboard Starter Kit."}, {"name": "angular-starter-kit", "url": "https://github.com/svierk/angular-starter-kit", "description": "Angular project template with Prettier, Linter, Git-Hooks and VS Code settings."}, {"name": "fractal-boilerplate-lua-angular", "url": "https://github.com/FRACTAL-GAME-STUDIOS/fractal_boilerplate_lua_angular", "description": "Basic Angular & Lua - FiveM Boilerplate: A streamlined starter kit for web and in-game development with hot builds and utility scripts."}, {"name": "angular-sample-app", "url": "https://github.com/descope-sample-apps/angular-sample-app", "description": "A sample Angular app integrating [Descope](https://www.descope.com) with login, user dashboard, and dynamic navigation."}, {"name": "angular-and-firebase-template", "url": "https://github.com/FullStacksDev/angular-and-firebase-template", "description": "An opinionated full-stack starting point for building a web app, using Angular and Firebase."}, {"name": "berry-free-angular-admin-template", "url": "https://github.com/codedthemes/berry-free-angular-admin-template", "description": "Berry is a free Angular + Bootstrap 5 admin dashboard with customizable, feature-rich pages for optimal UX."}, {"name": "gradient-able-free-admin-template", "url": "https://github.com/codedthemes/gradient-able-free-admin-template", "description": "Gradient able free Bootstrap, Angular, React admin template."}, {"name": "mantis-free-angular-admin-template", "url": "https://github.com/codedthemes/mantis-free-angular-admin-template", "description": ""}, {"name": "datta-able-free-angular-admin-template", "url": "https://github.com/codedthemes/datta-able-free-angular-admin-template", "description": ""}, {"name": "sanity-template-angular-clean", "url": "https://github.com/sanity-io/sanity-template-angular-clean", "description": "A clean Angular SPA that gets content from [Sanity](https://www.sanity.io/)."}, {"name": "angular-templates", "url": "https://github.com/hawkgs/angular-templates", "description": "A set of Angular templates for common web apps."}, {"name": "LightNap", "url": "https://github.com/SharpLogic/LightNap", "description": "A full-stack SPA starter kit with `ASP.NET` Core Identity, JWT management, and admin identity features."}, {"name": "ngx-package-starter", "url": "https://github.com/uzenith360/ngx-package-starter", "description": "An Angular library NPM starter (or example) project to ease setup of Angular libraries as NPM packages from your GitHub repo."}, {"name": "@cristobalgvera/angular-template", "url": "https://github.com/cristobalgvera/angular-template", "description": "Project to easily start an Angular project using Server Side Rendering, Angular Material, and Tailwind CSS. It also includes development tools to easy your workflow."}, {"name": "angular-boilerplate", "url": "https://github.com/hofiorg/angular-boilerplate", "description": "A modern web app boilerplate combining Angular 18, Bootstrap, Angular Material, and NgRx with a Spring Boot REST API, featuring modular architecture and advanced ngx-datatable handling."}, {"name": "nx-starter", "url": "https://github.com/touhidrahman/nx-starter", "description": "Nx powered starter project for Angular with SpartanUI."}, {"name": "angular-material-tailwind-playwright-starter", "url": "https://github.com/adrian-taralunga/angular-material-tailwind-playwright-starter", "description": "Angular 19 with Material, Tailwind, Jest, Playwright, and NGXS."}, {"name": "Angspire", "url": "https://github.com/tbarracha/Angspire", "description": "Angular + `.NET` monorepo template with built-in auth, themes, and a scalable foundation for faster development."}, {"name": "keycloakify-starter-angular-vite", "url": "https://github.com/keycloakify/keycloakify-starter-angular-vite", "description": "Angular and Vite Starter for [Keycloakify 11](https://www.keycloakify.dev/)."}, {"name": "@rainerhahnekamp/angular-starter", "url": "https://github.com/rainerhahnekamp/angular-starter", "description": "A starter project for a modern Angular 19 application."}, {"name": "BoilerPlate-FirebaseAngular", "url": "https://github.com/Yewo-Devs/BoilerPlate-FirebaseAngular", "description": "Starting point for apps built using `.NET`, Angular, and Firebase."}, {"name": "extreme-angular", "url": "https://github.com/joematthews/extreme-angular", "description": "A starter template with pre-configured dev tools that enforce best practices for creating clean, maintainable, and accessible web apps."}, {"name": "@wlucha/angular-starter", "url": "https://github.com/wlucha/angular-starter", "description": "Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material, & Prettier."}, {"name": "angular-clean-architecture", "url": "https://github.com/carlossalasamper/angular-clean-architecture", "description": "An Angular scaffold with a clean architecture that is easy to understand."}, {"name": "dataclouder-template-angular", "url": "https://github.com/dataclouder-dev/dataclouder-template-angular", "description": "A ready-to-use Angular/Ionic template with Firebase Authentication integration."}, {"name": "angular-tailwind-e-commerce-template", "url": "https://github.com/Kei-K23/angular-tailwind-e-commerce-template", "description": "A responsive Angular + Tailwind CSS e-commerce template with sleek, customizable design for minimalist online shops."}, {"name": "ngx-lib-starter-kit", "url": "https://github.com/r3zafa/ngx-lib-starter-kit", "description": "An Angular library boilerplate with pre-configured structure for scalable, maintainable development."}, {"name": "tailwind-angular-starter", "url": "https://github.com/themesberg/tailwind-angular-starter", "description": "Free and open-source starter project to help you get started with Angular, Tailwind CSS, and the [Flowbite UI components](https://github.com/themesberg/flowbite-angular)."}, {"name": "ngx-app-starter-kit", "url": "https://github.com/r3zafa/ngx-app-starter-kit", "description": "A modern Angular 18+ starter kit with Docker, devcontainer, and Angular Material integration for rapid, scalable web app development."}, {"name": "signal-admin", "url": "https://github.com/codebangla/signal-admin", "description": "A modern admin panel built with Angular 20, Angular Material, and Tailwind CSS. Features a responsive design with collapsible sidebar, user management, forms, and UI components."}, {"name": "ngXpress", "url": "https://github.com/angularcafe/ngXpress", "description": "The Full-Stack Angular Starter Kit (SSR, Zoneless, Express 5, Prisma, better-auth, Tailwind CSS 4)."}, {"name": "spartan-stack-starter", "url": "https://github.com/thatsamsonkid/spartan-stack-starter", "description": "An Opinionated Template Project Starter using Spartan Stack."}, {"name": "jet", "url": "https://github.com/karmasakshi/jet", "description": "Angular starter-kit for building quality web apps fast."}, {"name": "serene", "url": "https://github.com/ClaudioAlcantaraR/serene", "description": "A modern starter-kit for full-stack web development using Spring Boot and Angular. Inspired by Laravel Breeze, it provides a clean, secure, and minimalist foundation."}, {"name": "free-angular-tailwind-dashboard", "url": "https://github.com/TailAdmin/free-angular-tailwind-dashboard", "description": "Free, open-source Angular + Tailwind CSS admin dashboard with essential UI components and pre-built pages for a sleek, modern interface."}, {"name": "hanko-angular-express-starter", "url": "https://github.com/teamhanko/hanko-angular-express-starter", "description": "Starter integrating Hanko authentication with Angular and Express."}, {"name": "ng-ultimate-base", "url": "https://github.com/Beszt/ng-ultimate-base", "description": "Angular 20 template with Angular Material UI, Tailwind CSS, i18n, ESLint, Prettier, Husky, and CI/CD."}, {"name": "angular-dev-enhanced", "url": "https://github.com/nelsongraa8/angular-dev-enhanced", "description": "A ready-to-use Angular starter with Vite, Vitest, ESLint, and Prettier\u2014perfect for clean, modern development."}, {"name": "angular-realworld-example-app", "url": "https://github.com/gothinkster/angular-realworld-example-app", "description": "Angular codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API."}, {"name": "angular.ng", "url": "https://github.com/desoga10/angular.ng", "description": "An open-source productivity dashboard built with Angular and Supabase."}, {"name": "angluar-crm", "url": "https://github.com/minhpham-mew/angluar-crm", "description": "Angular CRM template with contact management, deal tracking, and analytics."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Paid Templates", "entries": [{"name": "Admin Mart", "url": "https://adminmart.com/templates/angular-dashboard/", "description": ""}, {"name": "Angular-Templates", "url": "https://angular-templates.io/", "description": ""}, {"name": "NgFast", "url": "https://ngfast.com/", "description": "The Angular boilerplate for building SaaS, landing pages, and web apps fast\u2014turning your ideas into income."}, {"name": "Nzoni", "url": "https://nzoni.app/", "description": "Launch your SAAS in days with Angular."}, {"name": "Theme Forest", "url": "https://themeforest.net/search/angular", "description": ""}, {"name": "Vortex", "url": "https://template.giacomobellazzi.com/", "description": "A high-performance web application template built with Angular and Java, designed to deliver seamless user experiences and powerful backend solutions."}, {"name": "Wrap Pixel", "url": "https://www.wrappixel.com/templates/category/angular-templates/", "description": ""}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Animations", "entries": [{"name": "tsparticles", "url": "https://github.com/tsparticles/angular/#readme", "description": "A component to easily add Particles animations to your Angular application."}, {"name": "ngx-confetti-explosion", "url": "https://github.com/ChellappanRajan/ngx-confetti-explosion", "description": "Confetti in Angular."}, {"name": "ngx-lottie", "url": "https://github.com/ngx-lottie/ngx-lottie", "description": "Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+."}, {"name": "angular-animations-explorer", "url": "https://github.com/williamjuan027/angular-animations-explorer", "description": "A resource to showcase the different animations that you could do with Angular."}, {"name": "ngx-notation-reveal", "url": "https://github.com/namitoyokota/ngx-notation-reveal", "description": "Angular component to add rough notation animation when element is visible."}, {"name": "ngx-typed2", "url": "https://github.com/shiv-source/ngx-typed2", "description": "An Angular Typing Animation Library."}, {"name": "ngx-count-animation", "url": "https://github.com/hm21/ngx-count-animation", "description": "A package that elegantly animates number changes, creating a visually engaging transition from one value to another, perfect for counting or displaying real-time data updates."}, {"name": "ng-auto-animate", "url": "https://github.com/ajitzero/ng-auto-animate", "description": "Angular Directive (library) for FormKit's [Auto Animate](https://auto-animate.formkit.com)."}, {"name": "layout-projection", "url": "https://github.com/Char2sGu/layout-projection", "description": "Beautify the Web with awesome layout animations."}, {"name": "ngx-easy-view-transitions", "url": "https://github.com/DerStimmler/ngx-easy-view-transitions", "description": "Angular library for easier use of the View Transitions API."}, {"name": "ngx-typed-writer", "url": "https://github.com/SkyZeroZx/ngx-typed-writer", "description": "A Native Angular 2+ Typing Animation Library (Angular SSR and Angular Universal Friendly)."}, {"name": "ngx-number-ticker", "url": "https://github.com/omnedia/ngx-number-ticker", "description": "A simple number ticker effect to animate counting."}, {"name": "ngx-word-rotation", "url": "https://github.com/omnedia/ngx-word-rotation", "description": "An Angular library designed to facilitate word rotation animations within Angular applications."}, {"name": "ngx-word-morph", "url": "https://github.com/omnedia/ngx-word-morph", "description": "An Angular library designed to facilitate word morphing animations within Angular applications."}, {"name": "ngx-cryptic-text", "url": "https://github.com/omnedia/ngx-cryptic-text", "description": "An Angular library that provides a cryptic text animation effect. The component animates text by randomly switching letters until the correct characters appear."}, {"name": "ngx-word-pullup", "url": "https://github.com/omnedia/ngx-word-pullup", "description": "An Angular library that provides a smooth pull-up animation effect for words. This component is designed to sequentially pull up and reveal words with a customizable delay."}, {"name": "ngx-typewriter", "url": "https://github.com/omnedia/ngx-typewriter", "description": "A lightweight and easy-to-use library for creating typewriter effects. It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations."}, {"name": "ngx-gradient-text", "url": "https://github.com/omnedia/ngx-gradient-text", "description": "An Angular library for smooth, animated text gradients with customizable color transitions."}, {"name": "ngx-shiny-text", "url": "https://github.com/omnedia/ngx-shiny-text", "description": "An Angular library that provides a shimmering text animation effect."}, {"name": "ngx-ripple", "url": "https://github.com/omnedia/ngx-ripple", "description": "A customizable ripple effect component for interactive, engaging backgrounds or containers."}, {"name": "ngx-shine-border", "url": "https://github.com/omnedia/ngx-shine-border", "description": "An Angular library that provides a dynamic and customizable animated border effect for Angular components."}, {"name": "ngx-border-beam", "url": "https://github.com/omnedia/ngx-border-beam", "description": "This component allows you to create a glowing, animated border that can be customized in terms of colors, border radius, and animation duration."}, {"name": "ngx-dotpattern", "url": "https://github.com/omnedia/ngx-dotpattern", "description": "An Angular library that provides a customizable dot pattern background effect for your Angular components."}, {"name": "ngx-meteors", "url": "https://github.com/omnedia/ngx-meteors", "description": "An Angular library that adds a mesmerizing meteor shower animation effect to your components."}, {"name": "ngx-background-beams", "url": "https://github.com/omnedia/ngx-background-beams", "description": "An Angular component that generates dynamic animated background beams with customizable gradients and motion paths."}, {"name": "ngx-aurora", "url": "https://github.com/omnedia/ngx-aurora", "description": "An Angular library that creates a mesmerizing aurora background effect. This component provides an animated, gradient-based light effect with customizable inversion and two different animation styles."}, {"name": "ngx-particles", "url": "https://github.com/omnedia/ngx-particles", "description": "An Angular library for interactive particle animations that respond to mouse movements, creating customizable backgrounds."}, {"name": "ngx-spotlight", "url": "https://github.com/omnedia/ngx-spotlight", "description": "An Angular library for SVG spotlight effects that highlight page sections with customizable colors and animations."}, {"name": "ngx-starry-sky", "url": "https://github.com/omnedia/ngx-starry-sky", "description": "An Angular library that creates a beautiful starry sky background with optional shooting star effects."}, {"name": "ngx-connection-beam", "url": "https://github.com/omnedia/ngx-connection-beam", "description": "An Angular component that dynamically renders animated connection lines between two elements."}, {"name": "ngx-countUp", "url": "https://github.com/inorganik/ngx-countUp", "description": "Animates a numerical value by counting to it."}, {"name": "ngx-animated-counter", "url": "https://github.com/BugSplat-Git/ngx-animated-counter", "description": "BugSplat's library provides simple count up and count down number animations."}, {"name": "ngx-dom-confetti", "url": "https://github.com/damingerdai/ngx-dom-confetti", "description": "Celebrate success with dom confetti on Angular projects!"}, {"name": "ngx-dotlottie-web", "url": "https://github.com/victor-enogwe/ngx-dotlottie-web", "description": "Angular JavaScript library for rendering Lottie and dotLottie animations in Node.js and web environments."}, {"name": "afnaan-ngx-custom-cursor", "url": "https://github.com/afnaanulla/AfnaanNgx-cusotm-cursor", "description": "A customizable animated cursor for Angular applications. Enhance user experience with a stylish and interactive cursor effect."}, {"name": "@ramiz4/typing-text", "url": "https://www.npmjs.com/package/@ramiz4/typing-text", "description": "Angular directive for animated typing effects \u2014 smooth, customizable, and standalone."}, {"name": "ngx-gsap", "url": "https://github.com/marcos-velasquez/ngx-gsap", "description": "A lightweight, customizable Angular animation library powered by GSAP that's declarative and easy to use."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Calendars", "entries": [{"name": "angular-calendar", "url": "https://github.com/mattlewis92/angular-calendar", "description": "A flexible calendar component for Angular 15+ that can display events on a month, week, or day view."}, {"name": "angular-calendar-timeline", "url": "https://github.com/oOps1627/angular-calendar-timeline", "description": "A timeline for Angular 13+ that shows tasks or events on a timeline in different modes: days, weeks, and months. This library is pretty small and DOESN'T use big dependencies like JQuery or Moment.js. Library also supports SSR."}, {"name": "@pyas/connect-angular", "url": "https://www.npmjs.com/package/@pyas/connect-angular", "description": "A plugin wrapper around the [Pyas Connect](https://github.com/brutforce-tech/pyas-connect) Web Component, exposing PyasConnect as a first-class Angular component."}, {"name": "daypilot-lite-angular", "url": "https://www.npmjs.com/package/@daypilot/daypilot-lite-angular", "description": "Angular version of JavaScript/HTML5 event calendar/scheduler components that can display day/week/month calendar views."}, {"name": "fullcalendar-angular", "url": "https://github.com/fullcalendar/fullcalendar-angular", "description": "The official Angular component for FullCalendar."}, {"name": "ngx-calendario", "url": "https://github.com/roquemacia/ngx-calendario", "description": "An Angular library for displaying customizable calendars with event support."}, {"name": "ngx-calendar-view", "url": "https://github.com/charlesschaefer/ngx-calendar-view/tree/main/projects/ngx-calendar-view", "description": "A responsive Angular calendar component library with day/week/month views, drag-and-drop events, mobile swipe support, and built-in dark mode."}, {"name": "ngx-calendar-widget", "url": "https://github.com/giacomo/ngx-calendar-widget", "description": "A lightweight, customizable, and feature-rich calendar widget designed to simplify event management and scheduling in your Angular applications."}, {"name": "ngx-resource-calendar", "url": "https://github.com/by-pinja/ngx-resource-calendar", "description": "Angular resource calendar library."}, {"name": "ngx-strip-calendar", "url": "https://github.com/codingchefss/ngx-strip-calendar", "description": "Strip calendar component for Angular 17+."}, {"name": "schedule-x", "url": "https://github.com/schedule-x/schedule-x", "description": "Material design event calendar."}, {"name": "timegrid-angular", "url": "https://www.npmjs.com/package/@hexaflexa/timegrid-angular", "description": "Angular wrapper for the [HexaFlexa](https://hexaflexa.com/) Timegrid web component."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Captcha", "entries": [{"name": "altcha", "url": "https://github.com/altcha-org/altcha", "description": "GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism and advanced anti-spam filter."}, {"name": "angular-yandex-smart-captcha", "url": "https://github.com/flowXM/angular-yandex-smart-captcha", "description": "This library adds the Yandex SmartCaptcha component to your Angular application, providing an easy way to integrate CAPTCHA protection into your forms and other user interactions."}, {"name": "go-captcha-angular", "url": "https://github.com/wenlng/go-captcha-angular", "description": "A simple, easy-to-use, interactive, and secure behavioral verification code that implements verification modes such as text/graphic clicking, sliding/dragging, and rotation."}, {"name": "ng-cloudflare-turnstile", "url": "https://github.com/pangz-lab/ng-cloudflare-turnstile", "description": "An intuitive, lightweight and easy to integrate [Cloudflare turnstile](https://developers.cloudflare.com/turnstile/) component for Angular."}, {"name": "ng-hcaptcha", "url": "https://github.com/leNicDev/ng-hcaptcha", "description": "Provides an easy to use component for [hCaptcha](https://hcaptcha.com/)."}, {"name": "ng-recaptcha-2", "url": "https://github.com/LakhveerChahal/ng-recaptcha-2", "description": "Angular 18 fork of [ng-recaptcha](https://github.com/DethAriel/ng-recaptcha). Alternatively, you create your own service that implements Google's reCAPTCHA with the help of this [article](https://ben-5.azurewebsites.net/2024/9/5/google-recaptcha-v3-with-angular/#google_vignette)."}, {"name": "ngx-captcha", "url": "https://github.com/Enngage/ngx-captcha", "description": "reCaptcha components for Angular."}, {"name": "ngx-captcha-kit", "url": "https://github.com/edward124689/ngx-captcha-kit", "description": "This kit simplifies CAPTCHA implementation with a single component and service, ensuring compatibility with Angular 20+ features like Signals and zoneless change detection."}, {"name": "ngx-dice-captcha", "url": "https://github.com/Easy-Cloud-in/ngx-dice-captcha", "description": "A dynamic 3D CAPTCHA library featuring dice-based interaction and lifelike physics powered by Three.js and Cannon-es."}, {"name": "ngx-easy-captcha", "url": "https://github.com/angx-libs/ngx-easy-captcha", "description": "Easy captcha implementation for both Google Recaptcha and Cloudflare Turnstile."}, {"name": "ngx-numeric-captcha", "url": "https://github.com/ShreyashThorat-17/ngx-numeric-captcha", "description": "A modern, lightweight Angular CAPTCHA library featuring multiple verification challenges."}, {"name": "ngx-turnstile", "url": "https://github.com/verto-health/ngx-turnstile", "description": "Cloudflare Turnstile for Angular."}, {"name": "ngx-slider-recaptcha", "url": "https://github.com/mrzinkowin/ngx-slider-recaptcha", "description": "Customizable Angular library that provides a slider-based CAPTCHA component to help secure forms from spam and bot submissions."}, {"name": "@semantic-components/re-captcha", "url": "https://github.com/khalilou88/semantic-components/tree/main/libs/re-captcha", "description": "Angular 19+ integration of Google's reCAPTCHA using **signal inputs** and **standalone components**."}, {"name": "trustcaptcha-angular", "url": "https://www.npmjs.com/package/@trustcomponent/trustcaptcha-angular", "description": "This library helps you [integrate](https://docs.trustcaptcha.com/en/frontend/integration?frontend=angular) [Trustcaptcha](https://www.trustcaptcha.com/en) into your Angular frontend applications."}, {"name": "yandex-smart-captcha", "url": "https://github.com/ngx-rock/yandex-smart-captcha", "description": "An Angular library for integrating [Yandex SmartCaptcha](https://yandex.cloud/en/services/smartcaptcha) with support for standard/invisible captchas, reactive forms, and modern signals/effects."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Carousels", "entries": [{"name": "ngu-carousel", "url": "https://github.com/uiuniversal/ngu-carousel", "description": "Angular Universal carousel."}, {"name": "ngx-slider", "url": "https://github.com/angular-slider/ngx-slider", "description": "Self-contained, mobile friendly slider component for Angular based on [angularjs-slider](https://github.com/angular-slider/angularjs-slider)."}, {"name": "@MurhafSousli/ngx-gallery", "url": "https://github.com/MurhafSousli/ngx-gallery", "description": "Angular Gallery, Carousel and Lightbox."}, {"name": "ng-image-slider", "url": "https://github.com/sanjayV/ng-image-slider", "description": "Angular Image Slider with Lightbox."}, {"name": "ngx-slick-carousel", "url": "https://github.com/leo6104/ngx-slick-carousel", "description": "Angular 17+ wrapper for slick plugin."}, {"name": "ngx-splide", "url": "https://github.com/JustCommunication-ru/ngx-splide", "description": "Splide.js integration to Angular."}, {"name": "ngx-owl-carousel-o", "url": "https://github.com/vitalii-andriiovskyi/ngx-owl-carousel-o", "description": "`owl-carousel` for Angular >=6."}, {"name": "angular2-image-gallery", "url": "https://github.com/BenjaminBrandmeier/angular2-image-gallery", "description": "Image Gallery built with Angular 17+, Node.js and GraphicsMagick."}, {"name": "egjs-flicking", "url": "https://naver.github.io/egjs-flicking/docs/quick-start", "description": "Flicking Angular Quick Start."}, {"name": "ngx-drag-scroll", "url": "https://github.com/bfwg/ngx-drag-scroll", "description": "A lightweight responsive Angular carousel library."}, {"name": "ngx-darkbox-gallery-library", "url": "https://github.com/failed-successfully/ngx-darkbox-gallery-library", "description": "A highly configurable lightbox themed gallery library for Angular applications using the Ivy engine (Angular 15+)."}, {"name": "slidecontent-angular", "url": "https://github.com/criar-art/slidecontent-angular", "description": "A simple content slide developed in Angular with navigation buttons and transition animations."}, {"name": "ngx-hm-carousel", "url": "https://github.com/ZouYouShun/ngx-hm-carousel", "description": "A light carousel for Angular 18+, supports mobile touch with [HammerJs](https://hammerjs.github.io/)."}, {"name": "ngx-stories", "url": "https://github.com/Gauravdarkslayer/ngx-stories", "description": "An Angular component to render Instagram like stories."}, {"name": "carousel-library", "url": "https://github.com/GreenFlag31/carousel-library", "description": "A versatile Angular library providing a feature-rich, simple, and performant carousel component."}, {"name": "ngx-simple-gallery", "url": "https://github.com/zolcsi/ngx-simple-gallery", "description": "A lightweight gallery library for Angular 18 that presents all images as thumbnails, expanding them to full size upon clicking or tapping."}, {"name": "@daelmaak/ngx-gallery", "url": "https://github.com/daelmaak/ngx-gallery", "description": "Small, performant, responsive, dependency free, easy to use Angular 8+ gallery."}, {"name": "embla-carousel-angular", "url": "https://github.com/donaldxdonald/embla-carousel-angular", "description": "Angular wrapper for [Embla Carousel](https://github.com/davidjerleke/embla-carousel)."}, {"name": "@vinlos/ngx-gallery", "url": "https://github.com/vinlos/ngx-gallery", "description": "A simple native gallery component for Angular 16+."}, {"name": "ngx-cdk-lightbox", "url": "https://github.com/miskith/ngx-cdk-lightbox/tree/master/projects/ngx-cdk-lightbox", "description": "Tailored CDK-based solution for rendering an image gallery with lightbox functionality in Angular."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Charts", "entries": [{"name": "@cubejs-client/ngx", "url": "https://www.npmjs.com/package/@cubejs-client/ngx", "description": "Along with [@cubejs-client/core](https://www.npmjs.com/package/@cubejs-client/core), you can [integrate](https://cube.dev/docs/product/apis-integrations/javascript-sdk/angular) Cube.js in Angular."}, {"name": "ngx-charts", "url": "https://github.com/swimlane/ngx-charts", "description": "Declarative Charting Framework for Angular2 and beyond!"}, {"name": "ag-charts", "url": "https://github.com/ag-grid/ag-charts/tree/latest/packages/ag-charts-angular", "description": "Fully-featured and highly customizable JavaScript charting library."}, {"name": "amcharts5", "url": "https://github.com/amcharts/amcharts5", "description": "The newest, fastest, and most advanced amCharts charting library for JavaScript and TypeScript apps. Check out the [Angular integration guide](https://www.amcharts.com/docs/v5/getting-started/integrations/angular/) to get started. Additionally, older versions are still being updated to support newer releases of Angular."}, {"name": "angular-google-charts", "url": "https://github.com/FERNman/angular-google-charts", "description": "A wrapper for the Google Charts library written in Angular."}, {"name": "carbon-charts", "url": "https://github.com/carbon-design-system/carbon-charts/tree/master/packages/angular", "description": "Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript @carbon/charts component library."}, {"name": "Foblex", "url": "https://flow.foblex.com/", "description": "Angular Powered Flow-Chart Library."}, {"name": "highcharts-angular", "url": "https://github.com/highcharts/highcharts-angular", "description": "Official minimal [Highcharts](https://www.highcharts.com/) integration for Angular."}, {"name": "ng-apexcharts", "url": "https://github.com/apexcharts/ng-apexcharts", "description": "Angular wrapper for ApexCharts to build interactive visualizations."}, {"name": "ng-chartist", "url": "https://github.com/willsoto/ng-chartist", "description": "Angular component for [Chartist.js](https://github.com/chartist-js/chartist)."}, {"name": "ng-draw-flow", "url": "https://github.com/taiga-family/ng-draw-flow", "description": "A library for creating interfaces based on displaying data as nodes."}, {"name": "ng2-charts", "url": "https://github.com/valor-software/ng2-charts", "description": "Beautiful charts for Angular2 based on Chart.js."}, {"name": "ngu-flow", "url": "https://github.com/uiuniversal/ngu-flow", "description": "Angular flow diagram library."}, {"name": "ngx-echarts", "url": "https://github.com/xieziyu/ngx-echarts", "description": "Angular directive for [Apache ECharts](https://github.com/apache/incubator-echarts)."}, {"name": "ngx-flexmonster", "url": "https://github.com/flexmonster/ngx-flexmonster", "description": "A powerful and fully customizable JavaScript component for web reporting and data visualization."}, {"name": "ngx-gantt", "url": "https://github.com/worktile/ngx-gantt", "description": "A modern and powerful gantt chart component for Angular."}, {"name": "ngx-graph", "url": "https://github.com/swimlane/ngx-graph", "description": "Graph visualization library for Angular."}, {"name": "ngx-hierarchy", "url": "https://github.com/rushik1992/ngx-hierarchy", "description": "Angular component module for vertical or horizontal hierarchy/tree view with flexible dynamic template design and controls."}, {"name": "ngx-interactive-org-chart", "url": "https://github.com/zeyadelshaf3y/ngx-interactive-org-chart", "description": "Modern Angular organizational chart component with interactive panning and zooming."}, {"name": "ngx-lightweight-charts", "url": "https://github.com/jamesbrobb/ngx-lightweight-charts", "description": "An easily extendable Angular wrapper for [Trading View Lightweight Charts](https://www.tradingview.com/lightweight-charts/)."}, {"name": "ngx-recharts", "url": "https://github.com/wook95/ngx-recharts", "description": "Build composable charts with Angular components using the same API as [Recharts](https://recharts.org/)."}, {"name": "ngx-simple-charts", "url": "https://github.com/Angular2Guy/ngx-simple-charts", "description": "Angular 17+ library for D3 based line, bar, donut and date/timeline charts with multiple entry points. A configurable service for token handling is provided."}, {"name": "org-chart", "url": "https://github.com/bumbeishvili/org-chart", "description": "Highly customizable org chart. Integrations available for Angular, React, and Vue."}, {"name": "pioneer-charts", "url": "https://github.com/PioneerCode/pioneer-charts", "description": "An Angular library for creating responsive, customizable charts using D3.js\u2014supports bar, line, pie, and more."}, {"name": "sequential-workflow-designer", "url": "https://github.com/nocode-js/sequential-workflow-designer", "description": "Customizable no-code component for building flow-based programming applications or workflow automation. Zero external dependencies."}, {"name": "systelab-charts", "url": "https://github.com/systelab/systelab-charts", "description": "Systelab Angular Chart services."}, {"name": "unovis", "url": "https://github.com/f5/unovis", "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Cookies", "entries": [{"name": "ngx-cookie-service", "url": "https://github.com/stevermeister/ngx-cookie-service", "description": "Angular service for cookies. Originally based on the [ng2-cookies](https://github.com/BCJTI/ng2-cookies) library."}, {"name": "ngx-cookie-consent", "url": "https://github.com/giacomo/ngx-cookie-consent", "description": "Angular multi-language module to display a cookie consent banner without other dependencies."}, {"name": "ngx-cookieconsent", "url": "https://github.com/tinesoft/ngx-cookieconsent", "description": "Cookie Consent module for Angular."}, {"name": "cookieconsent", "url": "https://github.com/orestbida/cookieconsent", "description": "Simple cross-browser cookie-consent plugin written in vanilla js that can be added to [Angular](https://cookieconsent.orestbida.com/essential/getting-started.html#angular)."}, {"name": "ngx-cookie-ssr", "url": "https://github.com/Ask-786/ngx-cookie-ssr", "description": "A straightforward cookie service for Angular 19 applications, inspired by ngx-cookie-service."}, {"name": "ngx-gdpr-cookie-consent", "url": "https://github.com/KoblerS/ngx-gdpr-cookie-consent", "description": "A beautiful Cookie consent library, easy to use."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 CSV", "entries": [{"name": "impler", "url": "https://github.com/implerhq/impler.io", "description": "Using [Angular package](https://www.npmjs.com/package/@impler/angular) you can embed CSV Excel Importer into your application with just few lines of code."}, {"name": "ng2csv", "url": "https://github.com/rars/ng2csv", "description": "Angular service for saving data to CSV file."}, {"name": "ngx-csv-parser", "url": "https://github.com/tofiqquadri/ngx-csv-parser", "description": "CSV Parser for Angular by Developers Hive."}, {"name": "ngx-export-as", "url": "https://github.com/wnabil/ngx-export-as", "description": "Angular 2+ / Ionic 2+ HTML/table element to export it as JSON, XML, PNG, CSV, TXT, MS-Word, Ms-Excel, and PDF."}, {"name": "rm-ng-export-to-csv", "url": "https://github.com/malikrajat/rm-ng-export-to-csv", "description": "A lightweight and customizable Angular library to export JSON data to CSV files with auto-download support. Ideal for charts, tables, reports, and dashboards."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Data Grids", "entries": [{"name": "ag-grid", "url": "https://www.ag-grid.com/", "description": "The best JavaScript Data Table for building Enterprise Applications. Supports React, Angular, Vue and Plain JavaScript."}, {"name": "ignite-ui-angular's grid", "url": "https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid", "description": "The data grid, tree grid, hierarchical grid in `Ignite UI` provide excel-style filtering, live-data, sorting, draggable row and other toolbar."}, {"name": "sheetjs", "url": "https://docs.sheetjs.com/docs/demos/frontend/angular", "description": "A JavaScript library for reading and writing data from spreadsheets."}, {"name": "active-table", "url": "https://github.com/OvidijusParsiunas/active-table", "description": "Framework agnostic table component for editable data experience."}, {"name": "jsgrids", "url": "https://github.com/statico/jsgrids", "description": "A comparison tool to compare JavaScript data grid and spreadsheet libraries. Find even more libraries from this repo."}, {"name": "jspreadsheet", "url": "https://github.com/jspreadsheet/ce", "description": "A lightweight vanilla JavaScript plugin for creating interactive web-based tables and spreadsheets, [Jspreadsheet](https://bossanova.uk/jspreadsheet/docs/getting-started) is compatible with other spreadsheet software and designed to deliver a seamless experience."}, {"name": "handsontable", "url": "https://handsontable.com/docs/javascript-data-grid/angular-installation/", "description": "A popular JavaScript data grid component that brings the well-known look and feel of spreadsheets to your application."}, {"name": "slickgrid-universal", "url": "https://github.com/ghiscoding/slickgrid-universal", "description": "A monorepo which includes all editors, filters, extensions, and services related to framework agnostic [SlickGrid](https://github.com/6pac/SlickGrid) usage."}, {"name": "revogrid", "url": "https://github.com/revolist/revogrid", "description": "Powerful virtual data grid smartsheet with advanced customization. Best features from Excel plus incredible performance."}, {"name": "ZingGrid", "url": "https://github.com/ZingGrid/zinggrid", "description": "A JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can be used in [Angular](https://www.zinggrid.com/docs/integrations/js-frameworks-&-libs/angular) and many more frameworks."}, {"name": "ngx-panemu-table", "url": "https://github.com/panemu/ngx-panemu-table", "description": "An Angular table component. It is designed to be easy to use. Most work will be in TypeScript file, while the HTML file only needs to have a very simple `panemu-table` tag."}, {"name": "@blueshiftone/ngx-grid", "url": "https://github.com/blueshiftone/ngx-grid", "description": "A professional Angular data grid."}, {"name": "@guiexpert/angular-table", "url": "https://github.com/guiexperttable/angular-19-table", "description": "Framework-agnostic table library designed to seamlessly integrate with the major frameworks, including [Angular](https://gui.expert/getstarted/angular/)."}, {"name": "ngx-tabulator-tables", "url": "https://github.com/knackstedt/ngx-tabulator-tables", "description": "Angular wrapper for the [Tabulator](https://tabulator.info/) table library."}, {"name": "activereportsjs/angular-reporting-tool", "url": "https://developer.mescius.com/activereportsjs/angular-reporting-tool", "description": "A set of Angular components used for data consolidation and visualization. [ActiveReportsJS](https://developer.mescius.com/activereportsjs) is a solution used by Angular developers to embed reporting within web applications."}, {"name": "ngx-s-data-table", "url": "https://github.com/Samuel-Pinheiro-C-Lopes/ngx-s-data-table", "description": "An Angular data table module that auto-maps class data with optional custom mappings for flexible rendering."}, {"name": "mat-datatable", "url": "https://github.com/BePo65/mat-datatable", "description": "A simple data table with virtual scrolling using Angular Material."}, {"name": "@Trixwell/data-grid", "url": "https://github.com/Trixwell/data-grid", "description": "An Angular data table component with filtering, sorting, pagination, CSV export, sub-grids, and Material integration."}, {"name": "ngx-multi-sort-table", "url": "https://github.com/Maxl94/ngx-multi-sort-table", "description": "This library features a multiple sortable table based on Angular Material Design, with a focus on server-side loaded and sorted data."}, {"name": "angular2-smart-table", "url": "https://github.com/dj-fiorex/angular2-smart-table", "description": "Angular Smart Data Table component."}, {"name": "ngx-editable-material-table", "url": "https://github.com/valentinstn/ngx-editable-material-table", "description": "An editable table, built on top of Angular Material, natively for Angular."}, {"name": "ngx-smartgrid", "url": "https://github.com/prashantd-17/ngx-smartgrid", "description": "A lightweight and flexible Angular table/grid component designed to work seamlessly across Angular 10 to 20+."}, {"name": "ngx-flamegraph", "url": "https://github.com/mgechev/ngx-flamegraph", "description": "Flame graph for stack trace visualization written in Angular."}, {"name": "ng-virtual-grid", "url": "https://github.com/DjonnyX/ng-virtual-grid", "description": "Maximum performance for extremely large grids."}, {"name": "ngx-simple-datatables", "url": "https://github.com/rinturaj/ngx-simple-datatables", "description": "A lightweight, high-performance Angular data table component with features like virtual scrolling, column freezing, and customizable templates."}, {"name": "ngx-list-manager", "url": "https://github.com/RzoDev/ngx-list-manager", "description": "An Angular service tool to manage lists efficiently."}, {"name": "cerious-grid", "url": "https://github.com/ryoucerious/cerious-widgets", "description": "A seriously powerful Angular grid for developers who demand control, flexibility, and performance."}, {"name": "ngxsmk-datatable", "url": "https://github.com/toozuuu/ngxsmk-datatable", "description": "Modern Angular 17+ datatable focused on performance, customization, and developer experience."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Dates", "entries": [{"name": "ngx-date-fns", "url": "https://github.com/joanllenas/ngx-date-fns", "description": "[Date-fns](https://date-fns.org/) pipes for Angular."}, {"name": "ngx-mat-timepicker", "url": "https://github.com/tonysamperi/ngx-mat-timepicker", "description": "A true material timepicker."}, {"name": "ngx-datetime-range-picker", "url": "https://github.com/BhavinPatel04/ngx-datetime-range-picker", "description": "Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly levels."}, {"name": "mat-datetimepicker", "url": "https://github.com/kuhnroyal/mat-datetimepicker", "description": "Material datetimepicker for `@angular/material`."}, {"name": "angular-datepicker", "url": "https://github.com/vlio20/angular-datepicker", "description": "Highly configurable date picker built for Angular applications."}, {"name": "ngx-multiple-dates", "url": "https://github.com/lekhmanrus/ngx-multiple-dates", "description": "Multiple dates picker based on Angular Material."}, {"name": "ng-datetime", "url": "https://github.com/ressurectit/ng-datetime", "description": "Angular library containing components used for handling datetime."}, {"name": "time2blocks-ngx", "url": "https://github.com/antonioconselheiro/time2blocks-ngx", "description": "Angular lib to identify which time is associated with a Blockchain block in the past (and format it)."}, {"name": "dhutaryan/ngx-mat-timepicker", "url": "https://github.com/dhutaryan/ngx-mat-timepicker", "description": "Material timepicker based on material design."}, {"name": "ngx-timeline", "url": "https://github.com/omnedia/ngx-timeline", "description": "A simple component library to add an animated timeline view."}, {"name": "ngx-prayertimes-api", "url": "https://github.com/WurshaApps/ngx-prayertimes-api", "description": "An Angular API client for [Prayer Times API](https://aladhan.com/prayer-times-api)."}, {"name": "frxjs-Ngx-Timeline", "url": "https://github.com/emanuelefricano93/frxjs-Ngx-Timeline", "description": "This library allows you to integrate a timeline in your Angular app."}, {"name": "ngx-daterangepicker-pro", "url": "https://github.com/Abhinavgaur01/ngx-daterangepicker-pro-demo", "description": "A powerful, customizable Angular date range picker built with Angular 17+ and [Day.js](https://github.com/iamkun/dayjs)."}, {"name": "ngx-custom-daterangepicker", "url": "https://github.com/nedpuganti/ngx-custom-daterangepicker", "description": "An Angular date range picker component with advanced functionality and Material Design support. It allows for easy date range selection with customizable options and is simple to integrate."}, {"name": "angular-material-jalali-datepicker-adapter", "url": "https://www.npmjs.com/package/angular-material-jalali-datepicker-adapter", "description": "A comprehensive Angular library that provides Jalali (Persian/Solar Hijri/Shamsi) date adapter for Angular Material datepicker component."}, {"name": "date-interceptors", "url": "https://github.com/AdaskoTheBeAsT/date-interceptors", "description": "This library provides a robust solution for converting date and duration strings from JSON payloads into native Date objects and Duration objects, respectively."}, {"name": "@asadi/angular-date-components", "url": "https://www.npmjs.com/package/@asadi/angular-date-components", "description": "A comprehensive Angular library of date-related components designed to meet the needs of applications that require localization based on various calendar systems."}, {"name": "ngx-vertical-timeline", "url": "https://github.com/callyafiune/ngx-vertical-timeline", "description": "An Angular component for creating a responsive vertical timeline."}, {"name": "ngx-timeago", "url": "https://github.com/ihym/ngx-timeago", "description": "Dynamic timestamp rendering in Angular."}, {"name": "ngx-chronica", "url": "https://github.com/klajdm/ngx-chronica", "description": "A comprehensive Angular library providing six specialized date and time picker components that fill critical gaps in the Angular ecosystem."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Directives", "entries": [{"name": "ng-click-outside", "url": "https://github.com/Kr0san89/ng-click-outside", "description": "Angular directive for handling click events outside of an element."}, {"name": "ng-for-track-by-property", "url": "https://github.com/nigrosimone/ng-for-track-by-property", "description": "Angular global `trackBy` property directive with strict type checking."}, {"name": "ng-let", "url": "https://github.com/nigrosimone/ng-let", "description": "Structural directive for sharing data as local variable into HTML component template."}, {"name": "ngx-app-version", "url": "https://github.com/Celtian/ngx-app-version", "description": "Angular directive for writing version into DOM."}, {"name": "ngx-autofocus", "url": "https://github.com/eurusik/ngx-autofocus", "description": "A powerful, flexible Angular directive for automatic element focusing."}, {"name": "ngx-clamp", "url": "https://github.com/Chitova263/ngx-clamp", "description": "Angular directive for multi-line or height-based text clamping with legacy-browser support."}, {"name": "ngx-copypaste", "url": "https://github.com/JsDaddy/ngx-copypaste", "description": "A pure and awesome copy paste directive for Angular."}, {"name": "ngx-copy-to-clipboard", "url": "https://github.com/andreasnicolaou/ngx-copy-to-clipboard", "description": "An Angular directive that enables easy text copying to the clipboard with a single click. It supports customizable success/error messages and triggers events on copy actions."}, {"name": "ngx-cut", "url": "https://github.com/Celtian/ngx-cut", "description": "Angular directive for cutting texts with responsive options."}, {"name": "ngx-fixed-footer", "url": "https://github.com/Celtian/ngx-fixed-footer", "description": "Angular directive that adds a fixed footer without overlap."}, {"name": "ngx-if-platform", "url": "https://github.com/Celtian/ngx-if-platform", "description": "Directive for conditional display based on platform."}, {"name": "ngx-nullable", "url": "https://github.com/Celtian/ngx-nullable", "description": "This library provides a way to make properties nullable in Angular templates."}, {"name": "ngx-nullish", "url": "https://github.com/piecioshka/ngx-nullish", "description": "Angular Structural Directive, which replaces `*ngIf` with Nullish Coalescing\u00a0operator."}, {"name": "ngx-overflow-reveal", "url": "https://github.com/hosembafer/ngx-overflow-reveal", "description": "An Angular directive that elegantly reveals truncated text on hover."}, {"name": "ngx-repeat", "url": "https://github.com/Celtian/ngx-repeat", "description": "Angular directive for repeating HTML element by count."}, {"name": "ngx-responsive-if", "url": "https://github.com/bodnya29179/ngx-responsive-if", "description": "An Angular structural directive for conditional rendering based on media queries."}, {"name": "ngxsmk-button-spinner", "url": "https://github.com/toozuuu/ngxsmk-button-spinner", "description": "Angular 17+ directive to show a loading spinner inline or centered on any button."}, {"name": "ngxture", "url": "https://github.com/gianpierreVelasquez/ngxture", "description": "A lightweight and modular Angular library that provides ready-to-use animations and gesture directives."}, {"name": "@maxime1jacquet/npm-directives", "url": "https://github.com/maxime1jacquet/npm-directives", "description": "Angular Directives including [ngx-cursor](https://www.npmjs.com/package/ngx-cursor) and [ngx-simple-countdown](https://www.npmjs.com/package/ngx-simple-countdown)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 DOM", "entries": [{"name": "ngx-resize-observer", "url": "https://github.com/fidian/ngx-resize-observer", "description": "Angular 8+ module for detecting when elements are resized."}, {"name": "ngx-mutation-observer", "url": "https://github.com/fidian/ngx-mutation-observer", "description": "Get Angular 8+ events fired when an element is mutated in the DOM."}, {"name": "ngx-visibility", "url": "https://github.com/fidian/ngx-visibility", "description": "Angular module that detects when elements are visible. Uses IntersectionObserver."}, {"name": "ngx-breakpoint-observer", "url": "https://github.com/tutkli/ngx-breakpoint-observer", "description": "This library adds reactive breakpoint and media query methods based on Signals."}, {"name": "ngx-fade", "url": "https://github.com/omnedia/ngx-fade", "description": "An Angular component for smooth fade-and-slide viewport transitions using the Intersection Observer API."}, {"name": "ngx-dynamic-hooks", "url": "https://github.com/MTobisch/ngx-dynamic-hooks", "description": "Automatically insert live Angular components into dynamic strings (based on their selector or any pattern of your choice) and render the result in the DOM."}, {"name": "ngx-highlightjs", "url": "https://github.com/MurhafSousli/ngx-highlightjs", "description": "Instant code highlighting, auto-detect language, super easy to use!"}, {"name": "ngx-sharebuttons", "url": "https://github.com/MurhafSousli/ngx-sharebuttons", "description": "Angular share buttons."}, {"name": "ng-helpers", "url": "https://github.com/Jaspero/ng-helpers", "description": "A collection of useful components, directives and pipes for Angular."}, {"name": "ngx-ellipsis", "url": "https://github.com/lentschi/ngx-ellipsis", "description": "Multiline text with ellipsis for Angular 9+."}, {"name": "ngx-interpolation", "url": "https://github.com/yassine-klilich/ngx-interpolation", "description": "An Angular lightweight library to interprate string interpolation expressions."}, {"name": "ng-gd", "url": "https://github.com/luisalejandrofigueredo/ng-gd", "description": "An easy way to manage a canvas element with support for mouse or tablet events."}, {"name": "ngx-annotate-text", "url": "https://github.com/philenius/ngx-annotate-text", "description": "This Angular component library is perfect for tasks like visualizing named entity recognition, part of speech tagging, or annotating text datasets. It allows for interactively highlighting and annotating parts of text."}, {"name": "ng-dynamic-component", "url": "https://github.com/gund/ng-dynamic-component", "description": "Dynamic components with full life-cycle support for inputs and outputs for Angular."}, {"name": "pyno-date", "url": "https://github.com/amirhsnf/pyno-date", "description": "A lightweight Angular library for converting and formatting Jalali and Gregorian dates."}, {"name": "ngx-fittext", "url": "https://github.com/7kasper/ngx-fittext", "description": "An Angular library that allows you fit text in a box or a line."}, {"name": "ngx-optimus", "url": "https://github.com/Bilal-Abubakari/ngx-optimus", "description": "An Angular library offering custom pipes to simplify data formatting and keep component logic cleaner."}, {"name": "ng-lock", "url": "https://www.npmjs.com/package/ng-lock", "description": "Angular decorator to lock a function and user interface while a task is running."}, {"name": "angular-paginator", "url": "https://github.com/sibiraj-s/angular-paginator", "description": "Pagination Component for Angular applications."}, {"name": "ngx-signal-combinators", "url": "https://github.com/alessiopelliccione/ngx-signal-combinators", "description": "Composable boolean helpers for Angular signals, enabling cleaner reactive template logic."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Drag and Drop", "entries": [{"name": "ngx-drag-drop", "url": "https://github.com/reppners/ngx-drag-drop", "description": "Angular directives using the native HTML Drag And Drop API."}, {"name": "@hackingharold/ngx-dropzone", "url": "https://github.com/hackingharold/ngx-dropzone", "description": "The missing file input component for Angular Material."}, {"name": "ng-dnd", "url": "https://github.com/ng-dnd/ng-dnd", "description": "Drag and Drop for Angular."}, {"name": "ngx-file-drag-drop", "url": "https://github.com/telebroad/ngx-file-drag-drop", "description": "Angular material file input component which lets the user drag and drop files, or select files with the native file picker."}, {"name": "Angular Material CDK", "url": "https://material.angular.io/cdk/drag-drop/overview", "description": "The `@angular/cdk/drag-drop` module provides you with a way to easily and declaratively create drag-and-drop interfaces."}, {"name": "angular-drag-drop-layout", "url": "https://github.com/skutam/angular-drag-drop-layout", "description": "A lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality."}, {"name": "ngx-swapy", "url": "https://github.com/omnedia/ngx-swapy", "description": "A simple component library to get a drag and drop DOM through the help of [Swapy](https://github.com/TahaSh/swapy)."}, {"name": "ngx-draggable-dom", "url": "https://github.com/bmartinson/ngx-draggable-dom", "description": "Angular attribute directive that causes any element to become a draggable element."}, {"name": "ngx-drag-resize", "url": "https://github.com/dmytro-parfenov/ngx-drag-resize", "description": "This Angular library provides directives that add drag and resize functionality to HTML elements."}, {"name": "ng-keyboard-sort", "url": "https://github.com/johnhwhite/ng-keyboard-sort", "description": "Library to add keyboard commands for elements that also use CDK drag and drop sorting."}, {"name": "ngx-draggable-widget-kama", "url": "https://github.com/KAMAELUA/ngx-draggable-widget-kama", "description": "Reworked [ngx-draggable-widget](https://github.com/arup-banerjee/ngx-draggable-widget) for better support."}, {"name": "angular-mixed-cdk-drag-drop", "url": "https://github.com/rosejoe47/angular-mixed-cdk-drag-drop", "description": "Angular Directive to support mixed orientation drag drop using Angular CDK."}, {"name": "cdk-drag-snap-to-point", "url": "https://github.com/shhdharmen/cdk-drag-snap-to-point", "description": "A demo to showcase cdkDrag features to achieve drop only on certain points."}, {"name": "@MasterATM/ngx-dropzone", "url": "https://github.com/MasterATM/ngx-dropzone", "description": "A lightweight and highly customizable Angular dropzone component for file uploads. Based on [@peterfreeman/ngx-dropzone](https://github.com/peterfreeman/ngx-dropzone) repository."}, {"name": "ngx-puzzle", "url": "https://github.com/zhongmiao-org/ngx-puzzle", "description": "Drag-and-drop dashboard builder for Angular applications."}, {"name": "ngx-drag-drop-kit", "url": "https://github.com/mr-samani/ngx-drag-drop-kit", "description": "High-performance Angular drag & drop toolkit featuring grid layouts, sorting, resizing, nesting, and more."}, {"name": "ngx-dashboard", "url": "https://github.com/TobyBackstrom/ngx-dashboard", "description": "Modern Angular workspace for building drag-and-drop grid dashboards with resizable cells and customizable widgets."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Editor Components", "entries": [{"name": "Angular-JSON-Tree-Editor-Component", "url": "https://github.com/stefonalfaro/Angular-JSON-Tree-Editor-Component", "description": "Angular JSON Tree Editor Component that actually works."}, {"name": "acrodata/code-editor", "url": "https://github.com/acrodata/code-editor", "description": "CodeMirror 6 wrapper for Angular."}, {"name": "angular2-froala-wysiwyg", "url": "https://github.com/froala/angular-froala-wysiwyg", "description": "Angular wrapper for Froala WYSIWYG HTML Editor."}, {"name": "ckeditor", "url": "https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/frameworks/angular.html", "description": "Plugin for Angular."}, {"name": "ngx-aztreya-editor", "url": "https://github.com/aztreya/ngx-aztreya-editor", "description": "A lightweight, customizable Angular Rich Text Editor component with built-in toolbar, headings, text formatting, and alignment options."}, {"name": "ngx-simple-text-editor", "url": "https://github.com/Raiper34/ngx-simple-text-editor", "description": "Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+."}, {"name": "ngx-quill", "url": "https://github.com/KillerCodeMonkey/ngx-quill", "description": "Angular components for the Quill Rich Text Editor."}, {"name": "ngx-editor", "url": "https://github.com/sibiraj-s/ngx-editor", "description": "Rich Text Editor for Angular using ProseMirror."}, {"name": "code-editor", "url": "https://github.com/ngstack/code-editor", "description": "Code editor component for Angular applications."}, {"name": "ngx-wig", "url": "https://github.com/stevermeister/ngx-wig", "description": "Angular WYSIWYG HTML Rich Text Editor."}, {"name": "ngx-monaco-editor", "url": "https://github.com/jean-merelis/ngx-monaco-editor", "description": "Monaco Code Editor for Angular."}, {"name": "ngx-property-editor", "url": "https://github.com/heinerwalter/ngx-property-editor", "description": "Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object."}, {"name": "ngx-tiptap", "url": "https://github.com/sibiraj-s/ngx-tiptap", "description": "Angular bindings for [tiptap v2](https://tiptap.dev/)."}, {"name": "tinymce-angular", "url": "https://github.com/tinymce/tinymce-angular", "description": "Official [TinyMCE](https://www.tiny.cloud/) Angular Component."}, {"name": "slate-angular", "url": "https://github.com/worktile/slate-angular", "description": "Angular view layer for [Slate](https://github.com/ianstormtaylor/slate)."}, {"name": "BlockNoteAngular", "url": "https://github.com/dytab/BlockNoteAngular", "description": "Unofficial [BlockNote](https://github.com/TypeCellOS/BlockNote) Angular wrapper."}, {"name": "ngx-jodit", "url": "https://github.com/julianpoemp/ngx-jodit/", "description": "Angular wrapper for [Jodit](https://github.com/xdan/jodit) WYSIWYG editor."}, {"name": "ngx-ace-wrapper", "url": "https://github.com/zefoy/ngx-ace-wrapper", "description": "Angular wrapper library for [Ace](http://ace.c9.io/)."}, {"name": "ngx-quill-wrapper", "url": "https://github.com/zefoy/ngx-quill-wrapper", "description": "Angular wrapper library for [Quill](http://quilljs.com/)."}, {"name": "ngx-tinymce", "url": "https://github.com/cipchk/ngx-tinymce", "description": "`TinyMCE` components built with Angular."}, {"name": "formly-editor", "url": "https://github.com/sesan07/formly-editor", "description": "A configurable editor for `ngx-formly` forms."}, {"name": "MagnetarQuill", "url": "https://github.com/scherenhaenden/MagnetarQuill", "description": "Extensible Angular WYSIWYG editor for rich text, media, and tables with a plugin architecture."}, {"name": "ngx-editorjs2", "url": "https://github.com/Ba5ik7/ngx-editorjs2", "description": "A highly extensible block-style editor inspired by [Editor.js](https://editorjs.io/), enabling rich text creation with customizable blocks and Angular's reactive features. [ngx-editor-js2-blocks](https://github.com/Ba5ik7/ngx-editor-js2-blocks) offers custom blocks for additional content types."}, {"name": "ngx-traak", "url": "https://github.com/mouhamadalmounayar/ngx-traak", "description": "A WYSIWYG Angular editor library built on top of ProseMirror, built for standalone components and highly customizable with plugins."}, {"name": "ngx-summernote", "url": "https://github.com/lula/ngx-summernote", "description": "[Summernote](https://github.com/summernote/summernote) editor for Angular."}, {"name": "angular-rich-text-editor", "url": "https://github.com/manishpatidar028/angular-rich-text-editor", "description": "Angular wrapper for [RichTextEditor](https://richtexteditor.com/) with license key support and `ControlValueAccessor`."}, {"name": "quill-table-better-dooooit", "url": "https://www.npmjs.com/package/quill-table-better-dooooit", "description": "A module that enhances the table functionality of `Quill`."}, {"name": "ngx-wysicat", "url": "https://github.com/michalgrzegorczyk-dev/ngx-wysicat", "description": "Block\u2011editing and advanced formatting on top of Quill; plugins for structured documents."}, {"name": "ng-diagram", "url": "https://github.com/synergycodes/ng-diagram", "description": "A robust Angular library for building interactive diagrams, Node-based editors, and visual programming interfaces."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 File Upload", "entries": [{"name": "ng2-file-upload", "url": "https://github.com/valor-software/ng2-file-upload", "description": "Easy to use file upload directives."}, {"name": "ngx-flow", "url": "https://github.com/flowjs/ngx-flow", "description": "Angular7+ wrapper for [flow.js](https://github.com/flowjs/flow.js) for file upload."}, {"name": "ngx-uploadx", "url": "https://github.com/kukhariev/ngx-uploadx", "description": "Angular Resumable Upload Module."}, {"name": "file-upload", "url": "https://github.com/pIvan/file-upload", "description": "Angular module used for file upload."}, {"name": "ngx-file-drop", "url": "https://github.com/georgipeltekov/ngx-file-drop", "description": "Angular module for simple desktop file and folder drag and drop. This library does not need rxjs-compat."}, {"name": "Uppy", "url": "https://github.com/transloadit/uppy", "description": "A sleek, modular JavaScript file uploader that [integrates seamlessly with Angular](https://uppy.io/docs/angular/)."}, {"name": "ngx-custom-material-file-input", "url": "https://github.com/daemons88/ngx-custom-material-file-input", "description": "File input management for Angular Material."}, {"name": "ngxf-uploader", "url": "https://github.com/ZouYouShun/ngxf-uploader", "description": "File uploader for Angular 18+."}, {"name": "ngx-dropzone-wrapper", "url": "https://github.com/zefoy/ngx-dropzone-wrapper", "description": "Angular wrapper library for [Dropzone](https://www.dropzone.dev/)."}, {"name": "ngx-file-preview", "url": "https://github.com/wh131462/ngx-file-preview", "description": "A powerful preview tool for many file types."}, {"name": "ngx-image-upload", "url": "https://github.com/osmanabdelsalam/ngx-image-upload", "description": "A lightweight, customizable library for image uploads with preview, validation, and smooth animations."}, {"name": "filestack-angular", "url": "https://github.com/filestack/filestack-angular", "description": "Integrate [Filestack](https://www.filestack.com/) into your Angular app for a faster, safer, and more reliable file upload experience."}, {"name": "ngx-uploader-file", "url": "https://github.com/IsaiasCardenasM/ngx-uploader-file", "description": "A versatile Angular file upload library with preview, validation, image cropping, drag-and-drop, and multi-language support."}, {"name": "ngx-filesize-pipe", "url": "https://www.npmjs.com/package/ngx-filesize-pipe", "description": "An Angular pipe that converts bytes to a human-readable size, ideal for uploaders and media apps."}, {"name": "ngx-file-helpers", "url": "https://www.npmjs.com/package/ngx-file-helpers", "description": "Angular file helpers including a file picker and dropzone."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Forms", "entries": [{"name": "angular-imask", "url": "https://github.com/uNmAnNeR/imaskjs/tree/master/packages/angular-imask", "description": "Angular input mask."}, {"name": "ngx-mask", "url": "https://github.com/JsDaddy/ngx-mask", "description": "Angular Plugin to make masks on form fields and html elements."}, {"name": "maskito", "url": "https://github.com/taiga-family/maskito", "description": "Collection of libraries to create an input mask which ensures that user types value according to predefined format."}, {"name": "ng-signal-forms", "url": "https://github.com/timdeschryver/ng-signal-forms", "description": "Signal powered Angular Forms."}, {"name": "ngx-sub-form", "url": "https://github.com/cloudnc/ngx-sub-form", "description": "Utility library for breaking down an Angular form into multiple components."}, {"name": "ngx-currency", "url": "https://github.com/nbfontana/ngx-currency", "description": "Currency mask module for Angular."}, {"name": "ngx-super-forms", "url": "https://github.com/naologic/ngx-super-forms", "description": "This library adds some much-needed features on top of Angular forms and Reactive forms, to make it more developer friendly."}, {"name": "tripetto", "url": "https://gitlab.com/tripetto", "description": "Tripetto\u2019s FormBuilder SDK offers customizable components for building and deploying forms. Use this [quickstart](https://tripetto.com/sdk/docs/getting-started/usage-with-angular/) to integrate with Angular."}, {"name": "@paddls/ngx-form", "url": "https://github.com/paddls/ngx-form", "description": "Model based typed reactive forms made easy."}, {"name": "ngx-enhancy-forms", "url": "https://github.com/klippa-app/ngx-enhancy-forms", "description": "Fancy enhanced Angular forms."}, {"name": "ngx-forms-core", "url": "https://github.com/Juulsgaard/ngx-forms-core", "description": "This library extends Angular\u2019s form system with strictly typed classes and tools to enhance type safety."}, {"name": "ngx-focus-entities", "url": "https://github.com/klee-contrib/ngx-focus-entities", "description": "Library for generating reactive Angular forms from a Focus4 representation generated with [TopModel](https://github.com/klee-contrib/topmodel)."}, {"name": "@TanStack/form", "url": "https://github.com/TanStack/form", "description": "With TypeScript support, headless UI, and framework-agnostic design, it streamlines cross-framework form handling."}, {"name": "@luistabotelho/angular-signal-forms", "url": "https://github.com/luistabotelho/angular-signal-forms", "description": "Simple Angular library to implement forms with signals."}, {"name": "ngx-form-object", "url": "https://github.com/infinum/ngx-form-object", "description": "An abstraction over Angular reactive forms that generates forms from models and manages nested relationships."}, {"name": "reactive-form-extensions", "url": "https://gitlab.com/Riuen/reactive-form-extensions", "description": "This project enhances Angular ReactiveForms with input trimming, error messages, and validation-based CSS\u2014without extra dependencies."}, {"name": "pro-form", "url": "https://github.com/ProAngular/pro-form", "description": "A predefined set of reactive and reusable form input components based on Angular Material."}, {"name": "ngx-forms", "url": "https://github.com/nncl/ngx-forms", "description": "Collection of Angular form functions, that will help you build your applications."}, {"name": "@klubinskak/ngx-smart-forms", "url": "https://github.com/klubinskak/ngx-smart-forms", "description": "Smart, Signal-powered form state utilities for Angular 17+."}, {"name": "@pixelbyaj/ngx-form", "url": "https://github.com/pixelbyaj/ngx-form", "description": "ISO20022 Angular Forms use XSD/XML to design HTML forms and structure MX messages."}, {"name": "ngx-custom-controls", "url": "https://github.com/kapilkumar0037/ngx-custom-controls", "description": "Angular library with a base directive (BaseCvaImplementationDirective) that simplifies custom form controls with built-in validation."}, {"name": "ngxAccessor", "url": "https://github.com/Zarlex/ngxAccessor", "description": "This library adds a third approach to Angular forms, integrating signals alongside existing methods with adaptability."}, {"name": "angular-template-signal-forms", "url": "https://github.com/chocosd/angular-template-signal-forms", "description": "A modern Angular form library built from the ground up with Signals \u2014 flexible, type-safe, and fully themeable."}, {"name": "ngx-formidable", "url": "https://github.com/Cynthion/ngx-formidable", "description": "A powerful Angular component library for building rich, validated forms."}, {"name": "piying-view", "url": "https://github.com/piying-org/piying-view", "description": "A strongly typed frontend form solution; an alternative to `ngx-formly` and Angular's official form framework."}, {"name": "ngx-form-m3", "url": "https://github.com/webilix/ngx-form-m3", "description": "Persian form library for Angular and Material 3."}, {"name": "lite-form", "url": "https://github.com/liangk/lite-form", "description": "A lightweight Angular library offering customizable form components with validation, styling, and animations."}, {"name": "cc-form-engine", "url": "https://github.com/ChristianCruzArango/cc-form-engine", "description": "Advanced Angular library for reactive form generation and management with dynamic validation, change tracking, and customizable error messages."}, {"name": "ngx-vest-forms", "url": "https://github.com/ngx-vest-forms/ngx-vest-forms", "description": "A lightweight, type-safe adapter linking Angular template-driven forms with [Vest.js](https://vestjs.dev/) for complex, async validation."}, {"name": "ngx-autosave-forms", "url": "https://github.com/zinetnorf/ngx-autosave-forms", "description": "Autosave form values in localStorage using template forms or reactive forms in Angular."}, {"name": "ngx-better-forms", "url": "https://github.com/Bioroxx/ngx-better-forms", "description": "Streamlined, maintainable reactive form utilities."}, {"name": "ngx-query-builder", "url": "https://github.com/solidexpert-ltd/ngx-query-builder", "description": "Angular query builder with standalone components, sensible defaults, templating hooks, and full form support for domain-specific editors."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Form Controls", "entries": [{"name": "ngx-emoji-mart-next", "url": "https://github.com/arturovt/ngx-emoji-mart-next", "description": "Customizable Slack-like emoji picker."}, {"name": "ngx-color", "url": "https://github.com/scttcper/ngx-color", "description": "Color Pickers from Sketch, Photoshop, Chrome, GitHub, X, and more."}, {"name": "ngx-color-picker", "url": "https://github.com/zefoy/ngx-color-picker", "description": "Color picker widget."}, {"name": "angular-colorful", "url": "https://github.com/ngx-eco/angular-colorful", "description": "A tiny color picker component for modern Angular apps."}, {"name": "ng-select", "url": "https://github.com/ng-select/ng-select", "description": "All in One UI Select, Multiselect and Autocomplete."}, {"name": "file-input-accessor", "url": "https://github.com/jwelker110/file-input-accessor", "description": "Angular directive that provides file input functionality in Angular forms."}, {"name": "ngx-filesaver", "url": "https://github.com/cipchk/ngx-filesaver", "description": "Simple file save with [FileSaver.js](https://github.com/eligrey/FileSaver.js)."}, {"name": "ngx-bar-rating", "url": "https://github.com/MurhafSousli/ngx-bar-rating", "description": "Angular Bar Rating."}, {"name": "angular-code-input", "url": "https://github.com/AlexMiniApps/angular-code-input", "description": "Robust Angular input component (numbers/chars) for Angular 7\u201316+, with Ionic 4\u20137, mobile, and clipboard support."}, {"name": "angular-iban", "url": "https://github.com/fundsaccess/angular-iban", "description": "IBAN directives and pipes for Angular."}, {"name": "ngx-autosize-input", "url": "https://github.com/joshuawwright/ngx-autosize-input", "description": "An Angular directive that automatically adjusts the width of an input element. It shrinks and increases the width."}, {"name": "angular-cc-library", "url": "https://github.com/timofei-iatsenko/angular-cc-library", "description": "Library to support Credit Card input masking and validation."}, {"name": "ngx-ui-switch", "url": "https://github.com/webcat12345/ngx-ui-switch", "description": "A simple iOS 7 style switch component for Angular."}, {"name": "auto-complete", "url": "https://github.com/ng2-ui/auto-complete", "description": "Angular Auto Complete component and directive."}, {"name": "ngx-otp-input", "url": "https://github.com/pkovzz/ngx-otp-input", "description": "One time password input library for Angular."}, {"name": "ngx-show-hide-password", "url": "https://github.com/osahner/ngx-show-hide-password", "description": "Add split input button to password or text input. Toggles input type between \"text\" and \"password\"."}, {"name": "ngx-phone-field", "url": "https://github.com/alex-mirankov/ngx-phone-field", "description": "Angular directive for international phone input with flag dropdowns, supporting Reactive and Template-Driven Forms."}, {"name": "ngx-rabe-star", "url": "https://github.com/Avotraina/ngx-rabe-star", "description": "An Angular library that provides a customizable star rating component for your Angular application."}, {"name": "ngx-mat-birthday-input", "url": "https://github.com/rbalet/ngx-mat-birthday-input", "description": "An Angular Material library for entering a birthday."}, {"name": "ngx-countries-dropdown", "url": "https://github.com/kapilkumar0037/ngx-countries-dropdown", "description": "Angular library with customizable countries dropdown component with flags, dial code, language and currency details."}, {"name": "ngx-mat-split-button", "url": "https://github.com/feature23/ngx-mat-split-button", "description": "Angular Material split button with a primary action and dropdown for secondary options."}, {"name": "ng-select2", "url": "https://github.com/Harvest-Dev/ng-select2", "description": "This Angular CLI module is a fork of [select2-component](https://github.com/plantain-00/select2-component)."}, {"name": "ngx-duration-picker", "url": "https://github.com/FrancescoBorzi/ngx-duration-picker", "description": "Angular component for ISO\\_8601 durations."}, {"name": "ngx-super-select-tree", "url": "https://github.com/HesamKashefi/ngx-super-select-tree", "description": "A single/multiple choice drop down tree for Angular!"}, {"name": "ngx-easy-emoji-picker", "url": "https://github.com/PsySanchez/ngx-easy-emoji-picker", "description": "Angular library that seamlessly integrates emoji selection into your application."}, {"name": "ngx-mat-table-multi-sort", "url": "https://github.com/pgerke/ngx-mat-table-multi-sort", "description": "Add multi-sort capability to an Angular Material table."}, {"name": "ngx-virtual-select-field", "url": "https://github.com/Vizer/ngx-virtual-select-field", "description": "This package replicates the Angular Material Select component with virtual scroll capabilities with help of cdk-virtual-scroll."}, {"name": "ng-country-select", "url": "https://github.com/wlucha/ng-country-select", "description": "A smart, multilingual country search with flags and codes."}, {"name": "ngx-card-wrapper", "url": "https://github.com/filip194/ngx-card-wrapper", "description": "Angular >=16 wrapper for [card.js](https://github.com/jessepollak/card), which provides a credit card form."}, {"name": "ngx-cron", "url": "https://github.com/swimlane/ngx-cron", "description": "User-friendly cron input."}, {"name": "@amirsavand/ngx-input", "url": "https://www.npmjs.com/package/@amirsavand/ngx-input", "description": "Awesome all-in-one Angular package for inputs and forms handling."}, {"name": "ngx-pwd", "url": "https://github.com/noelitocalma/ngx-pwd", "description": "Password Strength Meter and Generator."}, {"name": "ng-otp-input", "url": "https://github.com/code-farmz/ng-otp-input", "description": "A fully customizable, one-time password (OTP) input component for the web built with Angular."}, {"name": "ngx-np-datepicker", "url": "https://www.npmjs.com/package/ngx-np-datepicker", "description": "Angular datepicker supporting the Nepali (Bikram Sambat) calendar with easy form integration."}, {"name": "ngx-multi-select-input", "url": "https://github.com/noredinebahri/ngx-multi-select-input", "description": "Modern Angular standalone component for multi-term input with chips, autocomplete, and color support\u2014ideal for tag editors and search bars."}, {"name": "rm-ng-star-rating", "url": "https://github.com/malikrajat/rm-ng-star-rating", "description": "A fully customizable and feature-rich Angular standalone component for advanced star ratings with precision and responsive design."}, {"name": "ngx-animated-paginator", "url": "https://github.com/eladbh-stanley/ngx-animated-paginator", "description": "Angular wrapper for [animated-paginator-web-component](https://www.npmjs.com/package/animated-paginator-web-component) that plugs seamlessly into template-driven and reactive forms via `ControlValueAccessor`."}, {"name": "ngx-input-color", "url": "https://github.com/mr-samani/ngx-input-color", "description": "`ngx-input-gradient` and `ngx-input-color` are customizable Angular components for color/gradient picking with previews and form integration."}, {"name": "ngx-morse", "url": "https://github.com/monkeyscript/ngx-morse", "description": "A simple morse code encoder and decoder for Angular."}, {"name": "ngxsmk-tel-input", "url": "https://github.com/toozuuu/ngxsmk-tel-input", "description": "An Angular telephone input component with country dropdown, flags, and robust validation/formatting."}, {"name": "gradient-picker", "url": "https://github.com/acrodata/gradient-picker", "description": "A powerful and beautiful gradient picker."}, {"name": "ngxsmk-datepicker", "url": "https://github.com/toozuuu/ngxsmk-datepicker", "description": "A modern, highly customizable Angular date range picker component."}, {"name": "ngx-country-selector", "url": "https://github.com/evicio1/ngx-country-selector", "description": "A sleek, customizable Angular Material country selector offering accessible dropdowns with flags, codes, local names, and more."}, {"name": "angular-datepicker2", "url": "https://github.com/nsnayp13/angular-datepicker2", "description": "Lightweight Angular 16+ datepicker with standalone support, range and multi-date selection, and customizable templates\u2014no external dependencies."}, {"name": "ngx-phone", "url": "https://github.com/manishpatidar028/ngx-phone", "description": "Angular phone input with auto country detection, real-time formatting, validation, and full forms support."}, {"name": "ngx-phone-country-input", "url": "https://github.com/mostafaM212/ngx-phone-country-input", "description": "Comprehensive Angular library for phone input and country selection with reactive forms support."}, {"name": "ngx-mat-period-picker", "url": "https://github.com/felixdulfer/ngx-mat-period-picker", "description": "A modern Angular Material period picker component built with standalone components."}, {"name": "touchspin-angular", "url": "https://github.com/istvan-ujjmeszaros/touchspin-angular", "description": "Angular adapter for the [TouchSpin](https://github.com/istvan-ujjmeszaros/touchspin) number input component with per-renderer support."}, {"name": "ngxsmk-otp-input", "url": "https://github.com/toozuuu/ngxsmk-otp-input", "description": "Lightweight standalone Angular 17+ OTP/PIN input with SCSS theming, autofill, masking, and reactive forms support."}, {"name": "ngx-cron-editor", "url": "https://github.com/haavardj/ngx-cron-editor", "description": "Graphical Angular 15+ cron builder with reactive forms integration and Material Design styling."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 JSON Forms", "entries": [{"name": "ngx-formly", "url": "https://github.com/ngx-formly/ngx-formly", "description": "JSON powered / Dynamic forms for Angular."}, {"name": "formio", "url": "https://github.com/formio/angular", "description": "JSON powered forms for Angular."}, {"name": "fluent-form", "url": "https://github.com/fluent-form/fluent-form", "description": "Building dynamic form in Angular with Fluent API or JSON."}, {"name": "jsonforms", "url": "https://github.com/eclipsesource/jsonforms", "description": "Customizable JSON Schema-based forms with React, Angular and Vue support out of the box."}, {"name": "jsonforms-angular-seed", "url": "https://github.com/eclipsesource/jsonforms-angular-seed", "description": "Angular-based JSON Forms seed app."}, {"name": "ng-formworks", "url": "https://github.com/zahmo/ng-formworks", "description": "An Angular [JSON Schema](https://json-schema.org/) Form builder, similar to, and mostly API compatible with, [Angular Schema Form](http://schemaform.io/examples/bootstrap-example.html), [React JSON Schema Form](https://rjsf-team.github.io/react-jsonschema-form/), and [JSON Form](https://ulion.github.io/jsonform/playground/)."}, {"name": "DynamicAngularForm", "url": "https://github.com/Brrake/DynamicAngularForm", "description": "Create dynamic form by passing a JSON with associated values."}, {"name": "dynamic-forms", "url": "https://github.com/dynamic-forms/dynamic-forms", "description": "Angular project for dynamic forms based on JSON."}, {"name": "json-forms-zorro-wrapper", "url": "https://github.com/wojtek1150/json-forms-zorro-wrapper", "description": "Ng Zorro wrapper for json forms library."}, {"name": "ngx-formwork", "url": "https://github.com/TheNordicOne/ngx-formwork", "description": "Framework for Angular Reactive Forms built from JSON or TypeScript configuration."}, {"name": "ngx-formbar", "url": "https://github.com/TheNordicOne/ngx-formbar", "description": "A highly flexible framework for generating declarative reactive forms."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Form Validation", "entries": [{"name": "ngx-valdemort", "url": "https://github.com/Ninja-Squad/ngx-valdemort", "description": "Simpler, cleaner Angular validation error messages."}, {"name": "validointi", "url": "https://github.com/validointi/validointi", "description": "This is a library to help you validate your template driven forms."}, {"name": "ngx-reactive-forms-utils", "url": "https://github.com/pjlamb12/ngx-reactive-forms-utils", "description": "Provides easy validation error display and custom validators."}, {"name": "angular-reactive-validation", "url": "https://github.com/davidwalschots/angular-reactive-validation", "description": "This library simplifies Reactive Forms validation by eliminating the need for extensive HTML."}, {"name": "ngx-formcontrol-errors", "url": "https://github.com/dgonzalez870/ngx-formcontrol-errors", "description": "A directive for showing errors in Angular form controls."}, {"name": "ngx-validator-pack", "url": "https://github.com/dynimorius/ngx-validator-pack", "description": "A collection of validators designed to simplify usage and allow quick customization."}, {"name": "ngx-error-msg", "url": "https://github.com/fakeJan499/ngx-error-msg", "description": "The error message mapping library for Angular."}, {"name": "ngx-validators", "url": "https://github.com/marcellodotgg/ngx-validators", "description": "A library that provides additional Angular Validators, including the ones Angular provides."}, {"name": "ngx-reactive-form-class-validator", "url": "https://github.com/abarghoud/ngx-reactive-form-class-validator", "description": "A lightweight library for dynamically validate Angular reactive forms using [class-validator](https://github.com/typestack/class-validator) library."}, {"name": "ng-error-tooltips", "url": "https://github.com/mkeller1992/ng-error-tooltips", "description": "Angular reactive forms library that shows error tooltips for user-friendly validation messages."}, {"name": "ngx-forms-validator", "url": "https://github.com/apalaciosdev/ngx-forms-validator", "description": "A forms validator library for Angular."}, {"name": "ngx-control-message", "url": "https://github.com/chawkitariq/ngx-control-message", "description": "A library for binding a message to a synchronous or asynchronous form control validator."}, {"name": "safari-numfix", "url": "https://github.com/algrith/safari-numfix", "description": "A lightweight utility to safely handle paste and keydown events on number input fields in Safari."}, {"name": "ngx-input-errors", "url": "https://github.com/aks1376/ngx-input-errors", "description": "Angular Reactive Forms library that auto-displays validation errors with multi-language and custom message support."}, {"name": "error-message", "url": "https://github.com/LuEsc/error-message", "description": "Lightweight Angular library for flexible, standardized validation error display and management."}, {"name": "ng-reactive-form-validate", "url": "https://github.com/vbnr/ng-reactive-form-validate", "description": "Angular library for streamlined form validation with customizable messages, Transloco integration, and styled error labels."}, {"name": "angular-password-checker", "url": "https://github.com/akehir/angular-password-checker", "description": "Protect your users from re-using a password known to be hacked with this simple Angular directive."}, {"name": "translation-validation", "url": "https://github.com/RiskChallenger/translation-validation", "description": "Automatic validation messages for Angular forms in any language."}, {"name": "polish-validators", "url": "https://github.com/joker876/polish-validators", "description": "A validation library designed for Polish-specific formats, also available as an Angular wrapper via [ngx-polish-validators](https://www.npmjs.com/package/ngx-polish-validators)."}, {"name": "ngx-mat-errors", "url": "https://github.com/Totati/ngx-mat-errors", "description": "Offers a simple and adaptable approach to presenting error messages within a `MatFormField`."}, {"name": "oop-validator", "url": "https://github.com/visaruruqi/oop-validator", "description": "Powerful, flexible validation library for any UI framework\u2014Vue, React, Angular, and more\u2014for complete front-end validation."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Icons", "entries": [{"name": "angular-fontawesome", "url": "https://github.com/FortAwesome/angular-fontawesome", "description": "Official Angular component for Font Awesome 5+."}, {"name": "ng2-fontawesome", "url": "https://github.com/seiyria/ng2-fontawesome", "description": "A small directive making font awesome even easier to use."}, {"name": "ng-icons", "url": "https://github.com/ng-icons/ng-icons", "description": "The ultimate icon library for Angular."}, {"name": "primeicons", "url": "https://github.com/primefaces/primeicons", "description": "The default icon library of PrimeNG with over 250 open source icons developed by PrimeTek."}, {"name": "angular-svg-icon", "url": "https://github.com/czeckd/angular-svg-icon", "description": "Angular component and service for inlining SVGs allowing them to be easily styled with CSS."}, {"name": "@ngneat/svg-icon", "url": "https://github.com/ngneat/svg-icon", "description": "A lightweight library that makes it easier to use SVG icons in your Angular Application."}, {"name": "Angular-Svg-Sprite", "url": "https://github.com/bodnya29179/Angular-Svg-Sprite", "description": "Simplify Angular SVG icon usage with flexible, manageable SVG sprites."}, {"name": "ng-hero-icons", "url": "https://github.com/dimaslz/ng-heroicons", "description": "Use [Heroicons](https://heroicons.com) in your Angular application."}, {"name": "ngx-fluent-ui", "url": "https://github.com/bennymeg/ngx-fluent-ui", "description": "Angular & online library for Microsoft Fluent UI icons."}, {"name": "angular-remix-icon", "url": "https://github.com/adisreyaj/angular-remix-icon", "description": "Angular wrapper for Remixicon icon library."}, {"name": "angular-line-awesome", "url": "https://github.com/marco-martins/angular-line-awesome", "description": "Angular Line Awesome is an Angular component to manage [Line Awesome](https://icons8.com/line-awesome) icons."}, {"name": "angular-tabler-icons", "url": "https://github.com/pierreavn/angular-tabler-icons", "description": "This package allows you to use the [Tabler Icons](https://tabler.io/icons) in your Angular applications."}, {"name": "ngx-fast-svg", "url": "https://github.com/push-based/ngx-fast-svg", "description": "SVGs, fast and developer friendly in Angular."}, {"name": "angular-techs-logos", "url": "https://github.com/criar-art/angular-techs-logos", "description": "Library of tech related icons."}, {"name": "ngx-x-browser-svg-mask", "url": "https://github.com/bmartinson/ngx-x-browser-svg-mask", "description": "Directive to easily achieve cross browser compliance while creating SVG masks."}, {"name": "Semantic Icons", "url": "https://github.com/khalilou88/semantic-icons", "description": "Free, open-source icon collection for Angular projects via component selector and SVG tag."}, {"name": "coolshapes", "url": "https://github.com/ngxpert/coolshapes", "description": "An Angular library aiming at allowing developers to use cool-looking abstract shapes with little grainy gradients from [coolshapes](https://coolshap.es/)."}, {"name": "lucide", "url": "https://github.com/lucide-icons/lucide", "description": "Open-source icon library with 1000+ SVGs, featuring an [official Angular package](https://lucide.dev/guide/packages/lucide-angular) for easy integration."}, {"name": "@ngverse/icons", "url": "https://github.com/ngverse/icons", "description": "Angular library that allows you to use popular open-source icons as regular components."}, {"name": "angular-phosphor-icons", "url": "https://github.com/aromero86/angular-phosphor-icons", "description": "Set of components designed for utilizing [Phosphor Icons](https://phosphoricons.com/) in Angular via directives."}, {"name": "ic-on", "url": "https://www.npmjs.com/package/@ic-on/main", "description": "The future of iconing."}, {"name": "ngxi", "url": "https://github.com/adrian-ub/ngxi", "description": "Comprehensive SVG icon set for Angular with seamless integration of thousands of popular icons."}, {"name": "chill-wind-icons", "url": "https://github.com/alimjanablikim/chill-wind-icons", "description": "Dynamic Angular icon library with native Tailwind CSS support, tree-shakeable icon data, and built from Iconoir SVGs."}, {"name": "@TSB04/svg-icon", "url": "https://github.com/TSB04/svg-icon", "description": "Framework-agnostic, customizable, lightweight SVG icon package for React, Vue, Angular, and more."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Images", "entries": [{"name": "cloudinary", "url": "https://cloudinary.com/documentation/angular_integration", "description": "Angular SDK from Cloudinary."}, {"name": "ng-cropper", "url": "https://github.com/DanielGabbay/ng-cropper", "description": "Angular image cropper built on `CropperJS` with customizable interface and optional toolbar for seamless cropping."}, {"name": "ngx-advanced-img", "url": "https://github.com/bmartinson/ngx-advanced-img", "description": "Angular attribute directives suite that provides various HTML img feature extensions."}, {"name": "ngx-annotorious", "url": "https://github.com/vedph/ngx-annotorious", "description": "Angular wrapper for [Annotorious V3](https://annotorious.dev/), a library that adds annotations to images."}, {"name": "ngx-avatars", "url": "https://github.com/Heatmanofurioso/ngx-avatars", "description": "Spiritual successor to [ngx-avatar](https://github.com/HaithemMosbahi/ngx-avatar)."}, {"name": "ngx-blurhash-render", "url": "https://github.com/Mohid123/ngx-blurhash-render", "description": "Lightweight Angular 15+ library for rendering image blurhash, requiring [blurhash](https://www.npmjs.com/package/blurhash) dependency."}, {"name": "ngx-broken-img", "url": "https://github.com/andreagrossetti/ngx-broken-img", "description": "Angular directive to fix broken url in img. If image url returns 404, a placeholder is used to fill img's src."}, {"name": "ngx-easy-image-drawing", "url": "https://github.com/PsySanchez/ngx-easy-image-drawing", "description": "Angular library for easy image drawing on a canvas."}, {"name": "ngx-image-compression", "url": "https://github.com/ShreyashThorat-17/ngx-image-compression", "description": "A lightweight image compression and conversion library for Angular."}, {"name": "ngx-image-cropper", "url": "https://github.com/Mawi137/ngx-image-cropper", "description": "An image cropper for Angular."}, {"name": "ngx-image-hero", "url": "https://github.com/hm21/ngx-image-hero", "description": "Hero animation package for smooth, clickable image zoom into immersive view."}, {"name": "ngx-img-cropper", "url": "https://github.com/web-dave/ngx-img-cropper", "description": "Image cropping tool for Angular."}, {"name": "ngx-lightbox", "url": "https://github.com/jjmhalew/ngx-lightbox", "description": "A [lightbox2](https://github.com/lokesh/lightbox2) implementation port to use with Angular >= 18 (zoneless)."}, {"name": "ngx-pinch-zoom", "url": "https://github.com/medDV-GmbH/ngx-pinch-zoom", "description": "This module enables image zooming and positioning through touch screen gestures."}, {"name": "ngx-ratio-image", "url": "https://github.com/gerd-siebert/ngx-ratio-image", "description": "An Angular library to show an image with variable ratio in container with a fixed ratio."}, {"name": "ngx-smart-cropper", "url": "https://github.com/kurti-vdb/ngx-smart-cropper", "description": "Angular standalone image uploader with crop, resize, drag-and-resize, grid overlays, and aspect ratio support."}, {"name": "unpic", "url": "https://unpic.pics/img/angular/", "description": "Angular directive for responsive, high-performance images with automatic srcset, sizing, and CDN/CMS URL detection."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Keyboard Mouse", "entries": [{"name": "ngx-focus-control", "url": "https://github.com/Raiper34/ngx-focus-control", "description": "Library to provide tools to work with focus and focusable elements to improve user interfaces and accessibility."}, {"name": "virtual-keyboard-javascript", "url": "https://github.com/virtual-keyboard-javascript/virtual-keyboard-javascript.github.io", "description": "Virtual Keyboard for JavaScript, React, Angular, & Vue."}, {"name": "angular-touch-keyboard", "url": "https://github.com/mohsen77sk/angular-touch-keyboard", "description": "Virtual Keyboard for Angular applications."}, {"name": "hotkeys", "url": "https://github.com/ngneat/hotkeys", "description": "A declarative library for handling hotkeys in Angular applications."}, {"name": "ngx-contextmenu", "url": "https://github.com/PerfectMemory/ngx-contextmenu", "description": "A context menu component for Angular."}, {"name": "ngx-keys", "url": "https://github.com/mrivasperez/ngx-keys", "description": "A reactive Angular library for managing keyboard shortcuts with signals based UI integration."}, {"name": "focusly", "url": "https://github.com/mad-vx/focusly", "description": "A lightweight Angular library that brings intuitive, keyboard-driven navigation to web applications."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Layout Components", "entries": [{"name": "angular-split", "url": "https://github.com/bertrandg/angular-split", "description": "Angular split component."}, {"name": "overview", "url": "https://github.com/ngneat/overview", "description": "A collection of tools to make your Angular views more modular, scalable, and maintainable."}, {"name": "ngx-layout", "url": "https://github.com/ngbracket/ngx-layout", "description": "Clone of Angular FlexLayout."}, {"name": "ng-sortgrid", "url": "https://github.com/kreuzerk/ng-sortgrid", "description": "A grid that allows you to sort all items via drag & drop."}, {"name": "angular-gridster2", "url": "https://github.com/tiberiuzuld/angular-gridster2", "description": "Angular gridster 2."}, {"name": "angular-grid-layout", "url": "https://github.com/katoid/angular-grid-layout", "description": "Responsive grid with draggable and resizable items for Angular applications."}, {"name": "gridstack", "url": "https://github.com/gridstack/gridstack.js/tree/master/angular/", "description": "Mobile-friendly TypeScript library for drag-and-drop, multi-column responsive dashboards with Angular support."}, {"name": "ngx-flickering-grid", "url": "https://github.com/omnedia/ngx-flickering-grid", "description": "A simple component library to create a container with an animated grid pattern background."}, {"name": "ngx-gridpattern", "url": "https://github.com/omnedia/ngx-gridpattern", "description": "A simple component library to create a container with an pattern background."}, {"name": "ngx-retro-grid", "url": "https://github.com/omnedia/ngx-retro-grid", "description": "3D perspective grid component with customizable colors, rotation, and smooth animations for nostalgic or futuristic effects."}, {"name": "ngx-bottom-sheet", "url": "https://github.com/ArslanAmeer/ngx-bottom-sheet", "description": "A highly customizable and lightweight Angular service that provides a mobile-friendly bottom sheet component."}, {"name": "ngx-van", "url": "https://github.com/otodockal/ngx-van", "description": "Tiny HTML nav replacement with desktop nav and built-in mobile sliding side menu\u2014no duplication."}, {"name": "ngx-swipe-menu", "url": "https://github.com/charlesschaefer/ngx-swipe-menu", "description": "A component to create \"swipe left to 'action'\" experiences."}, {"name": "ng-simple-sidebar", "url": "https://github.com/secanis/ng-simple-sidebar", "description": "A simple Angular component to generate a sidebar with a hamburger menu."}, {"name": "ngx-bladex", "url": "https://github.com/karnavpargi/ngx-bladex", "description": "A simplistic blade component for Angular with minimize/maximize and a close button."}, {"name": "berg-layout", "url": "https://github.com/blidblid/berg-layout", "description": "This monorepo contains versions of the [Berg Layout for Angular](https://www.npmjs.com/package/@berg-layout/angular), React, and Web Components."}, {"name": "static-columns", "url": "https://github.com/darekf77/static-columns", "description": "Define columns with static width with Angular and FlexBox."}, {"name": "ngx-flex-layout", "url": "https://github.com/jtc10005/ngx-flex-layout", "description": "Port of [Angular Flex Layout](https://github.com/angular/flex-layout) to provide support after EOL."}, {"name": "ng-polymorpheus", "url": "https://github.com/taiga-family/ng-polymorpheus", "description": "Polymorpheus is a tiny library for polymorphic templates in Angular."}, {"name": "gui", "url": "https://github.com/acrodata/gui", "description": "JSON powered GUI for configurable panels."}, {"name": "ngx-zoomable", "url": "https://github.com/json-k/ngx-zoomable", "description": "A zoomable, pannable container component for Angular applications."}, {"name": "ngx-material-drawer", "url": "https://github.com/ansarisufiyan777/ngx-material-drawer", "description": "Configurable Angular Material Drawer and Toolbar."}, {"name": "@marxlnfcs/ngx-grid", "url": "https://github.com/marxlnfcs/ngx-grid", "description": "Simple Angular Grid Module for modern grid layouts."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Loaders", "entries": [{"name": "angular-busy", "url": "https://github.com/tiberiuzuld/angular-busy", "description": "Show busy/loading indicators on any element during a promise/Observable."}, {"name": "angular-svg-round-progressbar", "url": "https://github.com/crisbeto/angular-svg-round-progressbar", "description": "Angular module that uses SVG to create a circular progressbar."}, {"name": "dotglitch-ngx", "url": "https://github.com/knackstedt/dotglitch-ngx/tree/main/packages/common/src/components/lazy-loader", "description": "Highly customizable lazy loader for Angular components."}, {"name": "groupix-spinner-library", "url": "https://github.com/ArshdeepGrover/groupix-spinner-library", "description": "A lightweight Angular spinner library for seamless loading animations!"}, {"name": "ng-loading-skeleton", "url": "https://github.com/arbrim/ng-loading-skeleton", "description": "A lightweight and customizable Angular loading skeleton component."}, {"name": "ng-overlay-skeleton-loader", "url": "https://github.com/ebrahim-salehipanah/ng-overlay-skeleton-loader", "description": "A lightweight Angular directive to add customizable skeleton loading states to your components."}, {"name": "ngx-fastboot", "url": "https://github.com/KernelPanic92/ngx-fastboot", "description": "Dynamic Angular configuration loader that boosts startup performance by compiling configs in a separate chunk."}, {"name": "ngx-loader", "url": "https://github.com/nisicadmir/ngx-loader", "description": "Basic loader paired with a service for state management."}, {"name": "ngx-loader-indicator", "url": "https://github.com/jsdaddy/ngx-loader-indicator", "description": "Awesome loader for Angular applications. No wrappers only your elements."}, {"name": "ngx-loading-bar", "url": "https://github.com/aitboudad/ngx-loading-bar", "description": "Automatic page loading / progress bar for Angular."}, {"name": "ngx-loading-buttons", "url": "https://github.com/dkreider/ngx-loading-buttons", "description": "A lightweight Angular library to add a loading spinner to your Angular Material buttons."}, {"name": "ngx-loading-overlay", "url": "https://github.com/shaman-apprentice/ngx-loading-overlay", "description": "An Angular directive adding a loading overlay to your HTML."}, {"name": "ngx-loading-page", "url": "https://github.com/dilipkumarsahoo/ngx-loading-page", "description": "Sleek, adaptable loading component with multiple loader styles, dynamic themes, customizable backgrounds, and Bootstrap card design."}, {"name": "ngx-progressbar", "url": "https://github.com/MurhafSousli/ngx-progressbar", "description": "Nanoscopic progress bar, featuring realistic trickle animations."}, {"name": "ngx-signal-loading-bar", "url": "https://github.com/KennySchl/ngx-signal-loading-bar", "description": "A lightweight, signal-based, zoneless loading bar for Angular."}, {"name": "ngx-skeleton-loader", "url": "https://github.com/willmendesneto/ngx-skeleton-loader", "description": "Make beautiful, animated loading skeletons that automatically adapt to your Angular apps."}, {"name": "ngx-source", "url": "https://github.com/mehrabisajad/ngx-source", "description": "Dynamically load JavaScript and CSS during application execution."}, {"name": "ngx-spinner", "url": "https://github.com/napster2210/ngx-spinner", "description": "A library for loading spinner for Angular."}, {"name": "ngx-spinner-loading", "url": "https://github.com/thalsi/ngx-spinner-loading", "description": "Lightweight, customizable Angular spinner with global, section, inline loaders, HTTP interceptors, and signal-based state."}, {"name": "ngxsmk-skeleton-loader", "url": "https://github.com/Cholki2025/ngxsmk-skeleton-loader", "description": "A lightweight skeleton loader featuring SCSS animations and easy theming."}, {"name": "ngx-ui-loader", "url": "https://github.com/t-ho/ngx-ui-loader", "description": "Versatile Angular loader/spinner with foreground/background modes, progress bars, and multi-loader support."}, {"name": "nx-svg-loaders", "url": "https://github.com/ngeenx/nx-svg-loaders", "description": "Angular, React, Svelte, Vue SVG loader/spinner collection."}, {"name": "skeletonizer", "url": "https://github.com/lukaVarga/skeletonizer", "description": "Lightweight, customizable package for creating skeleton views with Vue and Angular adapters."}, {"name": "skeleton-styler", "url": "https://github.com/HoaiNam071001/skeleton-styler", "description": "A lightweight, framework-agnostic library to generate skeleton loading UIs with customizable styles and animations."}, {"name": "square-progress", "url": "https://github.com/mominrazashahid/square-progress", "description": "Square progress bar with animation."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Loggers", "entries": [{"name": "lumberjack", "url": "https://github.com/ngworker/lumberjack", "description": "Versatile Angular logging library with built-in drivers and easy customization for custom log drivers."}, {"name": "angular-logger", "url": "https://github.com/avernixtechnologies/angular-logger", "description": "A logger built with Angular in mind."}, {"name": "@Xilerth/ngx-logger", "url": "https://github.com/Xilerth/ngx-logger", "description": "Library for seamless custom logging integration, enabling efficient debugging, monitoring, and analytics."}, {"name": "pretty-html-log", "url": "https://github.com/angular-extensions/pretty-html-log", "description": "Module for pretty-printing ComponentFixtures, DebugElements, NativeElements, or HTML strings in Jest Angular tests."}, {"name": "log4ngx", "url": "https://github.com/secondbounce/log4ngx", "description": "A TypeScript logging framework for Angular projects, based on concepts used in Log4j, Log4net, etc."}, {"name": "ngx-wlog", "url": "https://github.com/w5g-wywiwyg/ngx-wlog", "description": "A logger for Angular applications, drawing inspiration from the `.NET` [NLog](https://nlog-project.org/)."}, {"name": "ng-route-logger", "url": "https://github.com/souravion/ng-route-logger", "description": "A simple and powerful library that helps you track page navigation times inside your Angular application."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Maps", "entries": [{"name": "angular-cesium", "url": "https://github.com/TGFTech/angular-cesium", "description": "Creating map based web apps using Cesium and Angular."}, {"name": "cesium-angular-example", "url": "https://github.com/Developer-Plexscape/cesium-angular-example", "description": "A simple web application that demonstrates integration of [Cesium](https://cesium.com) with the LATEST version of Angular."}, {"name": "ngx-mapbox-gl", "url": "https://github.com/Wykks/ngx-mapbox-gl", "description": "Angular binding of mapbox-gl-js."}, {"name": "ng-maps", "url": "https://github.com/ng-maps/ng-maps", "description": "Modular map components for Angular."}, {"name": "ngx-leaflet", "url": "https://github.com/bluehalo/ngx-leaflet", "description": "Core Leaflet package for Angular."}, {"name": "ngx-leaflet-markercluster", "url": "https://github.com/bluehalo/ngx-leaflet-markercluster", "description": "Provides [leaflet.markercluster](https://github.com/Leaflet/Leaflet.markercluster) integration into Angular projects."}, {"name": "ngx-maplibre-gl", "url": "https://github.com/maplibre/ngx-maplibre-gl", "description": "Angular binding of maplibre-gl."}, {"name": "ng-azure-maps", "url": "https://github.com/arnaudleclerc/ng-azure-maps", "description": "Angular HTML-driven wrapper for azure-maps-controls, enabling easy integration into Angular applications."}, {"name": "HERE maps API for JavaScript", "url": "https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/angular-practices.html", "description": "Integrate [HERE Maps](https://www.here.com/) with Angular for interactive maps, geocoding, routing, and more."}, {"name": "ngx-gaia-gis", "url": "https://github.com/Olympus-Analytics/ngx-gaia-gis", "description": "An Angular service that simplifies map creation and interaction using the powerful [OpenLayers](https://openlayers.org/) library."}, {"name": "ngx-google-maps-places", "url": "https://github.com/lekhmanrus/ngx-google-maps-places", "description": "Angular wrapper for Google Maps Places API, simplifying Google Places integration."}, {"name": "angular-yandex-maps", "url": "https://github.com/ddubrava/angular-yandex-maps", "description": "Yandex.Maps Angular components that implement the Yandex.Maps JavaScript API."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Markdown", "entries": [{"name": "angular-markdown-editor", "url": "https://github.com/ghiscoding/angular-markdown-editor", "description": "Angular Markdown Editor. All-in-one Markdown Editor and Preview."}, {"name": "markular", "url": "https://github.com/larswaechter/markular", "description": "A lightweight Markdown editor for Angular."}, {"name": "mdbook-angular", "url": "https://github.com/bgotink/mdbook-angular", "description": "A renderer for [mdbook](https://rust-lang.github.io/mdBook/index.html) that turns Angular code samples into running Angular applications."}, {"name": "md-juice", "url": "https://github.com/aruidev/md-juice", "description": "A lightweight, tokenized CSS theme for Markdown HTML output."}, {"name": "ngx-markdown", "url": "https://github.com/jfcere/ngx-markdown", "description": "Angular library that combines Marked, Prism.js, Emoji-Toolkit, KaTeX, Mermaid and Clipboard.js."}, {"name": "ngx-md", "url": "https://github.com/dimpu/ngx-md", "description": "Angular directive for parsing markdown content in your web application."}, {"name": "ngx-mdx", "url": "https://github.com/SalathielGenese/ngx-mdx", "description": "Take Angular lifecycle to Markdown for a seamless experience."}, {"name": "ngx-remark", "url": "https://github.com/ericleib/ngx-remark", "description": "Render markdown with custom Angular templates."}, {"name": "ngx-textile", "url": "https://github.com/vincent/ngx-textile", "description": "Use the Textile markup language in your Angular project using [textile-js](https://github.com/borgar/textile-js)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Media", "entries": [{"name": "angular-audio-context", "url": "https://github.com/chrisguttandin/angular-audio-context", "description": "An Angular wrapper for the Web Audio API's AudioContext."}, {"name": "silicon-audio-wave", "url": "https://github.com/joldibaev/silicon-audio-wave", "description": "Very simple audio wave system from Silicon."}, {"name": "byteark-player-angular", "url": "https://github.com/byteark/byteark-player-angular", "description": "Player Container from [ByteArk](https://www.byteark.com/)."}, {"name": "Vidstack", "url": "https://github.com/vidstack/player", "description": "Framework with UI components for custom web media players, plus a customizable Default Layout. See [installation guide](https://www.vidstack.io/docs/player/getting-started/installation/angular?styling=default-layout\\&provider=video)."}, {"name": "@dytesdk/web-core", "url": "https://www.npmjs.com/package/@dytesdk/web-core", "description": "This [quickstart](https://docs.dyte.io/guides/livestream/client-setup/angular) shows how to add Dyte's Livestream SDK to your Angular applications."}, {"name": "voicecapture-angular", "url": "https://github.com/angular-a11y/voicecapture-angular", "description": "The library offers customizable options for handling voice input and transcription, making it a flexible solution for enhancing user interfaces."}, {"name": "ngx-video-timeline", "url": "https://github.com/LennonReid/ngx-video-timeline", "description": "Video playback progress bar component."}, {"name": "ngx-cam-shoot", "url": "https://github.com/RzoDev/ngx-cam-shoot", "description": "A streamlined Angular component that simplifies using your device's camera and accelerates image capture and saving."}, {"name": "velt", "url": "https://velt.dev/", "description": "Add AI powered collaboration features ridiculously fast."}, {"name": "cometchat-uikit-angular", "url": "https://github.com/cometchat/cometchat-uikit-angular", "description": "[CometChat](https://www.cometchat.com/) Angular UI Kit offers pre-built UI for quick, reliable, fully featured chat integration."}, {"name": "@poseclop/ngx-video-player", "url": "https://www.npmjs.com/package/@poseclop/ngx-video-player", "description": "A lightweight video player component that emulates YouTube."}, {"name": "ngx-lite-video-v2", "url": "https://github.com/KSmp/ngx-lite-video", "description": "Updated fork of [ngx-lite-video](https://github.com/karim-mamdouh/ngx-lite-video), adding lazy loading for YouTube and Vimeo iframes in Angular."}, {"name": "ngx-user-camera", "url": "https://codeberg.org/tomaszatoo/ngx-user-camera", "description": "Modern Angular 20+ camera component with front/back switching, optional canvas rendering, and zoneless reactive signals."}, {"name": "rm-ng-video-player", "url": "https://github.com/malikrajat/rm-ng-video-player-main", "description": "An advanced, feature-rich Angular video player with YouTube-style controls and Apple-inspired glassmorphism design."}, {"name": "ngx-rumbletalk", "url": "https://github.com/RumbleTalk/ngx-rumbletalk", "description": "An Angular library for [Rumbletalk](https://rumbletalk.com/) group chats."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Mixed Utilities", "entries": [{"name": "rx-angular", "url": "https://github.com/rx-angular/rx-angular", "description": "RxAngular toolkit for fully reactive apps focused on performance, template rendering, and developer experience."}, {"name": "ng-web-apis", "url": "https://github.com/taiga-family/ng-web-apis", "description": "A set of common utils for consuming Web APIs with Angular."}, {"name": "daffodil", "url": "https://github.com/graycoreio/daffodil", "description": "Angular Ecommerce PWA Framework."}, {"name": "ngworker", "url": "https://github.com/ngworker/ngworker", "description": "Monorepo for the @ngworker NPM organization. Packages for Angular applications and testing."}, {"name": "jscutlery devkit", "url": "https://github.com/jscutlery/devkit", "description": "Tools that make Angular developer's life easier."}, {"name": "Official Angular Components repository", "url": "https://github.com/angular/components", "description": "Component infrastructure and Material Design components for Angular."}, {"name": "lithium-angular", "url": "https://github.com/lVlyke/lithium-angular", "description": "Lithium simplifies Angular with utilities for seamless reactive state and event interactions."}, {"name": "rxweb", "url": "https://github.com/rxweb/rxweb", "description": "Tons of extensively featured packages for Angular, Vue and React Projects."}, {"name": "ngspot", "url": "https://github.com/DmitryEfimenko/ngspot", "description": "Collection of awesome Angular libraries."}, {"name": "ts-cacheable", "url": "https://github.com/angelnikolov/ts-cacheable", "description": "A popular platform-agnostic caching library."}, {"name": "ngxtension-platform", "url": "https://github.com/ngxtension/ngxtension-platform", "description": "Utilities for Angular."}, {"name": "spartan", "url": "https://github.com/goetzrobin/spartan", "description": "Cutting-edge tools powering Angular full-stack development."}, {"name": "ngify", "url": "https://github.com/ngify/ngify", "description": "Use Angular features outside of Angular."}, {"name": "angular-kit", "url": "https://github.com/mikelgo/angular-kit", "description": "A set of powerful Angular tools including pipes, lifecycle hooks, and reactive enhancements."}, {"name": "angular-ru-sdk", "url": "https://github.com/Angular-RU/angular-ru-sdk", "description": "Set of toolchains for common interaction patterns, abstracting Angular core functionalities without presentation bias."}, {"name": "dfts-common", "url": "https://github.com/Dafnik/dfts-common", "description": "Collection of TypeScript and Angular libraries (QR Code, Bootstrap table and icons, and other utilities)."}, {"name": "sba-angular", "url": "https://github.com/sinequa/sba-angular", "description": "[Sinequa's](https://www.sinequa.com/) Angular-based Search Based Application (SBA) Framework."}, {"name": "ng-as", "url": "https://www.npmjs.com/package/ng-as", "description": "Angular pipe and directive for type casting template variables."}, {"name": "angular-toolbox", "url": "https://github.com/pechemann/angular-toolbox", "description": "A library that provides useful tools for Angular apps development."}, {"name": "ngx-lift", "url": "https://github.com/wghglory/ngx-lift", "description": "`clr-lift` and `ngx-lift` enhance Angular with utilities, operators, and components for simplified development."}, {"name": "firestitch", "url": "https://github.com/orgs/Firestitch/repositories", "description": "A wide range of open-source Angular solutions is available from [Firestitch](https://firestitch.com/)."}, {"name": "@studiohyperdrive/ngx-tools", "url": "https://github.com/studiohyperdrive/hyperdrive-opensource", "description": "A mono-repo providing several of the Angular based packages created and maintained by the [Studio Hyperdrive](https://studiohyperdrive.be/) team."}, {"name": "ngx-utility", "url": "https://github.com/OPI-PIB/ngx-utility", "description": "Various helpers for forms, zones, DOM manipulation, HTTP requests, and more."}, {"name": "ssv.ngx", "url": "https://github.com/sketch7/ssv.ngx", "description": "Mono-repo of libraries from [sketch7](https://github.com/sketch7). [ngx.command](https://github.com/sketch7/ssv.ngx/tree/master/libs/ngx.command#readme) is a command pattern implementation for Angular. [ngx.ux](https://github.com/sketch7/ssv.ngx/blob/master/libs/ngx.ux/README.md) provides UX essentials and utilities for building apps."}, {"name": "ng-kit", "url": "https://github.com/js-smart/ng-kit", "description": "Reusable Angular components built with Angular Material and Bootstrap 5.x, Utility classes/functions for Date, Form and String operations."}, {"name": "nxt-components", "url": "https://github.com/Liquid-JS/nxt-components", "description": "A collection of various Angular components."}, {"name": "ngx-signal-plus", "url": "https://github.com/milad-hub/ngx-signal-plus", "description": "A comprehensive utility library for Angular Signals that provides enhanced functionality, operators, and utilities."}, {"name": "ngx-nuts-and-bolts", "url": "https://github.com/infinum/ngx-nuts-and-bolts", "description": "A collection of commonly used pieces of Angular-related code that are used by [Infinum](https://infinum.com/)."}, {"name": "ngx-common", "url": "https://github.com/paddls/ngx-common", "description": "A collection of useful features to enhance your Angular apps."}, {"name": "ngx-signals-plus", "url": "https://github.com/dszendrei/ngx-signals-plus", "description": "Additional Signals to improve developer experience."}, {"name": "ngx-kit", "url": "https://github.com/almazrpe/ngx-kit", "description": "Utilities for Angular Framework."}, {"name": "ng-tool-collection", "url": "https://github.com/domideimel/ng-tool-collection", "description": "Useful Tools written in Angular."}, {"name": "yaagoub", "url": "https://yaagoub.org/", "description": "Accelerate your development with decorators, directives, icons, services, and OAuth 2.0."}, {"name": "@everllence/ngx-tools", "url": "https://github.com/everllence/ngx-tools", "description": "This repository contains a collection of libraries is designed to elevate your Angular development experience."}, {"name": "ngx-oneforall", "url": "https://github.com/love1024/ngx-oneforall", "description": "An Angular library with reusable pipes, directives, services, decorators, constants, enums, and more."}, {"name": "angular-signal-generators", "url": "https://github.com/DDtMM/angular-signal-generators", "description": "Angular Signal Generators streamline development with signals and utilities for faster, cleaner code."}, {"name": "mmstack", "url": "https://github.com/mihajm/mmstack", "description": "A monorepo for mmstack libraries."}, {"name": "@tomaszatoo/ngx-libs", "url": "https://github.com/tomaszatoo/ngx-libs", "description": "Repository for some useful Angular libraries, such as [ngx-timer](https://www.npmjs.com/package/@tomaszatoo/ngx-timer)."}, {"name": "@shanieMoonlight/moonlight-repo", "url": "https://github.com/shanieMoonlight/moonlight-repo", "description": "Monorepo of SpiderBaby\u2019s open-source Angular libraries, utilities, and demo applications."}, {"name": "@jchpro/ng", "url": "https://github.com/jchpro/ng", "description": "Monorepo of various libraries for Angular. Visit [example page](https://ng.jchpro.pl/) for more info."}, {"name": "rxap", "url": "https://gitlab.com/rxap/packages", "description": "A collection of modules and tools that reduce web and cloud app development effort."}, {"name": "ng-util", "url": "https://github.com/ng-util/ng-util", "description": "A set of Angular utilities."}, {"name": "reactive-kit", "url": "https://github.com/max-scopp/reactive-kit", "description": "Lightweight utilities for reactive Angular apps, reducing boilerplate and pairing well with `ngxtension`."}, {"name": "fireng", "url": "https://github.com/BhanukaDev/fireng", "description": "A collection of Angular libraries to simplify responsive development using signals."}, {"name": "xprng", "url": "https://github.com/ziv/xprng", "description": "Micro packages of simple and smart components for Angular."}, {"name": "ngx-primeng-toolkit", "url": "https://github.com/saiful-70/ngx-primeng-toolkit", "description": "Comprehensive TypeScript utilities for Angular state management with PrimeNG helpers, `ng-select`, storage, and NgRx caching."}, {"name": "@ibenvandeveire opensource", "url": "https://github.com/IbenTesara/opensource", "description": "A monorepo hosting multiple packages\u2014both Angular and non-Angular\u2014developed and maintained by [Iben Van de Veire](https://github.com/IbenTesara)."}, {"name": "@farfadev/ngx-lib", "url": "https://github.com/farfadev/ngx-lib", "description": "Repository of Angular libraries from [Farfadev](https://github.com/farfadev), usable in any application."}, {"name": "ngx-security", "url": "https://github.com/xbranch/ngx-security", "description": "A modular Angular library for authentication, roles, and permissions management."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Modals", "entries": [{"name": "ngx-awesome-popup", "url": "https://github.com/boris-jenicek/ngx-awesome-popup", "description": "Angular dialog modal framework (Confirmation box, Alert box, Toast notification and Cookie banner)."}, {"name": "dialog", "url": "https://github.com/ngneat/dialog", "description": "A simple to use, highly customizable, and powerful modal."}, {"name": "ngx-modal-ease", "url": "https://github.com/GreenFlag31/modal-library", "description": "A versatile Angular library providing a lightweight, simple, and performant modal."}, {"name": "up-window-angular", "url": "https://github.com/criar-art/up-window-angular", "description": "An Angular library designed to create dynamic, customizable modals and window-based components for web applications."}, {"name": "ngx-whats-new", "url": "https://github.com/4gray/ngx-whats-new", "description": "A simple library for creating multi-modal dialogs."}, {"name": "ngx-dialog", "url": "https://github.com/soc221b/ngx-dialog", "description": "Type-safe Angular Dialogs Directive for Angular 16+."}, {"name": "ng-modal-service", "url": "https://github.com/nhusby/ng-modal-service", "description": "A simple Angular modal Service."}, {"name": "strictly-typed-mat-dialog", "url": "https://github.com/JustSolve-self-serve/strictly-typed-mat-dialog", "description": "Angular material library to improve type safety around mat dialogs."}, {"name": "ngx-light-modal", "url": "https://www.npmjs.com/package/ngx-light-modal", "description": "Lightweight, dependency-free Angular modal with standalone components, dynamic rendering, stacking, backdrop control, and lifecycle observables."}, {"name": "angular-confirmation-capture", "url": "https://github.com/lazycuh/angular-confirmation-capture", "description": "A singleton, global Angular service to programmatically show a confirmation box to capture an user's consent."}, {"name": "angular-anchored-floating-box", "url": "https://github.com/lazycuh/angular-anchored-floating-box", "description": "Singleton Angular service to render floating boxes anchored to elements with `TemplateRef` or component content."}, {"name": "ngx-side-page", "url": "https://github.com/strikerh/ngx-side-page", "description": "Versatile Angular library for slide\u2011out side panels with smooth, service\u2011based animations, like Material dialogs for side pages."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Notifications", "entries": [{"name": "alert-bar-library", "url": "https://github.com/npm-lahsiv/alert-bar-library", "description": "Display contextual messages (success, info, warning, error) with clean, accessible styles that match modern web apps with this library."}, {"name": "angular-bootstrap-toast-service", "url": "https://github.com/svierk/angular-bootstrap-toast-service", "description": "Angular project for sending Bootstrap based toast notifications including Vercel deployment."}, {"name": "angular-notification", "url": "https://github.com/lazycuh/angular-notification", "description": "A singleton, global Angular service to programmatically show notifications."}, {"name": "angular-toaster", "url": "https://github.com/damingerdai/angular-toaster", "description": "Updated fork of [Angular2-Toaster](https://github.com/Stabzs/Angular2-Toaster)."}, {"name": "grand-notifications", "url": "https://github.com/rishi-rj-s/grand-notifications", "description": "Beautiful, customizable toast notifications with artistic animations."}, {"name": "hot-toast", "url": "https://github.com/ngxpert/hot-toast", "description": "Smoking hot toast notifications for Angular."}, {"name": "mk-magic-messages-library", "url": "https://github.com/mkeller1992/mk-magic-messages-library", "description": "Easily display animated success, info, warning, and error alerts in your Angular 20+ application."}, {"name": "ng-fast-toast", "url": "https://github.com/rperezll/ng-fast-toast", "description": "Fast, lightweight Angular 18+ library for effortless alerts/notifications, Ionic-compatible, Tailwind-styled, using Shadow DOM."}, {"name": "ng-toast-service", "url": "https://github.com/nhusby/ng-toast-service", "description": "Simple, customizable Angular notification service with slide\u2011in alerts and configurable behavior."}, {"name": "ngx-alertifying", "url": "https://github.com/Salromag/ngx-alertifying", "description": "Customizable, responsive Angular alert component for stylish, accessible feedback across devices and contexts."}, {"name": "ngx-french-toast", "url": "https://github.com/thiagopg84/ngx-french-toast", "description": "Lightweight, customizable Angular 14+ toast library for informative messages, feedback, and dynamic component support."}, {"name": "ngx-modern-alerts", "url": "https://github.com/jonaaix/ngx-modern-alerts", "description": "Flexible Angular system for banner and floating alerts with hub, timeouts, custom actions, and more."}, {"name": "ngx-notifications", "url": "https://github.com/pascaliske/ngx-notifications", "description": "Simple notifications module for Angular."}, {"name": "ngx-notifier", "url": "https://github.com/sibiraj-s/ngx-notifier", "description": "A Simple Notification Service for Angular applications."}, {"name": "ngx-popify", "url": "https://github.com/fgilmet/ngx-popify", "description": "Toast notifications for Angular 16+ built using reactive signals and easily integrated via a view component."}, {"name": "ngx-sonner", "url": "https://github.com/tutkli/ngx-sonner", "description": "An opinionated toast component for Angular. A port of @emilkowalski's sonner."}, {"name": "ngx-sweetalert2", "url": "https://github.com/sweetalert2/ngx-sweetalert2", "description": "Declarative, reactive, and template-driven SweetAlert2 integration for Angular."}, {"name": "ngx-toastr", "url": "https://github.com/scttcper/ngx-toastr", "description": "Notifications/Toastr."}, {"name": "ngx-toastr-notifier", "url": "https://github.com/Mazen-Embaby/ngx-toastr-notifier", "description": "Lightweight, customizable Angular 20+ toast notifications with Material design and flexible APIs, replacing `toastr`."}, {"name": "notifyx", "url": "https://github.com/awalhadi/notifyx", "description": "A simple, customizable toast library for JavaScript/TypeScript with zero dependencies."}, {"name": "OneSignal", "url": "https://documentation.onesignal.com/docs/angular-setup", "description": "Integrate OneSignal into Angular apps with [onesignal-ngx](https://github.com/OneSignal/onesignal-ngx) for push and in\u2011app messaging."}, {"name": "toastify", "url": "https://github.com/andreasnicolaou/toastify", "description": "Lightweight and customizable toast notifications for web applications."}, {"name": "web-notifier", "url": "https://github.com/andreasnicolaou/web-notifier", "description": "Lightweight, flexible web notification library with simple RxJS\u2011based API for browser notifications."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Pipes", "entries": [{"name": "ng-generic-pipe", "url": "https://github.com/nigrosimone/ng-generic-pipe", "description": "Generic pipe for Angular application."}, {"name": "safe-pipe", "url": "https://github.com/embarq/safe-pipe", "description": "Angular pipe for sanitizing your unsafe content."}, {"name": "ngx-func-pipe", "url": "https://github.com/ko1ebayev/ngx-func-pipe", "description": "Simple, lightweight Angular pipe to call functions directly in templates."}, {"name": "ngx-pipes-toolkit", "url": "https://github.com/SlyTed/ngx-pipes-toolkit", "description": "A complementary pipes library for Angular."}, {"name": "ng-dompurify", "url": "https://github.com/taiga-family/ng-dompurify", "description": "Angular Sanitizer/Pipe using [DOMPurify](https://github.com/cure53/DOMPurify) with full configuration support."}, {"name": "ngx-signal-pipes", "url": "https://github.com/wassim-k/ngx-signal-pipes", "description": "Transform Angular signals with functional pipes."}, {"name": "ngx-search-pipe", "url": "https://github.com/paulotokarskiglinski/ngx-search-pipe", "description": "Angular search pipe that filters object collections by term, built to work seamlessly with signals."}, {"name": "ngx-pipe-lib", "url": "https://github.com/mofirojean/ngx-pipe-lib", "description": "Common Angular pipe examples for your day to day tasks."}, {"name": "memoize-pipe", "url": "https://github.com/ngx-rock/memoize-pipe", "description": "A universal pipe for memoizing computations in Angular templates."}, {"name": "ngx-number-to-words", "url": "https://www.npmjs.com/package/ngx-number-to-words", "description": "Angular pipe to convert numbers into words, ideal for invoices, reports, and financial apps."}, {"name": "ngx-highlight-text", "url": "https://github.com/ultrasonicsoft/ngx-highlight-text", "description": "Angular pipe that highlights a selected word in the HTML markup."}, {"name": "ngx-smart-pipes", "url": "https://github.com/Kavshree/-bjkavyashree-ngx-smart-pipes", "description": "A lightweight, tree-shakeable collection of standalone Angular pipes designed for real-world use cases."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Printing", "entries": [{"name": "ngx-print", "url": "https://github.com/selemxmn/ngx-print", "description": "A plug n' play Angulae library to print your stuff."}, {"name": "ngx-printify", "url": "https://github.com/aesopo1213/ngx-printify", "description": "Angular utility library for simplified printing with a directive for components and a service for programmatic use."}, {"name": "ngx-printer-demo", "url": "https://github.com/plaetzchen79/ngx-printer-demo", "description": "A simple Angular service to print a window, parts of a window (div), images, HTMLElements or Angular Objects."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 QR Codes", "entries": [{"name": "ng-qrcode", "url": "https://github.com/mnahkies/ng-qrcode", "description": "Easy to use AOT compatible QR code generator for Angular projects."}, {"name": "angularx-qrcode", "url": "https://github.com/cordobo/angularx-qrcode", "description": "A fast and easy-to-use Ivy compatible Ionic and Angular QR Code Generator library."}, {"name": "dfts-qrcode", "url": "https://github.com/Dafnik/dfts-common/tree/main/libs/dfts-qrcode", "description": "A tiny and simple-to-use JavaScript / TypeScript QR-Code generator library. Fully type-safe and ES modules compatible."}, {"name": "ngx-scanner", "url": "https://github.com/zxing-js/ngx-scanner", "description": "Angular QR code, Barcode, DataMatrix, scanner component using ZXing."}, {"name": "ng-qrcode-svg", "url": "https://github.com/larscom/ng-qrcode-svg", "description": "Simple QR code generator (SVG only) for Angular."}, {"name": "ngx-qrcode-generator", "url": "https://github.com/mustafaer/ngx-qrcode-generator", "description": "An Angular component that generates QR codes using the [QRious](https://github.com/neocotic/qrious) library."}, {"name": "ngx-scanner-qrcode", "url": "https://github.com/id1945/ngx-scanner-qrcode", "description": "Library for scanning QR codes from raw images, locating, extracting, and parsing them."}, {"name": "Angular-html5qrcode", "url": "https://github.com/mohamedfakhreldin/Angular-html5qrcode", "description": "This library provides an Angular wrapper for the [html5-qrcode](https://github.com/mebjas/html5-qrcode) library, allowing developers to easily integrate QR code and barcode scanning functionalities into their applications."}, {"name": "ngx-kjua", "url": "https://github.com/werthdavid/ngx-kjua", "description": "Angular QR-Code generator component using [kjua](https://github.com/lrsjng/kjua)."}, {"name": "ngx-qrcode", "url": "https://github.com/GNURub/ngx-qrcode", "description": "A simple Angular 18+ component to generate QR codes. Based on [react-native-qrcode-skia](https://github.com/enzomanuelmangano/react-native-qrcode-skia) library."}, {"name": "ngx-scan-detect", "url": "https://github.com/sezmars/ngx-scan-detect", "description": "Detects barcode or QR code scanning on document and emits the scanned code."}, {"name": "qrcode-angular", "url": "https://github.com/selfxyz/self/tree/main/sdk/qrcode-angular", "description": "A streamlined Angular library that creates verification QR codes for [Self.xyz](https://self.xyz/)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Router", "entries": [{"name": "ngx-route-breadcrumbs", "url": "https://github.com/alevettih/ngx-route-breadcrumbs", "description": "Angular library that simplifies creating breadcrumbs based on routing URLs and parameters."}, {"name": "olt-ngx-breadcrumbs", "url": "https://github.com/OuterlimitsTech/olt-ngx-breadcrumbs", "description": "Angular Library for generating breadcrumbs based on the routing state."}, {"name": "xng-breadcrumb", "url": "https://github.com/udayvunnam/xng-breadcrumb", "description": "Zero\u2011config, lightweight, configurable, reactive breadcrumbs for Angular 6+."}, {"name": "angular-router-menus", "url": "https://github.com/muuvmuuv/angular-router-menus", "description": "Typed, customizable Angular route\u2011based menus with multi\u2011navigation, nested dropdowns, and injection\u2011token access."}, {"name": "ngx-back-button", "url": "https://github.com/rbalet/ngx-back-button", "description": "A library for handling proper Angular back button capability."}, {"name": "ngx-foresight", "url": "https://github.com/akshykhade/ngx-foresight", "description": "An Angular integration of [ForesightJS](https://foresightjs.com/) for intelligent router preloading based on user intent."}, {"name": "ngx-hover-preload", "url": "https://github.com/mgechev/ngx-hover-preload", "description": "Preload Angular lazy-loaded routes on mouse over."}, {"name": "ngx-href", "url": "https://github.com/rbalet/ngx-href", "description": "A directive that allows href to understand Angular's router while retaining its default functionality."}, {"name": "ngx-multi-level-push-menu", "url": "https://github.com/ramiz4/ngx-multi-level-push-menu", "description": "A modern, accessible Angular component for responsive multi-level push menus with extensive customization options."}, {"name": "ngx-navigate-back", "url": "https://github.com/developwithmi/ngx-navigate-back", "description": "A lightweight Angular library that adds simple browser-like back navigation."}, {"name": "ngx-quicklink", "url": "https://github.com/mgechev/ngx-quicklink", "description": "Quicklink prefetching strategy for the Angular router."}, {"name": "ngx-route-manager", "url": "https://github.com/perez247/ngx-route-manager", "description": "A simple library to store all route urls used in the application."}, {"name": "ngx-speculative-link", "url": "https://github.com/push-based/ngx-speculative-link", "description": "An Angular implementation of [Speculative Rules API](https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API) inspired by [quicklink](https://github.com/GoogleChromeLabs/quicklink) and `ngx-quicklink`."}, {"name": "storybook-addon-angular-router", "url": "https://github.com/Jakob-em/storybook-addon-angular-router", "description": "A simple plugin to make working with the Angular router in [Storybook](https://storybook.js.org/) easier."}, {"name": "ui-router", "url": "https://github.com/ui-router/angular", "description": "State-based routing in Angular is enabled through [UI-Router for Angular](https://ui-router.github.io)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Scroll", "entries": [{"name": "ngx-ui-scroll", "url": "https://github.com/dhilt/ngx-ui-scroll", "description": "Virtual/infinite scroll for Angular."}, {"name": "ngx-page-scroll", "url": "https://github.com/Nolanus/ngx-page-scroll", "description": "Animated scrolling functionality for Angular written in pure TypeScript."}, {"name": "ngx-scroll-animations", "url": "https://github.com/hm21/ngx-scroll-animations", "description": "Minimal Angular directive for scroll\u2011triggered CSS animations, dependency\u2011free and compatible with any animation choice."}, {"name": "lithium-ngx-virtual-scroll", "url": "https://github.com/lVlyke/lithium-ngx-virtual-scroll", "description": "A fast and lightweight virtual scrolling solution for Angular that supports single column lists, grid lists and view caching."}, {"name": "@robingenz/ngx-infinite-scroll", "url": "https://github.com/robingenz/ngx-infinite-scroll", "description": "Simple Angular directive for infinite scrolling."}, {"name": "angular-fullpage", "url": "https://github.com/alvarotrigo/angular-fullpage", "description": "Official component for fullPage.js, a fullscreen scrolling library."}, {"name": "ngx-scrolltop", "url": "https://github.com/bartholomej/ngx-scrolltop", "description": "Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies."}, {"name": "OverlayScrollbars", "url": "https://github.com/KingSora/OverlayScrollbars", "description": "JavaScript plugin for custom styleable overlay scrollbars that hide natives while preserving functionality."}, {"name": "ngx-scrollbar", "url": "https://github.com/MurhafSousli/ngx-scrollbar", "description": "Custom overlay-scrollbars with native scrolling mechanism."}, {"name": "ngx-tracing-beam", "url": "https://github.com/omnedia/ngx-tracing-beam", "description": "A simple component library to add an animated tracing beam to your vertical scrolling."}, {"name": "ngx-marquee", "url": "https://github.com/omnedia/ngx-marquee", "description": "A simple component library to create an infinite scrolling marquee with your content."}, {"name": "@omnedia/ngx-scrollbar", "url": "https://github.com/omnedia/ngx-scrollbar", "description": "Custom scrollbar with smooth scrolling and full styling control."}, {"name": "ngx-perfect-scrollbar", "url": "https://github.com/Harvest-Dev/ngx-perfect-scrollbar", "description": "This fork of [ngx-perfect-scrollbar](https://github.com/zefoy/ngx-perfect-scrollbar) is an Angular wrapper library for [Perfect Scrollbar](https://utatti.github.io/perfect-scrollbar/)."}, {"name": "ngx-virtual-dnd-list", "url": "https://github.com/mfuu/ngx-virtual-dnd-list", "description": "A virtual scrolling list component that can be sorted by dragging."}, {"name": "ngx-scroll-top", "url": "https://github.com/ProAngular/ngx-scroll-top", "description": "Configurable, lightweight back to top button for Angular projects."}, {"name": "ngx-virtual-scroller", "url": "https://github.com/iharbeck/ngx-virtual-scroller", "description": "Displays a virtual, \"infinite\" list. Supports horizontal/vertical, variable heights, and multi-column."}, {"name": "ng-mat-select-infinite-scroll", "url": "https://github.com/HaidarZ/ng-mat-select-infinite-scroll", "description": "Infinite Scroll directive for Angular Material select component."}, {"name": "horizontal-scroller", "url": "https://github.com/miminerd/horizontal-scroller", "description": "Infinite horizontal scroller for Angular apps using Tailwind."}, {"name": "simplebar", "url": "https://github.com/Grsmto/simplebar", "description": "Custom scrollbars vanilla JavaScript library with native scroll, done simple, lightweight, easy to use and cross-browser."}, {"name": "ngx-responsive-virtual-scroll", "url": "https://github.com/dcbeck/ngx-responsive-virtual-scroll", "description": "Fast, lightweight Angular virtual scrolling for single\u2011column lists, responsive grids, and view caching."}, {"name": "ngx-virtual-scroller-flexible", "url": "https://github.com/onexip/ngx-virtual-scroller-flexible", "description": "Ultra\u2011fast, flexible virtual scroller rendering unlimited items with varying heights seamlessly."}, {"name": "ngx-perfect-scrollbar-portable", "url": "https://github.com/brakmic/ngx-perfect-scrollbar-portable", "description": "Angular wrapper library for Perfect Scrollbar."}, {"name": "ng-virtual-list", "url": "https://github.com/djonnyx/ng-virtual-list", "description": "Maximum performance for extremely large lists."}, {"name": "ngx-horizontal-menu-scroll", "url": "https://github.com/isahohieku/ngx-horizontal-menu-scroll", "description": "A lightweight, customizable Angular library for creating beautiful horizontal scrolling menus with smooth navigation controls."}, {"name": "usal", "url": "https://github.com/italoalmeida0/usal", "description": "Framework agnostic ultimate scroll animation library."}, {"name": "ar-virtual-scroll", "url": "https://github.com/artomenwork/ar-virtual-scroll", "description": "Lightweight Angular virtual scroll with automatic dynamic height, ideal for chats, feeds, and variable lists."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Storage", "entries": [{"name": "rxdb", "url": "https://rxdb.info/", "description": "An abstraction layer for [IndexedDB](https://rxdb.info/articles/angular-indexeddb.html)."}, {"name": "ngx-reactive-storage", "url": "https://github.com/e-oz/ngx-reactive-storage", "description": "Wrapper for IndexedDB/localStorage with promise\u2011based API, supporting Angular Signals and RxJS Observables."}, {"name": "ng2-webstorage", "url": "https://github.com/PillowPillow/ng2-webstorage", "description": "LocalStorage and SessionStorage manager."}, {"name": "ngx-indexed-db", "url": "https://github.com/assuncaocharles/ngx-indexed-db", "description": "Wraps IndexedDB in an Angular service."}, {"name": "angular-async-local-storage", "url": "https://github.com/cyrilletuzi/angular-async-local-storage", "description": "Efficient client-side storage for Angular: simple API + performance + Observables + validation."}, {"name": "signaldb", "url": "https://github.com/maxnowack/signaldb", "description": "Local JavaScript DB with MongoDB\u2011like interface, TypeScript, signal\u2011based reactivity, schema\u2011less design, and fast queries."}, {"name": "dexie", "url": "https://github.com/dexie/Dexie.js", "description": "A Minimalistic Wrapper for IndexedDB."}, {"name": "angular-web-storage", "url": "https://github.com/cipchk/angular-web-storage", "description": "Angular decorator to save and restore of HTML5 Local & Session Storage."}, {"name": "indexeddb-helper", "url": "https://github.com/AshenHiroshana/indexeddb-helper", "description": "Angular library simplifying IndexedDB with clean CRUD API, cache expiration, and data storage/retrieval."}, {"name": "ng-storage", "url": "https://github.com/edisonaugusthy/ng-storage", "description": "A modern, reactive Angular service for browser storage management with AES-GCM encryption, TTL, change notifications, and Apollo-style providers."}, {"name": "convex-angular", "url": "https://github.com/azhukau-dev/convex-angular", "description": "The Angular client for Convex."}, {"name": "secure-client-store", "url": "https://github.com/msaadart/secure-client-store", "description": "Universal TypeScript library for AES-256-GCM client-side encryption (works in browsers & Node.js)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Tooltips", "entries": [{"name": "helipopper", "url": "https://github.com/ngneat/helipopper", "description": "A powerful tooltip and popover for Angular applications."}, {"name": "popover", "url": "https://github.com/ncstate-sat/popover", "description": "Angular popover component."}, {"name": "ngx-tooltip-directives", "url": "https://github.com/mkeller1992/ngx-tooltip-directives", "description": "Library with three tooltip directives (string, HTML, template), inspired by [ng2-tooltip-directive](https://github.com/drozhzhin-n-e/ng2-tooltip-directive)."}, {"name": "angular-tooltip", "url": "https://github.com/babybeet/angular-tooltip", "description": "Easily show tooltips programmatically and/or declaratively in Angular."}, {"name": "ngx-tippy-wrapper", "url": "https://github.com/farengeyt451/ngx-tippy-wrapper", "description": "Angular wrapper for [Tippy.js](https://github.com/atomiks/tippyjs)."}, {"name": "tooltip-testing", "url": "https://github.com/chandumaram/tooltip-testing", "description": "Tooltip for Angular, forked from `cm-angular-tooltip`."}, {"name": "ngx-popovers", "url": "https://github.com/al-march/ngx-popovers", "description": "An Angular library based on `Floating UI` with already ready-made components to use."}, {"name": "angular-tooltip", "url": "https://github.com/lazycuh/angular-tooltip", "description": "Easily show tooltips programmatically and/or declaratively in Angular."}, {"name": "ngx-overlay", "url": "https://github.com/bastienmoulia/ngx-overlay", "description": "Lightweight Angular library for modern CSS/HTML overlays\u2014modals, tooltips, and popups\u2014browser\u2011compatible and elegant."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UI Libraries", "entries": [{"name": "Dev Extreme", "url": "https://js.devexpress.com/Overview/Angular/", "description": "Feature-Complete 65+ Angular Component Suite."}, {"name": "Syncfusion", "url": "https://www.syncfusion.com/angular-components", "description": "Its [Essential UI Kit for Angular](https://github.com/syncfusion/essential-ui-kit-for-angular) is compatible with both Tailwind CSS and Bootstrap."}, {"name": "ej2-angular-ui-components", "url": "https://github.com/syncfusion/ej2-angular-ui-components", "description": "Syncfusion Angular UI library with 70+ lightweight, responsive, modular, touch\u2011friendly components."}, {"name": "Nebular", "url": "https://github.com/akveo/nebular", "description": "Customizable Angular UI Library based on Eva Design System."}, {"name": "NG-ZORRO", "url": "https://github.com/NG-ZORRO/ng-zorro-antd", "description": "An enterprise-class UI components based on Ant Design and Angular."}, {"name": "NG-ALAIN", "url": "https://github.com/ng-alain/ng-alain/", "description": "NG-ZORRO admin panel front-end framework."}, {"name": "zardui", "url": "https://github.com/zard-ui/zardui", "description": "Collection of beautiful, accessible Angular components based on [shadcn-ui](https://github.com/shadcn-ui/ui) and NG\u2011ZORRO, fully open source and free."}, {"name": "ngx-ui", "url": "https://github.com/swimlane/ngx-ui", "description": "Style and Component Library for Angular2 and beyond!"}, {"name": "prime-ng", "url": "https://github.com/primefaces/primeng", "description": "The Most Complete Angular UI Component Library."}, {"name": "Wijmo 5", "url": "http://wijmo.com/products/wijmo-5/", "description": "Set of UI components for Angular2."}, {"name": "Taiga UI", "url": "https://taiga-ui.dev/", "description": "Powerful set of open source components for Angular!"}, {"name": "AgnosUI", "url": "https://amadeusitgroup.github.io/AgnosUI/latest/", "description": "Highly configurable headless framework agnostic component library."}, {"name": "ng-devui", "url": "https://github.com/DevCloudFE/ng-devui", "description": "Angular UI Component Library based on DevUI Design."}, {"name": "ng-aquila", "url": "https://github.com/allianz/ng-aquila", "description": "Aquila, an open\u2011source Allianz GDF component library, offered here as a white\u2011label variant."}, {"name": "enterprise-ng", "url": "https://github.com/infor-design/enterprise-ng", "description": "Angular wrappers for IDS Enterprise components."}, {"name": "oblique", "url": "https://github.com/oblique-bit/oblique", "description": "Angular framework with Swiss corporate design and ready\u2011to\u2011use components for branded business apps."}, {"name": "fundamental-ngx", "url": "https://github.com/SAP/fundamental-ngx", "description": "Fundamental Library for Angular is SAP Design System Angular component library."}, {"name": "designsystem", "url": "https://github.com/kirbydesign/designsystem", "description": "Kirby Design System is a UX Component library implementing the Kirby Design Philosophy."}, {"name": "sbb-angular", "url": "https://github.com/sbb-design-systems/sbb-angular", "description": "Angular Library for SBB."}, {"name": "ui", "url": "https://github.com/alauda/ui", "description": "Enterprise level Angular UI framework from Alauda Frontend Team."}, {"name": "ngx-tethys", "url": "https://github.com/atinc/ngx-tethys", "description": "Fast and reliable Tethys Design components for Angular."}, {"name": "antwerp-ui\\_angular", "url": "https://github.com/digipolisantwerp/antwerp-ui_angular", "description": "Antwerp UI is a component interface library for building user interfaces and responsive web apps."}, {"name": "ng-clarity", "url": "https://github.com/vmware-clarity/ng-clarity", "description": "Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular."}, {"name": "ngx-semantic", "url": "https://github.com/ngx-semantic/ngx-semantic", "description": "A new take on an Angular implementation for Semantic UI."}, {"name": "ngx-float-ui", "url": "https://github.com/tonysamperi/ngx-float-ui", "description": "Angular wrapper for the [Floating UI](https://floating-ui.com/) library."}, {"name": "orchestrator", "url": "https://github.com/orchestratora/orchestrator", "description": "Extensible orchestrator for UI and forms for Angular."}, {"name": "winonang", "url": "https://github.com/winona-ui/winonang", "description": "Winona UI suite: seamless Angular components, optimized for Windows yet fully cross\u2011platform compatible."}, {"name": "carbon-components-angular", "url": "https://github.com/carbon-design-system/carbon-components-angular", "description": "An Angular implementation of the Carbon Design System for IBM."}, {"name": "dyte-io/ui-kit", "url": "https://github.com/dyte-io/ui-kit/tree/staging/packages/angular-library", "description": "Dyte UI Kit: prebuilt components for quick video and voice call integration into any app or website."}, {"name": "onega-ui", "url": "https://github.com/osspkg/onega-ui", "description": "Modern, stylish UI kit with diverse components for building professional, attractive websites."}, {"name": "ng-zen", "url": "https://github.com/kstepien3/ng-zen", "description": "Create customizable, production\u2011ready Angular UI components seamlessly within your project."}, {"name": "ngwr", "url": "https://github.com/thekhegay/ngwr", "description": "Angular UI kit to make stylish Angular applications."}, {"name": "Windmillcode-Angular-CDK", "url": "https://github.com/WindMillCode/Windmillcode-Angular-CDK", "description": "Provides a collection of reusable UI components, each crafted with attention to detail and performance."}, {"name": "ng-vcl", "url": "https://github.com/vcl/ng-vcl", "description": "Angular VCL \u2012 an Angular component library based on the [VCL](https://vcl.github.io) CSS eco system."}, {"name": "ngx-ui", "url": "https://ngxui.com/docs", "description": "NGXUI from [Omnedia](https://github.com/omnedia): standalone Angular components, blocks, and templates for landing pages and marketing materials."}, {"name": "po-angular", "url": "https://github.com/po-ui/po-angular", "description": "Component library based on Angular. Documentation in Portuguese."}, {"name": "ngx-nighthawk", "url": "https://github.com/evenuxjs/ngx-nighthawk", "description": "Comprehensive, user\u2011friendly components with Bootstrip integration\u2014streamlined Bootstrap for Grid and Utility features."}, {"name": "tableau-ui-angular", "url": "https://github.com/serionist/tableau-ui-angular", "description": "A third-party component library that brings Tableau-style components to Angular."}, {"name": "@ng-verse/ui", "url": "https://github.com/ngverse/ui", "description": "Collection of feature\u2011rich Angular components, directives, and pipes\u2014no install needed, just copy\u2011paste. See [docs](https://ui.ngverse.dev/) for more."}, {"name": "bryntum", "url": "https://bryntum.com/", "description": "World class web components for calendars, gantt charts, kanban boards, and scheduling."}, {"name": "flexi-ui", "url": "https://github.com/TanerSaydam/flexi-ui", "description": "[Flexi UI](https://flexi-ui.ecnorow.com/): reusable, customizable, open\u2011source UI components for modern, visually appealing front\u2011end applications."}, {"name": "@koobiq/angular-components", "url": "https://github.com/koobiq/angular-components", "description": "Open\u2011source design system for security\u2011focused products, offering UI patterns, components, tools, resources, and guidelines."}, {"name": "Vega", "url": "https://vega.hlprd.com/", "description": "Expedite feature development by leveraging reusable components and styles tailored to your preferred framework."}, {"name": "Blueprint UI", "url": "https://blueprintui.dev/", "description": "Accelerate your development with flexible UI components and tools that work everywhere."}, {"name": "@jean-merelis/angular-components", "url": "https://github.com/jean-merelis/angular-components", "description": "A library of reusable Angular components and utilities that provides high-quality UI elements for your applications."}, {"name": "mantic-ui", "url": "https://github.com/KY-Programming/mantic-ui", "description": "Angular components for [Semantic UI](https://semantic-ui.com/) and [Fomantic UI](https://fomantic-ui.com/)."}, {"name": "kage-ui", "url": "https://github.com/sanjib-kumar-mandal/kage-ui", "description": "Lightweight, flexible Angular library with reusable components inspired by border\u2011first design systems for scalable, consistent UIs."}, {"name": "quix-quang", "url": "https://github.com/quix-it/quix-quang", "description": "Angular component and utility library developed by [Quix Srl](https://www.quixconsulting.com/)."}, {"name": "ngx-vflow", "url": "https://github.com/artem-mangilev/ngx-vflow", "description": "An open source library to build node-based UI with Angular."}, {"name": "ship-ui", "url": "https://github.com/shipuicom/core", "description": "A modern, signal-based, zoneless-compatible UI library for Angular. Explore its features and documentation on their [official website](https://www.shipui.com)."}, {"name": "slateui", "url": "https://github.com/angularcafe/slateui", "description": "A modern, accessible UI component library that provides directive-based components built with Angular primitives, Tailwind CSS, and signals."}, {"name": "@nexcraft/forge", "url": "https://github.com/dev-ignis/forge", "description": "Framework-agnostic Web Components UI library. Works in Angular via custom elements."}, {"name": "ngx-nova-ui", "url": "https://github.com/lebocow/ngx-nova-ui", "description": "A modern Angular 20 UI component library built with signals, standalone components, and a CSS-first theming approach."}, {"name": "elementar-ui", "url": "https://github.com/elementarlabs/elementar-ui", "description": "Fully open-source Angular UI Components & Admin Panel based on Angular Material and Tailwind CSS."}, {"name": "ngx-vant-revive", "url": "https://github.com/IfFaith/ngx-vant-revive", "description": "Angular UI component library implemented according to the [Zan Design System](https://design.youzan.com/) visual specifications."}, {"name": "MaxterDev NGX Components", "url": "https://github.com/MatoMakuch/maxterdev/tree/main/projects/ngx-components", "description": "A highly flexible and SCSS-customizable components library for Angular."}, {"name": "gcds-components", "url": "https://github.com/cds-snc/gcds-components/tree/main/packages/angular", "description": "The `gcds-components-angular` package simplifies integration of [GC Design System](https://design-system.alpha.canada.ca/) web components into Angular by providing wrappers that optimize change detection and support ngModel and reactive forms."}, {"name": "particle-ng", "url": "https://github.com/entake-org/particle-ng", "description": "A lightweight, themeable component library offering flexible, high-control alternatives to Angular Material and PrimeNG."}, {"name": "ngx-kit-ui", "url": "https://github.com/OpenKit-Labs/ngx-kit-ui", "description": "Modern Angular UI library for mobile and web."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UI Libraries built on Bootstrap", "entries": [{"name": "angular-bootstrap-md", "url": "https://mdbootstrap.com/docs/angular/", "description": "Material Design for Bootstrap 5 & Angular 17."}, {"name": "ng-bootstrap", "url": "https://ng-bootstrap.github.io", "description": "Angular widgets built with Bootstrap\u202f5 CSS and APIs tailored for the Angular ecosystem."}, {"name": "ng-bootstrap-addons", "url": "https://github.com/mikaelbotassi/ng-bootstrap-addons", "description": "Adds UI components not available in `ng-bootstrap` (e.g., input/form controls)."}, {"name": "ngx-bootstrap", "url": "https://github.com/valor-software/ngx-bootstrap", "description": "Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)."}, {"name": "design-angular-kit", "url": "https://github.com/italia/design-angular-kit", "description": "A toolkit based on Bootstrap Italia"}, {"name": "ngx-bootstrap-components", "url": "https://github.com/dotted-labs/ngx-bootstrap-components", "description": "Standalone Angular components with Bootstrap integration, built for signals and OnPush strategy."}, {"name": "yoozsoft", "url": "https://www.yoozsoft.com/ys-ng/home", "description": "Widgets built using Bootstrap 5, CSS, and NG Bootstrap 17 with APIs designed for the Angular ecosystem."}, {"name": "ngx-gccb", "url": "https://www.npmjs.com/package/ngx-gccb", "description": "Angular\u202f19+ library with easy\u2011to\u2011use shared components, directives, pipes, and services. See [showcase](https://ngx-gccb.netlify.app/) for code snippets."}, {"name": "Elementar UI", "url": "https://elementarui.com/", "description": "Fully open-source Angular UI Components & Admin Panel based on Material 3 and Tailwind."}, {"name": "ez-nav", "url": "https://github.com/pSkywalker/ez-nav", "description": "A config-driven, responsive Angular navigation bar that integrates seamlessly with Bootstrap layouts."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UI Libraries built on Material", "entries": [{"name": "angular-ui-plusify", "url": "https://github.com/RockyCott/angular-ui-plusify", "description": "Includes Datetime Picker and Markdown Editor, with plans to expand into a full Angular UI toolkit."}, {"name": "MDBootstrap", "url": "https://github.com/mdbootstrap/mdb-angular-ui-kit", "description": "Bootstrap 5 & Angular 17 UI KIT - 700+ components, MIT license, simple installation."}, {"name": "Angular Material", "url": "https://material.angular.io/", "description": "Material Design components for Angular."}, {"name": "Covalent", "url": "https://github.com/Teradata/covalent/", "description": "Teradata UI Platform built on Angular Material."}, {"name": "IgniteUI Angular", "url": "https://github.com/IgniteUI/igniteui-angular", "description": "Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids, charts, and more."}, {"name": "Alyle UI", "url": "https://github.com/A-l-y-l-e/Alyle-UI", "description": "Minimal Design, a set of components for Angular 16+."}, {"name": "angular-jqwidgets", "url": "https://www.jqwidgets.com/angular/", "description": "Advanced Angular Components with Material Design."}, {"name": "@ng-matero/extensions", "url": "https://github.com/ng-matero/extensions", "description": "Angular Material Extensions Library."}, {"name": "angular-material-css-vars", "url": "https://github.com/johannesjo/angular-material-css-vars", "description": "Little library to use CSS variables with Angular Material."}, {"name": "ngx-components", "url": "https://github.com/DSI-HUG/ngx-components", "description": "Useful components and utility functions for Angular."}, {"name": "ngx-material-auth", "url": "https://github.com/Service-Soft/ngx-material-auth", "description": "A library for Angular which provides functionality around the frontend part of authentication and authorization."}, {"name": "ngx-material-navigation", "url": "https://github.com/Service-Soft/ngx-material-navigation", "description": "Builds material navigation elements like a combined navbar and sidenav or footers based on the supplied configuration data. Will automatically move elements from the navbar to the sidenav at the provided breakpoints."}, {"name": "ngx-material-entity", "url": "https://github.com/Service-Soft/ngx-material-entity", "description": "With `NgxMaterialEntity` you can create entities and define how to display them directly on their properties. It can even generate complete and highly customizable CRUD-Tables."}, {"name": "ngx-core-business", "url": "https://github.com/jxcodes/ngx-core-business", "description": "Actively developed Angular library on `@angular/material`, offering reusable, enterprise\u2011grade components and utilities for scalable apps."}, {"name": "c3-components", "url": "https://github.com/c3ulnta0rk/c3-components", "description": "An open-source component library that extends the `@angular/material` library."}, {"name": "simplematcomponents", "url": "https://github.com/wobkenh/simplematcomponents", "description": "Set of Angular components that fit into or use Angular Material Design."}, {"name": "Angular Material Dev UI", "url": "https://ui.angular-material.dev/home", "description": "One place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications."}, {"name": "nmce", "url": "https://github.com/zijianhuang/nmce", "description": "Suite of Angular Material extensions with reusable code and UI enhancements for complex, data\u2011rich business apps."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UI Libraries built on Tailwind CSS", "entries": [{"name": "angular-superui", "url": "https://github.com/bhaimicrosoft/angular-superui", "description": "Comprehensive Angular UI library with 50+ production\u2011ready components, built on Tailwind\u202fCSS\u202fv4, TypeScript, and Angular\u202f17+ Signals."}, {"name": "angular-tailwind-ui", "url": "https://github.com/quedicesebas/angular-tailwind-ui", "description": "Easy to use and simple components, directives and services. Using Angular 19 and Tailwind CSS 3."}, {"name": "Flowbite", "url": "https://flowbite.com/docs/getting-started/angular/", "description": "Open-source UI components built with Tailwind CSS with support for Angular."}, {"name": "FlyonUI", "url": "https://github.com/themeselection/flyonui", "description": "[Integrate](https://flyonui.com/framework-integrations/angular/) FlyonUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently."}, {"name": "Galaxy UI", "url": "https://github.com/buikevin/galaxy-design", "description": "Universal Component Library that brings beautiful, accessible components to Angular."}, {"name": "koala-ui", "url": "https://github.com/igordrangel/koala-ui", "description": "A modern and accessible component library designed to speed up interface development."}, {"name": "Metronic", "url": "https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/angular", "description": "Comprehensive Tailwind CSS UI toolkit for building modern, scalable web applications efficiently."}, {"name": "ngx-tw", "url": "https://github.com/bugMaker-237/ngx-tw", "description": "A comprehensive component library built with Tailwind CSS, providing a modern and customizable set of UI components for Angular applications."}, {"name": "nicacoder-ng", "url": "https://ng.nicacoder.com/", "description": "Centralized Angular library of customizable components to accelerate development and ensure project consistency."}, {"name": "Preline UI", "url": "https://preline.co/docs/frameworks-angular.html#docs-on-this-page-sidebar", "description": "[Preline](https://github.com/htmlstreamofficial/preline) is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework."}, {"name": "PrimeBlocks", "url": "https://primeblocks.org/", "description": "Professionally designed UI blocks tailored for rapid application development."}, {"name": "Rectangle UI", "url": "https://github.com/jarretthuang/rectangle-ui", "description": "A code-first UI component library for Angular."}, {"name": "seacotools", "url": "https://github.com/Seacotec/seacotools", "description": "A library designed for modern Angular applications, offering a suite of reusable UI components and services compatible with Tailwind CSS."}, {"name": "semantic-components", "url": "https://github.com/gridatek/semantic-components", "description": "Modular Angular CDK + Tailwind UI elements with semantic HTML, full accessibility, and lightweight flexibility."}, {"name": "simui", "url": "https://github.com/dofu-lab/simui", "description": "Beautiful Angular UI components built with Tailwind CSS and Spartan."}, {"name": "synerity-ui", "url": "https://github.com/synerity-ai/synerity-ui", "description": "Enterprise\u2011grade Angular\u202f20+ library with 90+ accessible, performant Tailwind\u2011styled components for modern apps."}, {"name": "Tailkit UI", "url": "https://tailkit.com/", "description": "Carefully crafted, customizable, fully responsive Tailwind CSS components, templates, and tools for your projects."}, {"name": "tailwind-ng", "url": "https://github.com/william-mba/tailwind-ng", "description": "Open\u2011source library integrating Tailwind CSS with Angular for seamless, scalable, and joyful UI development."}, {"name": "zapui", "url": "https://github.com/zapuilib/zapui", "description": "Build scalable Angular apps with a Tailwind-powered design system from [zap:ui](https://zapui.togethercreative.co.uk/)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UI Library and Framework Ionic", "entries": [{"name": "Official website", "url": "https://ionicframework.com", "description": ""}, {"name": "Official GitHub repository", "url": "https://github.com/ionic-team/ionic-framework", "description": ""}, {"name": "Ionic Academy", "url": "https://ionicacademy.com/", "description": "The fastest way to learn Ionic."}, {"name": "Elite Ionic", "url": "https://eliteionic.com/", "description": "Advanced training for Angular developers who want to create NEXT LEVEL native web applications."}, {"name": "Ionic Themes", "url": "https://ionicthemes.com/tutorials", "description": "Tutorials and templates."}, {"name": "Ionic Start", "url": "https://ionicstart.com/", "description": "Build web and native mobile applications with Ionic whilst learning modern reactive development with Angular."}, {"name": "awesome-cordova-plugins", "url": "https://github.com/danielsogl/awesome-cordova-plugins", "description": "Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support."}, {"name": "ionic-angular-library", "url": "https://github.com/rdlabo-team/ionic-angular-library", "description": "A collection of components and services that are useful for developing Ionic Angular applications."}, {"name": "ionic-angular-collect-icons", "url": "https://github.com/rdlabo-team/ionic-angular-collect-icons", "description": "Library to group ionIcons and auto\u2011generate export files, simplifying addIcons() management in small projects."}, {"name": "IDEA-Ionic8-extra", "url": "https://github.com/iter-idea/IDEA-Ionic8-extra", "description": "[IDEA's](https://www.iter-idea.com/) extra components and services built on Ionic 8, and distributed with different NPM packages."}, {"name": "ionic-component-snippets", "url": "https://github.com/LennonReid/ionic-component-snippets", "description": "Repository of unofficial Ionic demos and libraries that can still benefit developers and their apps."}, {"name": "ionic-header-parallax", "url": "https://github.com/RaschidJFR/ionic-header-parallax", "description": "This directive enables a parallax effect on `ion-header` elements to display a cover photo while on top of the page and transition to the normal toolbar when scrolling down."}, {"name": "ionic-state", "url": "https://github.com/godenji/ionic-state", "description": "Provides utilities for working with state in Ionic applications."}, {"name": "simplici-auth-angular-ionic", "url": "https://www.npmjs.com/package/simplici-auth-angular-ionic", "description": "Powerful Angular library for seamless social auth in Ionic/Angular apps, supporting major providers with web/mobile compatibility via Capacitor or Cordova."}, {"name": "ionx-search-select", "url": "https://github.com/kisimediaDE/ionx-search-select", "description": "Modern Angular/Ionic search & select with standalone components, signals, and full `ControlValueAccessor` support."}, {"name": "ionic-insta-api-wrapper", "url": "https://github.com/appit-online/ionic-insta-api-wrapper", "description": "Lightweight Ionic/Cordova library for fetching Instagram content (Stories, Reels, posts, profiles) with login and cookie support."}, {"name": "ionic-adv-tooltip", "url": "https://github.com/PhaZRic/ionic-adv-tooltip", "description": "Media rich tooltips and popovers for Ionic Angular that render templates, images, videos, or live previews on any host."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UI Primitives", "entries": [{"name": "ng-primitives", "url": "https://github.com/ng-primitives/ng-primitives", "description": "A low-level UI component library with a focus on accessibility, customization, and developer experience."}, {"name": "primitives", "url": "https://github.com/radix-ng/primitives", "description": "Angular port of [Radix UI](https://www.radix-ui.com/) Primitives. Accessible. Customizable."}, {"name": "ngbase", "url": "https://github.com/ng-base/ngbase", "description": "Lightweight Angular UI primitives with unstyled directives and components, customizable for any design system."}, {"name": "vacui-ui", "url": "https://github.com/DanielAlcaraz/vacui-ui", "description": "A headless Angular library of utility-first, primitives, low-level directives as foundational elements."}, {"name": "ngx-headless", "url": "https://github.com/fawadtariq/ngx-headless", "description": "A collection of standalone, accessible Angular primitives inspired by [Headless UI](https://headlessui.com) & [FormKit](https://formkit.com)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 UX Components", "entries": [{"name": "angular-shepherd", "url": "https://github.com/shepherd-pro/angular-shepherd", "description": "Angular Service wrapping the site tour library [Shepherd](https://github.com/shepherd-pro/shepherd)."}, {"name": "skyux", "url": "https://github.com/blackbaud/skyux", "description": "SKY UX components for Angular."}, {"name": "ngx-ui-tour", "url": "https://github.com/hakimio/ngx-ui-tour", "description": "A UI tour library inspired by [angular-ui-tour](https://github.com/benmarch/angular-ui-tour)."}, {"name": "ngx-tour-wizard", "url": "https://github.com/tonysamperi/ngx-tour-wizard", "description": "Product Tour Wizard."}, {"name": "bdc-walkthrough", "url": "https://github.com/Broadcom/bdc-walkthrough", "description": "An Angular Material library for displaying walk-through pop-ups and dialogs using a declarative way."}, {"name": "ngx-onboarding", "url": "https://github.com/rosen-group/ngx-onboarding", "description": "Onboarding library for seamless Angular tutorials, helping users quickly learn and navigate your app."}, {"name": "ngxsmk-help-tour", "url": "https://github.com/toozuuu/ngxsmk-help-tour", "description": "Angular 17+ standalone library for spotlight focus and guided product tours with keyboard navigation, auto-advance, theming, and a11y."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Viewers", "entries": [{"name": "file-viewer", "url": "https://github.com/ameyb88/file-viewer", "description": "A powerful, universal file previewer library for Angular applications with support for PDF, images, documents, spreadsheets, and more."}, {"name": "json-diff", "url": "https://github.com/mufasa-dev/Json-diff", "description": "An Angular-powered tool to quickly compare two JSON objects and highlight their differences!"}, {"name": "ng-pdf-renderer", "url": "https://github.com/askinjohn/ng-pdf-renderer", "description": "A modern, zero-configuration PDF viewer for Angular applications with intelligent auto-fit, text selection, and responsive design."}, {"name": "ng2-pdf-viewer", "url": "https://github.com/VadimDez/ng2-pdf-viewer", "description": "PDF viewer component."}, {"name": "ng2-pdfjs-viewer", "url": "https://github.com/intbot/ng2-pdfjs-viewer", "description": "An Angular component for PDFJS and ViewerJS (Supports all versions of Angular)."}, {"name": "ngx-diff", "url": "https://github.com/rars/ngx-diff", "description": "Angular component library for displaying diffs of text."}, {"name": "ngx-extended-pdf-viewer", "url": "https://github.com/stephanrauh/ngx-extended-pdf-viewer", "description": "A full-blown PDF viewer for Angular 16, 17, and beyond."}, {"name": "ngx-gist", "url": "https://github.com/ProAngular/ngx-gist", "description": "An Angular Material and highlightjs styled display box for GitHub gist and local code snippets."}, {"name": "ngx-imageviewer", "url": "https://github.com/viobui/ngx-imageviewer", "description": "Generate a image/pdf viewer using canvas."}, {"name": "ngx-json-diff-viewer", "url": "https://www.npmjs.com/package/ngx-json-diff-viewer", "description": "Angular component for visually displaying the differences between two JSON objects."}, {"name": "ngx-json-schema-viewer", "url": "https://github.com/jy95/ngx-json-schema-viewer", "description": "JSON Schema Viewer in Angular."}, {"name": "ngx-json-treeview", "url": "https://github.com/MichaelDoyle/ngx-json-treeview", "description": "A collapsible JSON tree view for Angular."}, {"name": "ngx-omniview", "url": "https://github.com/binapani-edu/ngx-omniview", "description": "An all-in-one content viewer for Angular that seamlessly displays raw string inputs as Plain Text, HTML, Markdown, LaTeX, MathJax, JSON, and more\u2014using just a single component."}, {"name": "ngx-profile-comparison", "url": "https://github.com/singharsh0/ngx-profile-comparison", "description": "A high-quality, production-ready Angular component library that visually compares two user profiles by highlighting their similarities and differences."}, {"name": "ngx-serial-console", "url": "https://github.com/binuud/ngx-serial-console", "description": "Angular component and service to monitor output from a serial device."}, {"name": "ngx-treeview2", "url": "https://github.com/TapBeep/ngx-treeview2", "description": "An Angular treeview component with checkbox."}, {"name": "ngx-universal-viewer", "url": "https://github.com/Imishu29/ngx-universal-viewer", "description": "A powerful and versatile Angular component for viewing multiple file formats including PDF, Word (DOC/DOCX), Excel (XLS/XLSX), and PowerPoint (PPT/PPTX) files with both continuous scroll and page-by-page view modes."}, {"name": "ngx-voyage", "url": "https://github.com/mschn/ngx-voyage", "description": "File Explorer for Angular and PrimeNG."}, {"name": "pdf-viewer-kit", "url": "https://github.com/AmanKrr/pdf-viewer-kit", "description": "A modern, high-performance, framework-agnostic, lightweight PDF viewer and annotation library built on top of [pdf.js](https://github.com/mozilla/pdf.js)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Visual Effects", "entries": [{"name": "angular-game-of-life", "url": "https://github.com/Astgenne4922/angular-game-of-life", "description": "Background component playing Conway's Game of Life for Angular 19+."}, {"name": "angular-tag-cloud-module", "url": "https://github.com/d-koppenhagen/angular-tag-cloud-module", "description": "With this module, you can generate word clouds / tag clouds."}, {"name": "ng-whiteboard", "url": "https://github.com/mostafazke/ng-whiteboard", "description": "Lightweight Angular whiteboard component."}, {"name": "ngx-analog-clock", "url": "https://github.com/DerStimmler/ngx-analog-clock", "description": "Customizable analog clock for your Angular app."}, {"name": "ngx-color-scheme", "url": "https://github.com/rbalet/ngx-color-scheme", "description": "Add dark mode to your Angular applications with ease."}, {"name": "ngx-countdown", "url": "https://github.com/cipchk/ngx-countdown", "description": "Simple, easy and performant countdown."}, {"name": "ngx-font-picker", "url": "https://github.com/zefoy/ngx-font-picker", "description": "Google fonts font picker widget for Angular."}, {"name": "ngx-gauge", "url": "https://github.com/ashish-chopra/ngx-gauge", "description": "A highly customizable Gauge component for Angular apps and dashboards."}, {"name": "ngx-globe", "url": "https://github.com/omnedia/ngx-globe", "description": "A simple component library to create a container with an animated globe."}, {"name": "ngx-gooey", "url": "https://github.com/wadie/ngx-gooey", "description": "The gooey effect for Angular, used for shape blobbing / metaballs."}, {"name": "ngx-lamp", "url": "https://github.com/omnedia/ngx-lamp", "description": "A simple component library to create a lamp."}, {"name": "ngx-neon-underline", "url": "https://github.com/omnedia/ngx-neon-underline", "description": "An Angular library that provides a glowing neon underline effect for your components."}, {"name": "ngx-parallax-stars", "url": "https://github.com/DerStimmler/ngx-parallax-stars", "description": "Angular library to create beautiful stars with parallax effect."}, {"name": "ngx-waterbox", "url": "https://github.com/vwochnik/ngx-waterbox", "description": "An isometric water box component."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 RxJS", "entries": [{"name": "Official website", "url": "https://rxjs.dev/", "description": "Reactive Extensions Library for JavaScript."}, {"name": "effects", "url": "https://github.com/ngneat/effects", "description": "A framework-agnostic RxJS effects implementation."}, {"name": "eslint-plugin-rxjs-x", "url": "https://github.com/JasonWeinzierl/eslint-plugin-rxjs-x", "description": "Fork of [eslint-plugin-rxjs](https://github.com/cartant/eslint-plugin-rxjs) adding ESLint flat config support with breaking changes and improvements."}, {"name": "fork-join-settled", "url": "https://github.com/DKozachenko/fork-join-settled", "description": "RxJS library which is analog of [Promise.allSettled()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled) method."}, {"name": "learn-rxjs", "url": "https://github.com/btroncone/learn-rxjs", "description": "Clear examples, explanations, and resources for RxJS."}, {"name": "ng-event-bus", "url": "https://github.com/cristiammercado/ng-event-bus", "description": "RxJS-based message bus service for Angular."}, {"name": "ng-rxjs-safe-subscribe", "url": "https://github.com/piotrekn/ng-rxjs-safe-subscribe", "description": "Implementation of Angular's repeatable OnDestroy pattern."}, {"name": "ngx-device-permission", "url": "https://github.com/PhilipSh/ngx-device-permission", "description": "Angular library for handling device permissions (camera, microphone, geolocation, etc.) in a reactive way using RxJS."}, {"name": "ngx-observable-lifecycle", "url": "https://github.com/cloudnc/ngx-observable-lifecycle", "description": "Library for observing the lifecycle of an (Ivy compiled) Angular component."}, {"name": "ngx-operators", "url": "https://github.com/nilsmehlhorn/ngx-operators", "description": "RxJS operators for Angular."}, {"name": "ngx-rxjs-zone-scheduler", "url": "https://github.com/ftischler/ngx-rxjs-zone-scheduler", "description": "A library for Angular providing RxJS schedulers to run some kind of work inside or outside of `NgZone`."}, {"name": "ngx-safe-subscribe", "url": "https://github.com/Badisi/ngx-safe-subscribe", "description": "Easy way to automatically unsubscribe from RxJS observables in Angular components."}, {"name": "observable-webworker", "url": "https://github.com/cloudnc/observable-webworker", "description": "Simplified API for working with Web Workers with RxJS."}, {"name": "operators", "url": "https://github.com/jscutlery/devkit/tree/main/packages/operators", "description": "This package regroups a couple of RxJS operators meant to simplify some common patterns."}, {"name": "redux-observable", "url": "https://github.com/redux-observable/redux-observable", "description": "RxJS middleware for action side effects in Redux using \"Epics\"."}, {"name": "rx-computed", "url": "https://github.com/jscutlery/devkit/tree/main/packages/rx-computed", "description": "The async RxJS-based version of signals' `computed()`."}, {"name": "@mrOranger/RxJs", "url": "https://github.com/mrOranger/RxJs", "description": "Theory with examples about the Reactive Programming paradigm, using the library RxJS."}, {"name": "rxjs-broker", "url": "https://github.com/chrisguttandin/rxjs-broker", "description": "An RxJS message broker for WebRTC DataChannels and WebSockets."}, {"name": "rxjs-challenge", "url": "https://github.com/AngularWave/rxjs-challenge", "description": "A set of little RxJS puzzles to practice your Observable skills."}, {"name": "rxjs-collection", "url": "https://github.com/henryruhs/rxjs-collection", "description": "RxJS enhanced Array, Map, WeakMap, Set, and WeakSet."}, {"name": "rxjs-common", "url": "https://github.com/paddls/rxjs-common", "description": "A collection of useful RxJS operators."}, {"name": "rxjs-conduit", "url": "https://github.com/Fasteroid/rxjs-conduit", "description": "RxJS ReplaySubjects with with additional features to make reactive programming easier."}, {"name": "rxjs-course", "url": "https://github.com/angular-university/rxjs-course", "description": "RxJS course from Angular University."}, {"name": "rxjs-typewriter", "url": "https://github.com/omnedia/rxjs-typewriter", "description": "Lightweight NPM library for typewriter effects using RxJS for smooth, customizable animations."}, {"name": "rxvisualizer", "url": "https://rxvisualizer.com/", "description": "RxJS Marble Diagram Visualizer from `Angular Space`."}, {"name": "subscribable-things", "url": "https://github.com/chrisguttandin/subscribable-things", "description": "A collection of reactive wrappers for various browser APIs."}, {"name": "subsiphon", "url": "https://github.com/shobeiry/subsiphon", "description": "Lightweight utility for managing multiple RxJS subscriptions with indexed/named keys and simple cleanup methods."}, {"name": "until-destroy", "url": "https://github.com/ngneat/until-destroy", "description": "RxJS operator that unsubscribe from observables on destroy."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 TypeScript", "entries": [{"name": "Official website", "url": "https://www.typescriptlang.org/", "description": ""}, {"name": "Official TypeScript REPL", "url": "https://www.typescriptlang.org/play/", "description": ""}, {"name": "Official GitHub repository", "url": "https://github.com/Microsoft/TypeScript", "description": ""}, {"name": "DefinitelyTyped GitHub repository", "url": "https://github.com/DefinitelyTyped/DefinitelyTyped", "description": "The repository for high quality TypeScript type definitions."}, {"name": "guardz", "url": "https://github.com/thiennp/guardz", "description": "Lightweight, zero-dependency TypeScript type guards for runtime validation with structured error handling."}, {"name": "mutates", "url": "https://github.com/IKatsuba/mutates", "description": "Powerful TypeScript AST mutation toolset, forked from `ng-morph`, enabling extensive project-wide transformations beyond Angular."}, {"name": "ngx-exhaustive-check", "url": "https://github.com/soc221b/ngx-exhaustive-check", "description": "Angular utility for ensuring exhaustive checks on TypeScript discriminated unions, enhancing type safety and reliability."}, {"name": "ngx-mf", "url": "https://github.com/iamguid/ngx-mf", "description": "Bind your model types to Angular FormGroup type."}, {"name": "quicktype", "url": "https://github.com/glideapps/quicktype", "description": "Generate types and converters from JSON, Schema, and GraphQL."}, {"name": "Sheriff", "url": "https://github.com/softarc-consulting/sheriff", "description": "Lightweight Modularity for TypeScript Projects."}, {"name": "superstruct", "url": "https://github.com/ianstormtaylor/superstruct", "description": "A simple and composable way to validate data in JavaScript (and TypeScript)."}, {"name": "Total TypeScript Book", "url": "https://github.com/total-typescript/total-typescript-book", "description": "The companion repository for the upcoming Total TypeScript book."}, {"name": "transform.tools", "url": "https://transform.tools/json-to-typescript", "description": "Save a lot of time typing API responses with this JSON to TypeScript converter."}, {"name": "trpc", "url": "https://github.com/trpc/trpc", "description": "Move Fast and Break Nothing. End-to-end typesafe APIs made easy."}, {"name": "ts-essentials", "url": "https://github.com/ts-essentials/ts-essentials", "description": "All essential TypeScript types in one place."}, {"name": "ts-pattern", "url": "https://github.com/gvergnaud/ts-pattern", "description": "The exhaustive Pattern Matching library for TypeScript, with smart type inference."}, {"name": "ts-serializer", "url": "https://github.com/paddls/ts-serializer", "description": "Serialize your models into strongly typed TypeScript classes."}, {"name": "tsconfig", "url": "https://github.com/smartrecruiters/tsconfig", "description": "SmartRecruiters' tsconfig contains all strict rules and improves your project type-safety."}, {"name": "typebox", "url": "https://github.com/sinclairzx81/typebox", "description": "JSON Schema Type Builder with Static Type Resolution for TypeScript."}, {"name": "typebuddy", "url": "https://github.com/typed-rocks/type-buddy", "description": "Finally make sense of your complex types."}, {"name": "type-challenges", "url": "https://github.com/type-challenges/type-challenges", "description": "Collection of TypeScript type challenges with online judge."}, {"name": "type-fest", "url": "https://github.com/sindresorhus/type-fest", "description": "A collection of essential TypeScript types. Either add the package as a dependency or copy-paste the needed types."}, {"name": "typehero", "url": "https://github.com/typehero/typehero", "description": "Connect, collaborate, and grow with a community of TypeScript developers."}, {"name": "typescript-challenges", "url": "https://github.com/psmyrdek/typescript-challenges", "description": "A set of challenges helping you understand TypeScript."}, {"name": "valibot", "url": "https://github.com/fabian-hiller/valibot", "description": "The modular and type safe schema library for validating structural data."}, {"name": "zod", "url": "https://github.com/colinhacks/zod", "description": "TypeScript-first schema validation with static type inference."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Cross-Framework Integration", "entries": [{"name": "detector", "url": "https://github.com/kitium-ai/detector", "description": "A zero-dependency, TypeScript-first library for fast, universal detection of platforms, frameworks, browsers, and capabilities."}, {"name": "ngx-react", "url": "https://github.com/ngeenx/ngx-react", "description": "Embed React components or apps into Angular projects."}, {"name": "ngx-reactify", "url": "https://github.com/knackstedt/ngx-reactify", "description": "Library to make running Angular and React applications together easy."}, {"name": "ng-react-bridge", "url": "https://github.com/john310897/ng-react-bridge", "description": "A lightweight Angular package that enables developers to seamlessly render React components inside Angular components using a directive."}, {"name": "gong", "url": "https://github.com/fullstack-lang/gong", "description": "Full\u2011stack framework with Go (Gin, Gorm, pure SQLite) backend and Angular Material frontend."}, {"name": "@retejs/angular-plugin", "url": "https://github.com/retejs/angular-plugin", "description": "Angular plugin with a classic preset of node, connection, socket, and control components, built on [Rete.js](https://retejs.org/)."}, {"name": "Stencil", "url": "https://stenciljs.com/docs/angular", "description": "Generate Angular component wrappers for your web components."}, {"name": "zero-angular", "url": "https://github.com/sscholle/zero-angular", "description": "Angular bindings for [Zero](https://zero.rocicorp.dev/)."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 External Integration", "entries": [{"name": "Sentry", "url": "https://docs.sentry.io/platforms/javascript/guides/angular/configuration/integrations/", "description": "A developer-first error tracking and performance monitoring platform."}, {"name": "DataDog", "url": "https://docs.datadoghq.com/integrations/rum_angular/", "description": "With the Datadog Angular integration, you can resolve performance issues quickly."}, {"name": "Elastic", "url": "https://www.elastic.co/guide/en/apm/agent/rum-js/current/angular-integration.html", "description": "Real User Monitoring JavaScript agent with Angular applications."}, {"name": "@elastic/apm-rum-angular", "url": "https://www.npmjs.com/package/@elastic/apm-rum-angular", "description": "Elastic APM Real User Monitoring for Angular applications."}, {"name": "Partytown", "url": "https://partytown.builder.io/angular", "description": "Relocate resource intensive third-party scripts off of the main thread and into a web worker."}, {"name": "Pega", "url": "https://community.pega.com/marketplace/component/angular-sdk", "description": "Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system."}, {"name": "Postcat", "url": "https://github.com/Postcatlab/postcat", "description": "A lightweight, extensible API tool based on Angular and Electron."}, {"name": "GoodData", "url": "https://www.gooddata.com/blog/frontend-integration-series-angular/", "description": "Integrate GoodData Visualizations into your Angular application."}, {"name": "NativeScript", "url": "https://docs.nativescript.org", "description": "Provides platform APIs directly to the JavaScript runtime (with strong types) for a rich TypeScript development experience."}, {"name": "Strich", "url": "https://docs.strich.io/angular-integration-guide.html", "description": "A JavaScript library for real-time, multi-format barcode scanning directly in the web browser."}, {"name": "stream-chat-angular", "url": "https://github.com/GetStream/stream-chat-angular", "description": "Angular Chat SDK \u279c Stream Chat. Build a chat app with ease."}, {"name": "foblex2D", "url": "https://github.com/siarheihuzarevich/foblex2D", "description": "Angular library for 2D geometry with utilities for points, lines, vectors, shapes, and transformations, used in `Foblex Flow`."}, {"name": "Bloomreach Angular SDK", "url": "https://github.com/bloomreach/spa-sdk/blob/main/packages/ng-sdk/README.md", "description": "Provides simplified headless integration with [Bloomreach Content](https://www.bloomreach.com/en/products/content) for Angular-based applications."}, {"name": "ng-storyblok", "url": "https://github.com/geometricpanda/ng-storyblok", "description": "A simple way to integrate [Storyblok](https://www.storyblok.com/) into your Angular application."}, {"name": "ngx-notion-cms", "url": "https://github.com/borjamrd/ngx-notion-cms", "description": "Render your Notion content through your Angular application as a CMS."}, {"name": "ngx-wagmi", "url": "https://github.com/thanhhoa214/ngx-wagmi", "description": "An essential toolkit to connect your Angular app to the Blockchain, bringing powerful wallet and contract interactions to your fingertips."}, {"name": "Otter", "url": "https://github.com/AmadeusITGroup/otter", "description": "Highly modular Angular framework with units for localization, testing, customization, and CMS-driven dynamic configuration."}, {"name": "HyperFormula", "url": "https://hyperformula.handsontable.com/guide/integration-with-angular.html#demo", "description": "A headless spreadsheet built in TypeScript, serving as both a parser and evaluator of spreadsheet formulas. It can be integrated into your browser."}, {"name": "fusio-sdk-javascript-angular", "url": "https://github.com/apioo/fusio-sdk-javascript-angular", "description": "This SDK enables Angular apps to integrate with [Fusio](https://www.fusio-project.org/), used by projects like the [backend](https://github.com/apioo/fusio-apps-backend) and [developer](https://github.com/apioo/fusio-apps-developer)."}, {"name": "limitless-angular", "url": "https://github.com/limitless-angular/limitless-angular", "description": "A collection of powerful Angular libraries designed to enhance the Angular ecosystem and help developers build better applications with a focus on `Sanity.io` integration."}, {"name": "angular-rsocket", "url": "https://github.com/saleweaver/angular-rsocket", "description": "Connect to an [RSocket](https://rsocket.io/) server, handle streams/messages, and manage tokens via a provider."}, {"name": "Bit", "url": "https://bit.dev/docs/angular-introduction/", "description": "Leverage Bit to build composable software."}, {"name": "angular-twitter-timeline", "url": "https://github.com/mustafaer/angular-twitter-timeline", "description": "Angular Public Twitter Timeline Widget."}, {"name": "ngx-signalr-websocket", "url": "https://github.com/yurivoronin/ngx-signalr-websocket", "description": "A lightweight ASP.NET SignalR client for Angular."}], "notes": [], "source": "Angular"}, {"name": "Angular \u2014 Wrappers", "entries": [{"name": "angular-calendly", "url": "https://github.com/tolutronics/angular-calendly", "description": "A modern Angular library that provides standalone components for embedding [Calendly](https://calendly.com/) scheduling widgets."}, {"name": "angular-email-editor", "url": "https://github.com/unlayer/angular-email-editor", "description": "Drag-n-drop email editor by [Unlayer](https://unlayer.com/embed) as an Angular wrapper component."}, {"name": "angular-three", "url": "https://github.com/angular-threejs/angular-three", "description": "Angular Renderer for [THREE.js](https://github.com/mrdoob/three.js)."}, {"name": "chat-widget-adapters", "url": "https://github.com/livechat/chat-widget-adapters", "description": "Angular wrapper for the [LiveChat](https://developers.livechat.com/) Chat Widget (JavaScript API)."}, {"name": "ckeditor4-angular", "url": "https://github.com/ckeditor/ckeditor4-angular", "description": "An official CKEditor 4 rich text editor component for Angular 2+."}, {"name": "ckeditor5-angular", "url": "https://github.com/ckeditor/ckeditor5-angular", "description": "An official CKEditor 5 rich text editor component for Angular 2+."}, {"name": "cytoscape-angular", "url": "https://github.com/michaelbushe/cytoscape-angular", "description": "A production-ready Angular library providing sophisticated graph visualization capabilities using [Cytoscape.js](https://js.cytoscape.org/)."}, {"name": "d3-cloud-angular", "url": "https://github.com/maitrungduc1410/d3-cloud-angular", "description": "D3 Cloud component for Angular built upon [d3-cloud](https://github.com/jasondavies/d3-cloud)."}, {"name": "gojs-angular", "url": "https://github.com/NorthwoodsSoftware/gojs-angular", "description": "A set of Angular components to manage [GoJS](https://gojs.net/latest/index.html) Diagrams, Palettes, and Overviews."}, {"name": "lyne-angular", "url": "https://github.com/sbb-design-systems/lyne-angular", "description": "Angular wrapper for the [Lyne Web Components](https://github.com/sbb-design-systems/lyne-components)."}, {"name": "@interopio/ng", "url": "https://www.npmjs.com/package/@interopio/ng", "description": "[IO Connect](https://interop.io/) Angular wrapper to simplify initializing and using IO Connect libraries in projects."}, {"name": "ng-elementum", "url": "https://github.com/MillerSvt/ng-elementum", "description": "A modern fork of `@angular/elements` that enhances the integration of Angular components with the Web Components standard."}, {"name": "ngx-barcode6", "url": "https://github.com/efgiese/ngx-barcode6", "description": "An Angular component for Angular 9+ for creating 1-D barcodes based on [JsBarcode](https://github.com/lindell/JsBarcode)."}, {"name": "ngx-chessground", "url": "https://github.com/topce/ngx-chessground", "description": "Angular wrapper for [chessground](https://github.com/ornicar/chessground)."}, {"name": "ngx-d3", "url": "https://github.com/simonegosetto/ngx-d3", "description": "A [D3](https://d3js.org/) wrapper service for Angular applications inspired by [d3-ng2-service](https://github.com/tomwanzek/d3-ng2-service)."}, {"name": "ngx-fabric-wrapper", "url": "https://github.com/zefoy/ngx-fabric-wrapper", "description": "Angular wrapper library for [Fabric](http://fabricjs.com/)."}, {"name": "ngx-filesize", "url": "https://github.com/amitdahan/ngx-filesize", "description": "Angular wrapper for [filesize.js](https://filesizejs.com/)."}, {"name": "ngx-grapesjs", "url": "https://github.com/Developer-Plexscape/ngx-grapesjs", "description": "Angular wrapper library for [GrapesJS](https://grapesjs.com)."}, {"name": "ngx-katex", "url": "https://github.com/pusherman/ngx-katex", "description": "A simple Angular wrapper for [KaTeX](https://github.com/KaTeX/KaTeX)."}, {"name": "ngx-kel-agent", "url": "https://github.com/k0swe/ngx-kel-agent", "description": "Client library for Angular applications to integrate with [kel-agent](https://github.com/k0swe/kel-agent)."}, {"name": "ngx-neoline", "url": "https://github.com/smartargs/ngx-neoline", "description": "Angular wrapper for [NeoLine](https://tutorial.neoline.io/) N3 dAPI, detecting provider, awaiting READY, and exposing typed methods."}, {"name": "ngx-open-web-ui-chat", "url": "https://github.com/JealousyM/ngx-open-web-ui-chat", "description": "Angular component library for embedding [Open WebUI](https://openwebui.com/) chat with Socket.IO streaming, conversation history and markdown support."}, {"name": "ngx-pendo", "url": "https://github.com/yociduo/ngx-pendo", "description": "A simple wrapper to load Pendo in Angular."}, {"name": "ngx-pocketbase", "url": "https://github.com/BerniHC/ngx-pocketbase", "description": "PocketBase Angular SDK for interacting with the [PocketBase API](https://pocketbase.io/docs). Based on the [PocketBase JavaScript SDK](https://github.com/pocketbase/js-sdk)."}, {"name": "ngx-sentry", "url": "https://github.com/DSI-HUG/ngx-sentry", "description": "Angular wrapper for [Sentry JavaScript SDK](https://github.com/getsentry/sentry-javascript)."}, {"name": "ngx-serializer", "url": "https://github.com/paddls/ngx-serializer", "description": "Angular wrapper of `@paddls/ts-serializer` library."}, {"name": "ngx-socket-io", "url": "https://github.com/rodgc/ngx-socket-io", "description": "[Socket.IO](https://socket.io/) module for Angular."}, {"name": "ngx-surreal", "url": "https://github.com/vandaeldev/ngx-surreal", "description": "Lightweight Angular wrapper for the [SurrealDB](https://surrealdb.com/) JavaScript SDK."}, {"name": "ngx-tagify", "url": "https://github.com/Brakebein/ngx-tagify", "description": "Angular library that wraps [Tagify](https://github.com/yaireo/tagify/)."}, {"name": "ngx-three", "url": "https://github.com/demike/ngx-three", "description": "Use [Three.js](https://threejs.org) with your Angular project in a declarative way."}, {"name": "ngx-three-globe", "url": "https://github.com/omnedia/ngx-three-globe", "description": "An Angular library that provides an interactive, 3D globe visualization built using `Three.js`."}, {"name": "ngx-virtual-select", "url": "https://github.com/zinetnorf/ngx-virtual-select", "description": "Component to integrate [Virtual Select](https://github.com/sa-si-dev/virtual-select) in Angular."}, {"name": "ngx-viz", "url": "https://github.com/vedph/ngx-viz", "description": "Simple Angular [viz.js](https://viz-js.com/) wrapper to render [DOT graphs](https://graphviz.org/doc/info/lang.html)."}, {"name": "ngx-webdatarocks", "url": "https://github.com/WebDataRocks/ngx-webdatarocks", "description": "Angular wrapper for [WebDataRocks](https://www.webdatarocks.com/). Follow this [example](https://github.com/WebDataRocks/pivot-angular) to integrate the WebDataRocks web reporting tool."}, {"name": "ngx-xapi", "url": "https://github.com/BerryCloud/ngx-xapi", "description": "Lightweight Angular wrapper for [xAPI](https://xapi.com/)."}, {"name": "ngx-xyflow", "url": "https://github.com/knackstedt/ngx-xyflow", "description": "Angular wrapper of [xyflow](https://github.com/xyflow/xyflow)."}, {"name": "seatsio-angular", "url": "https://github.com/seatsio/seatsio-angular", "description": "Angular wrapper for rendering [Seats.io](https://www.seats.io/) seating charts."}, {"name": "zag-angular", "url": "https://github.com/makuko/zag-angular", "description": "Angular wrapper for [zag](https://github.com/chakra-ui/zag)."}, {"name": "angular-style-injector", "url": "https://github.com/emmat-york/angular-style-injector", "description": "A lightweight dependency injection container inspired by Angular's Injector."}, {"name": "arky-js", "url": "https://www.npmjs.com/package/arky-js", "description": "Annotation-based framework for AWS Lambda/API Gateway, inspired by Angular/NestJS, with decorators for modules, controllers, and services."}, {"name": "css-fx-layout", "url": "https://github.com/philmtd/css-fx-layout", "description": "A responsive SCSS flexbox library inspired by Angular Flex-Layout."}, {"name": "di", "url": "https://github.com/kaokei/di", "description": "This library is a lightweight dependency injection library, similar to [InversifyJS](https://github.com/inversify/InversifyJS) and [typedi](https://github.com/typestack/typedi)."}, {"name": "flexdi", "url": "https://github.com/AndreyShashlovDev/flexdi", "description": "Flexible, lightweight DI library for React, React Native, and Vue3, inspired by NestJS and Angular."}, {"name": "fornax", "url": "https://github.com/TBosak/fornax", "description": "Lightweight, opinionated Bun-powered full\u2011stack framework for SPAs with custom components, routing, and flexible styling."}, {"name": "friendly-di", "url": "https://github.com/AlexSergey/friendly-di", "description": "A lightweight and high-performance inversion of control (IoC) container inspired by NestJS and Angular."}, {"name": "GameEngine", "url": "https://github.com/gandolphinnn/GameEngine", "description": "A TypeScript game engine inspired by Angular."}, {"name": "gapi", "url": "https://github.com/Stradivario/gapi", "description": "Inspired by Angular and intended to provide complex Node.js GraphQL Backend applications with minimum effort."}, {"name": "GTPL", "url": "https://github.com/garag-lib/GTPL", "description": "TypeScript library for reactive templates using Direct DOM and Proxy, inspired by Vue, Angular AOT, and JSX, in a compact 9KB package."}, {"name": "indulgent", "url": "https://github.com/frodi-karlsson/indulgent", "description": "A lightweight set of TypeScript utilities designed for web development, free of external dependencies and optimized for solid runtime performance."}, {"name": "ioc", "url": "https://github.com/Isqanderm/ioc", "description": "A powerful and flexible Inversion of Control (IoC) container for TypeScript applications. Inspired by Angular and NestJS."}, {"name": "Lua-Generate", "url": "https://github.com/Gabriel-c0Nsp/Lua-Generate", "description": "A CLI tool to generate boilerplate code inspired by ng tool from Angular."}, {"name": "named-slots", "url": "https://github.com/maybebot/named-slots", "description": "Declarative \"holes\" for React components, inspired by slots in Vue, Svelte, Angular, and WebComponents."}, {"name": "needle-di", "url": "https://github.com/needle-di/needle-di", "description": "A lightweight, type-safe Dependency Injection (DI) library for JavaScript and TypeScript projects."}, {"name": "npm-clang-format-node", "url": "https://github.com/lumirlumir/npm-clang-format-node", "description": "Node wrapper for LLVM Clang's clang-format and git-clang-format native binaries inspired by [clang-format](https://github.com/angular/clang-format)."}, {"name": "obfetch", "url": "https://github.com/wflixu/obfetch", "description": "A HttpClient base on RxJS and fetch API inspired by Angular `httpClient`."}, {"name": "ozean", "url": "https://github.com/ozeanjs/ozean", "description": "A modern, simple, and high-performance web framework built on the Bun runtime. It provides a development experience and architecture that should be familiar to Angular users."}, {"name": "prang", "url": "https://github.com/Joery-M/prang", "description": "A framework that looks like Angular, smells like Angular, but is actually Vue."}, {"name": "PrasthuthTS", "url": "https://github.com/Prasthuth-Pradeep/PrasthuthTS", "description": "TypeScript framework inspired by Angular with modular components, two\u2011way binding, flexible routing, and strong typing."}, {"name": "react-di-lite", "url": "https://github.com/zobla-kv/react-di-lite", "description": "Lightweight, hierarchical dependency injection for React inspired by Angular\u2019s services."}, {"name": "ReactiveForms", "url": "https://github.com/vipulkmr02/ReactiveForms", "description": "Retrieve form input values using the DOM and implement form validation, drawing inspiration from Angular's Reactive Forms approach."}, {"name": "@joanpablo/reactive\\_forms", "url": "https://github.com/joanpablo/reactive_forms", "description": "A Dart library using a model-driven approach for forms and validations, inspired by Angular's Reactive Forms."}, {"name": "reaktiv", "url": "https://github.com/buiapp/reaktiv", "description": "Reactive Signals for Python with first-class async support, inspired by Angular's reactivity model."}, {"name": "sio", "url": "https://github.com/silicia-apps/sio", "description": "Silicia Framework: a fresh approach built upon Ionic, designed to streamline the development of hybrid applications and websites."}, {"name": "ts-react-directives", "url": "https://github.com/skycodr/ts-react-directives", "description": "A small React/TypeScript library designed to mimic Angular directives."}, {"name": "UnReact.js", "url": "https://github.com/arnvjshi/unreactpjs", "description": "A modern framework combining the best of Angular and React for enhanced component communication."}, {"name": "use-vue-service", "url": "https://github.com/kaokei/use-vue-service", "description": "Lightweight Vue 3 state management with dependency injection, inspired by Angular services."}, {"name": "vyuha", "url": "https://github.com/RamanSharma100/vyuha", "description": "A Node.js Template Engine Inspired by EJS, Angular, and Laravel Blade."}, {"name": "awesome-utils-dev", "url": "https://github.com/pegaltier/awesome-utils-dev/blob/master/utils-coding/utils-angular-list.md", "description": "Exhaustive list of Angular ecosystem resources\u2014your next step if you haven\u2019t found what you need."}, {"name": "awesome-angular", "url": "https://github.com/DaanDeSmedt/awesome-angular", "description": ""}, {"name": "Angular Enterprise", "url": "https://angular-enterprise.com/en/ngcategory/resources/", "description": ""}, {"name": "framework.dev", "url": "https://angular.framework.dev/", "description": "Search, compare, and discover top Angular libraries and community-driven resources in Angular."}], "notes": [], "source": "Angular"}, {"name": "Vue \u2014 Awesome Vue.js [](https://github.com/sindresorhus/awesome) [](https://www.trackawesomelist.com/vuejs/awesome-vue)", "entries": [{"name": "Resources", "url": "#resources", "description": ""}, {"name": "Companies Using Vue.js", "url": "#companies-using-vuejs", "description": ""}, {"name": "Projects Using Vue.js", "url": "#projects-using-vuejs", "description": ""}, {"name": "Components & Libraries", "url": "#components--libraries", "description": ""}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Official Resources", "entries": [{"name": "Documentation", "url": "https://vuejs.org/", "description": ""}, {"name": "API Reference", "url": "https://vuejs.org/api/", "description": ""}, {"name": "GitHub Repo", "url": "https://github.com/vuejs/", "description": ""}, {"name": "Release Notes", "url": "https://github.com/vuejs/core/releases", "description": "", "stars": "53k"}, {"name": "Style Guide", "url": "https://vuejs.org/style-guide/", "description": ""}, {"name": "Vue.js News", "url": "https://news.vuejs.org/", "description": ""}, {"name": "IDE Language Support", "url": "https://github.com/vuejs/language-tools?tab=readme-ov-file#vue-language-tools", "description": "", "stars": "6.6k"}, {"name": "Awesome Vite", "url": "https://github.com/vitejs/awesome-vite", "description": "", "stars": "17k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Truly awesome projects", "entries": [{"name": "Vue DevTools", "url": "https://github.com/vuejs/devtools", "description": "Browser devtools extension for debugging Vue.js applications.", "stars": "2.8k"}, {"name": "unplugin-icons", "url": "https://github.com/unplugin/unplugin-icons", "description": "On-demand icon loader supporting all known popular icon sets", "stars": "4.8k"}, {"name": "vue-i18n", "url": "https://github.com/intlify/vue-i18n", "description": "Internationalization plugin for Vue.js", "stars": "2.7k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 External Resources", "entries": [{"name": "Vue.js \u8cc7\u6599\u307e\u3068\u3081(for japanese)", "url": "https://gist.github.com/hashrock/f575928d0e109ace9ad0", "description": ""}, {"name": "Vue.js Wikipedia", "url": "https://en.wikipedia.org/wiki/Vue.js", "description": ""}, {"name": "Vue Curated Resources", "url": "https://hackr.io/tutorials/learn-vue-js", "description": "Recommended Vue.js courses and tutorials."}, {"name": "Vue School", "url": "https://vueschool.io", "description": "Learn Vue.js from video courses by core members and industry experts"}, {"name": "VueDose", "url": "https://vuedose.tips", "description": ""}, {"name": "Vue.js DEV Community", "url": "https://dev.to/t/vue", "description": "Official tag for the Vue.js JavaScript Framework on DEV.to"}, {"name": "WebTechSurvey.com", "url": "https://webtechsurvey.com/technology/vue.js", "description": "An extensive list of websites created with the Vue.js Javascript framework."}, {"name": "Vue Mastery", "url": "https://www.vuemastery.com/", "description": "The ultimate learning resource for Vue developers"}, {"name": "Vue 3 Video Playlist", "url": "https://www.youtube.com/playlist?list=PLMLZt4pr7Aq6AfC_ynfeDbEk2hbMFGpHO", "description": "Amazing Vue 3 tutorials and experiments"}, {"name": "Vue.js Workshops", "url": "https://public.vuejsworkshops.com", "description": "Learn Vue 2, in browser, by building 3 applications: Landing page, Todos App and Podcasts aggregator.( Vue.js, Vue-Router, Vuex, Vue-Axios, Vue-Apollo )"}, {"name": "Vue.js Articles", "url": "https://thewebdev.info/category/javascript/vue/", "description": "Assorted Vue 2 and 3 tutorials and articles."}, {"name": "Best vue.js Courses On YouTube", "url": "https://www.nbshare.io/blog/best-vue-js-courses-on-youtube/", "description": "Handpicked list of best Vue.js tutorials on YouTube"}, {"name": "Notes on Vue", "url": "https://notes-on-vue.ackzell.dev/", "description": "A personal guide to Vue development."}, {"name": "Vue-FAQ", "url": "https://vue-faq.org/", "description": "FAQ about frontend in general and Vue.js in particular."}, {"name": "State of Vue Report", "url": "https://www.monterail.com/stateofvue?utm_source=Github\\&utm_medium=awesomevue", "description": "The 5th edition of the most comprehensive Vue publication. Co-created with Evan You, the Vue & Nuxt Core Teams"}, {"name": "TODOvue Blog", "url": "https://github.com/TODOvue/todo-vue", "description": "Guides and tutorials on creating modern components with Vue.js. [Website](https://todovue.blog/)", "stars": "1"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Newsletters", "entries": [{"name": "Weekly Vue news", "url": "https://weekly-vue.news/", "description": "A weekly newsletter with the most interesting Vue & Nuxt News, Tutorials, Projects, and Tools."}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Job Portal", "entries": [{"name": "Vue.js Jobs - VueJobs", "url": "https://vuejobs.com/", "description": "A Vue.js job portal to hire or get hired for all your Vue.js jobs."}, {"name": "Vue.js Interview Questions", "url": "https://github.com/sudheerj/vuejs-interview-questions", "description": "A List of 300 VueJS Interview Questions and Answers", "stars": "2.7k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Community", "entries": [{"name": "X (Twitter)", "url": "https://x.com/vuejs", "description": ""}, {"name": "Official Forum", "url": "https://forum.vuejs.org/", "description": ""}, {"name": "VueJS English community", "url": "https://t.me/vue_en", "description": ""}, {"name": "VueJS Iran - Telegram Channel & group (group link available in channel bio)", "url": "https://telegram.me/vue_js", "description": ""}, {"name": "VueJS Russia - Telegram Group \\[Russian\\]", "url": "https://t.me/vuejs_ru", "description": ""}, {"name": "VueJS Viet Nam - Facebook group", "url": "https://www.facebook.com/groups/vuejsvietnam/", "description": ""}, {"name": "VueJS Thailand - Facebook Group", "url": "https://www.facebook.com/groups/VuejsThailand/", "description": ""}, {"name": "VueJS Brasil - Telegram Group \\[Portuguese\\]", "url": "https://t.me/vuejsbrasil", "description": ""}, {"name": "VueJS Brasil - Facebook Page \\[Portuguese\\]", "url": "https://www.facebook.com/vuejsbrasil/", "description": ""}, {"name": "VueJS Brasil - Facebook Group \\[Portuguese\\]", "url": "https://www.facebook.com/groups/vuejsbr/", "description": ""}, {"name": "VueJS en espa\u00f1ol - Facebook Group \\[Spanish\\]", "url": "https://www.facebook.com/groups/vue.es/", "description": ""}, {"name": "VueJS India - Discord chat server", "url": "https://discord.com/invite/8bfzmkw", "description": ""}, {"name": "VueJS Indonesia - Telegram Group \\[Indonesian\\]", "url": "https://t.me/vuejsindonesia", "description": ""}, {"name": "VueJS Indonesia - Facebook Group \\[Indonesian\\]", "url": "https://www.facebook.com/groups/1675298779418239/", "description": ""}, {"name": "VueJS Hong Kong - Facebook group", "url": "https://www.facebook.com/groups/887185518120024", "description": ""}, {"name": "VueJS Arab - Telegram Group", "url": "https://t.me/vuejsarab", "description": ""}, {"name": "VueJS Vix - Telegram Group \\[Portuguese\\]", "url": "https://t.me/vuejsvix", "description": ""}, {"name": "VueJS Israel - Facebook Page", "url": "https://www.facebook.com/officalVuejsIsrael/", "description": ""}, {"name": "VueJS Finland - Facebook Page", "url": "https://www.facebook.com/vuejsfinland/", "description": ""}, {"name": "Hablemos de Vue.js - Telegram Group \\[Castellano\\]", "url": "https://t.me/vuejsEs", "description": ""}, {"name": "VueBLR - WhatsApp Group", "url": "https://chat.whatsapp.com/I80X4JEZt4k1OxFD6YDIcl", "description": ""}, {"name": "VueBLR - Facebook Group", "url": "https://www.facebook.com/groups/vue.blr/", "description": ""}, {"name": "VueJS USA - Meetups", "url": "https://events.vuejs.org/meetups/#united-states", "description": ""}, {"name": "VueJS CZ/SK - Discord group", "url": "https://discord.gg/mDr2z8V", "description": ""}, {"name": "VueJS DOM - WhatsApp group", "url": "https://chat.whatsapp.com/L5rFQpme22IHmmyOMI1MWA", "description": ""}, {"name": "VueJS Uzbekistan - Telegram Group \\[Uzbek\\]", "url": "https://t.me/vuejsuzbekcommunity", "description": ""}, {"name": "VueJS Uzbekistan - Telegram Community and Support Group \\[Uzbek\\]", "url": "https://t.me/vuejs_uz", "description": ""}, {"name": "VueJS Turkey - Telegram Group", "url": "https://t.me/vuejsTR", "description": ""}, {"name": "Vue Turkey - Twitter Account", "url": "https://twitter.com/Vue_Turkey", "description": ""}, {"name": "Vue T\u00fcrkiye - Kommunity Page", "url": "https://kommunity.com/vue-turkey", "description": ""}, {"name": "VueJS Singapore - Telegram Group", "url": "https://t.me/vuejssg", "description": ""}, {"name": "VueJS Bootcamp kablosuzkedi - Turkey - Telegram Group", "url": "https://t.me/joinchat/pqiJOgi8byQ5Y2E0", "description": ""}, {"name": "VueJS Translations Ukraine", "url": "https://t.me/vuejs_ukraine", "description": "Telegram Group (Ukraine)"}, {"name": "VueJS Kenya - Twitter Account", "url": "https://twitter.com/KenyaVue", "description": ""}, {"name": "VueJS Magyar - Facebook Group \\[Hungarian\\]", "url": "https://www.facebook.com/groups/huvuejs/", "description": ""}, {"name": "VueJS Bangladesh - Facebook Group", "url": "https://www.facebook.com/groups/764064325433370", "description": ""}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Conferences", "entries": [{"name": "VueConf US", "url": "https://vueconf.us", "description": ""}, {"name": "VueConf Toronto", "url": "https://vuetoronto.com", "description": ""}, {"name": "Vue.js Amsterdam", "url": "https://vuejs.amsterdam", "description": ""}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Podcasts", "entries": [{"name": "Full Stack Radio #30 (11-23-2015)", "url": "https://www.fullstackradio.com/30", "description": ""}, {"name": "Changelog #184 (11-27-2015)", "url": "https://changelog.com/podcast/184", "description": ""}, {"name": "Software Engineering Daily (12-29-2015)", "url": "https://softwareengineeringdaily.com/2015/12/29/front-end-javascript-with-evan-you/", "description": ""}, {"name": "Codecasts #2 - Falando Sobre Vuejs e Web Components (2016-08-19) \\[pt-BR\\]", "url": "https://soundcloud.com/codecasts/2-falando-sobre-vuejs-e-web-components", "description": ""}, {"name": "Full Stack Radio #50 (09-21-2016)", "url": "https://www.fullstackradio.com/50", "description": ""}, {"name": "\u548c Vue.js \u6846\u67b6\u7684\u4f5c\u8005\u804a\u804a\u524d\u7aef\u6846\u67b6\u5f00\u53d1\u80cc\u540e\u7684\u6545\u4e8b \\[zh-CN\\]", "url": "https://teahour.fm/78", "description": ""}, {"name": "Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)", "url": "https://changelog.com/rfc/12", "description": ""}, {"name": "The Web Platform Podcast 132: Vue.js (07-27-2017)", "url": "https://thewebplatformpodcast.com/132-vuejs", "description": ""}, {"name": "Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)", "url": "https://softwareengineeringdaily.com/2017/12/01/animating-vuejs-with-sarah-drasner/", "description": ""}, {"name": "Cynical Developer #99 (10-15-2018)", "url": "https://cynicaldeveloper.com/podcast/99/", "description": ""}, {"name": "Syntax #130 (03-27-2019)", "url": "https://syntax.fm/show/130/the-vuejs-show-scott-teaches-wes", "description": ""}, {"name": "Enjoy the Vue: The new Vue.js podcast", "url": "https://enjoythevue.io/", "description": ""}, {"name": "What is Pinia? with @posva (My typeof Radio) \\[es-MX\\]", "url": "https://mytypeof.dev/episode/s1-e22-que-es-pinia-con-posva", "description": ""}, {"name": "Evolution of Vue - Part I (My typeof Radio) \\[es-MX\\]", "url": "https://mytypeof.dev/episode/s1-e9-evolucion-de-vue-parte-i", "description": ""}, {"name": "Evolution of Vue - Part II (My typeof Radio) \\[es-MX\\]", "url": "https://mytypeof.dev/episode/s1-e10-evolucion-de-vue-parte-ii", "description": ""}, {"name": "Evolution of Vue - Part III (My typeof Radio) \\[es-MX\\]", "url": "https://mytypeof.dev/episode/s1-e11-evolucion-de-vue-parte-iii", "description": ""}, {"name": "React vs Vue - their communities (My typeof Radio) \\[es-MX\\]", "url": "https://mytypeof.dev/episode/s1-e8-react-vs-vue-las-comunidades", "description": ""}, {"name": "Views on Vue (weekly podcast on Vue)", "url": "https://topenddevs.com/podcasts/views-on-vue", "description": ""}, {"name": "DejaVue - The Vue podcast to remember", "url": "https://dejavue.fm/", "description": ""}, {"name": "Pinia and friends in 2025 with @posva (My typeof Radio) \\[es-MX\\]", "url": "https://mytypeof.dev/episode/s3-e7-pinia-y-sus-amigos-en-2025-con-posva", "description": ""}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Official Examples", "entries": [{"name": "Vue.js TodoMVC", "url": "https://github.com/vuejs/vue/tree/dev/examples/todomvc", "description": "", "stars": "210k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Tutorials", "entries": [{"name": "Learn Vue 3: Step by Step", "url": "https://laracasts.com/series/learn-vue-3-step-by-step", "description": ""}, {"name": "Vuejs 2 Authentication Tutorial", "url": "https://auth0.com/blog/vuejs2-authentication-tutorial/", "description": ""}, {"name": "Vuex introduction video - James Browne from London Vue.js Meetup #1", "url": "https://www.youtube.com/watch?v=l1KHL-TX3qs", "description": ""}, {"name": "Hybrid App Example with Laravel and Vue.js in Portuguese", "url": "https://www.youtube.com/watch?v=TGSJjDahlrQ", "description": ""}, {"name": "Vue.js Screencast Series in Spanish", "url": "https://styde.net/curso-de-vue-js/", "description": ""}, {"name": "**\u8bb2\u89e3 Vue.js \u5b98\u7f51 \u4e2d\u6587-\u542b\u4ee3\u7801\u3001\u767e\u5ea6\u4e91\u3001youtube**", "url": "https://github.com/bhnddowinf/vuejs-learn", "description": ""}, {"name": "Exploring Real Time Apps with VueJS, ES2015 and Webpack", "url": "https://blog.pusher.com/exploring-real-time-apps-with-vuejs-es2016-and-webpack/", "description": ""}, {"name": "Vue.js in Bahasa Indonesia", "url": "https://www.sekolahkoding.com/track/belajar-vue-js", "description": ""}, {"name": "Vue.js from Scratch Series in Russian", "url": "https://www.youtube.com/playlist?list=PL5r0NkdgM0UOxb4Hl81FV5UIgexwTf8h7", "description": ""}, {"name": "\u0421\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u0435\u0440\u0432\u0456\u0441\u0443 \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f \u0444\u0430\u0439\u043b\u0456\u0432 \u0437 Flask, RethinkDB \u0442\u0430 Vue.js, \u0447. 1", "url": "https://codeguida.com/post/526/", "description": ""}, {"name": "VueJS 2 French tutorial", "url": "https://www.youtube.com/playlist?list=PLjwdMgw5TTLW-mAtlR46VajrKs4dep3y0", "description": ""}, {"name": "How to Create Great VueJS Applications Using Wijmo Controls", "url": "https://wijmo.com/blog/how-to-create-great-vuejs-applications-using-wijmo-controls/", "description": ""}, {"name": "**\u8bb2\u89e3 Vue.js 2 \u5b98\u7f51 \u4e2d\u6587-\u542b\u4ee3\u7801\u3001\u767e\u5ea6\u4e91\u3001youtube**", "url": "https://github.com/bhnddowinf/vuejs2-learn", "description": ""}, {"name": "Up and Running with the Vue.js 2.0 Framework", "url": "https://www.sitepoint.com/up-and-running-vue-js-2-0/", "description": ""}, {"name": "Vue.js 2.0 Fundamentals", "url": "https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O", "description": ""}, {"name": "Vuex For The Clueless\u200a\u2014\u200aThe Missing Primer On Vue\u2019s Application Data Store", "url": "https://medium.com/js-dojo/vuex-for-the-clueless-the-missing-primer-on-vues-application-data-store-33fa51ffc3af#.2j25xpfui", "description": ""}, {"name": "Real-time Grid Component Laravel, Vue.js, Vuex & Socket.io", "url": "https://www.youtube.com/watch?v=Jxefsv5Zqkw\\&t=3s", "description": ""}, {"name": "VueJS 2 - The Complete Guide (incl. Vuex) - Udemy Tutorial", "url": "https://www.udemy.com/vuejs-2-the-complete-guide", "description": ""}, {"name": "Develop Web Apps with Vue.js", "url": "https://egghead.io/courses/develop-web-apps-with-vue-js", "description": ""}, {"name": "Vue.js 2 - Getting Started", "url": "https://www.youtube.com/playlist?list=PL55RiY5tL51p-YU-Uw90qQH419BM4Iz07", "description": ""}, {"name": "Vue.js 2 & Vuex (Basics)", "url": "https://www.youtube.com/playlist?list=PL55RiY5tL51pT0DNJraU93FhMzhXxtDAo", "description": ""}, {"name": "T\u00fcrk\u00e7e VueJS E\u011fitim Videolar\u0131", "url": "https://www.youtube.com/playlist?list=PLa3NvhdFWNipwk1KXeUpVQnAiAfuBw4El", "description": ""}, {"name": "Let's Vue! - OpenLecture 2017.01 in Russian", "url": "https://youtu.be/7pmw5gvWAf8", "description": ""}, {"name": "Build vue-hackernews-2.0 from Scratch", "url": "https://github.com/Detachment/Build-vue-hackernews-2.0-from-scratch", "description": "", "stars": "89"}, {"name": "Complete Vue.js Application Tutorial - Creating a Simple Budgeting App with Vue", "url": "https://matthiashager.com/complete-vuejs-application-tutorial", "description": ""}, {"name": "Vue.js Tutorial: A Prerendered, SEO-Friendly Example", "url": "https://snipcart.com/blog/vuejs-tutorial-seo-example", "description": ""}, {"name": "Vue.js Introduction For People Who Know Just Enough jQuery To Get By", "url": "https://medium.com/@mattrothenberg/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77", "description": ""}, {"name": "Fetching Data from a Third-Party API with Vue.js and Axios", "url": "https://www.sitepoint.com/fetching-data-third-party-api-vue-axios/", "description": ""}, {"name": "Vue JS: Simultaneously Running Express and Webpack Dev Server", "url": "https://medium.com/dailyjs/vue-js-simultaneously-running-express-and-webpack-dev-server-292f4a7ed7a3", "description": ""}, {"name": "Vue JS 2 Tutorials", "url": "https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa", "description": ""}, {"name": "Add a headless CMS to VueJs in 5 Minutes", "url": "https://www.storyblok.com/tp/add-a-headless-CMS-to-vuejs-in-5-minutes", "description": ""}, {"name": "vue \u67b6\u6784\u4e2d\u7684 Watcher", "url": "https://github.com/dengwanc/dengwanc.github.io/issues/11", "description": "", "stars": "0"}, {"name": "Migrating from KnockoutJS to VueJS", "url": "https://jes.al/2017/05/migrating-from-knockoutjs-to-vuejs/", "description": ""}, {"name": "Create a quiz with Vue.js", "url": "https://medium.com/@rap2h/create-a-quiz-with-vue-js-ed1e8e0e8294", "description": ""}, {"name": "Interactive Vue.js Screencasts For Beginners", "url": "https://scrimba.com/playlist/playlist-38", "description": ""}, {"name": "Vue.JS ile NASA API'\u0131n\u0131 Kullanarak Veri \u00c7ekme", "url": "https://www.youtube.com/watch?v=uC5b2VDATDU", "description": ""}, {"name": "Build a realtime chart with VueJS and Pusher", "url": "https://blog.pusher.com/build-realtime-chart-with-vuejs-pusher/", "description": ""}, {"name": "Intro to Vue, repo for Frontend Masters Course", "url": "https://github.com/sdras/intro-to-vue", "description": "", "stars": "2.8k"}, {"name": "Vue Guide on CSS-Tricks", "url": "https://css-tricks.com/guides/vue/", "description": ""}, {"name": "Using Typescript in your VueJS app", "url": "https://medium.com/coding-blocks/using-typescript-in-your-vue-app-c4aba0bbc8bc", "description": ""}, {"name": "Vue.js \u9884\u89c8", "url": "https://ninghao.net/course/4256", "description": ""}, {"name": "Building a Vue v2 JS app using Vue-router", "url": "https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/", "description": ""}, {"name": "Build your own carousel with Vue", "url": "https://medium.com/@davidatomhernandez/how-to-a-simple-carousel-with-vue-138715d615d7", "description": ""}, {"name": "Unit Testing Vue.js Components with the Official Vue Testing Tools and Jest", "url": "https://alexjoverm.github.io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing-Tools-and-Jest/", "description": ""}, {"name": "Creating Vue.js Transitions & Animation: Live Examples", "url": "https://snipcart.com/blog/vuejs-transitions-animations", "description": ""}, {"name": "Async in VueJS part 1", "url": "https://medium.com/js-dojo/async-in-vue-js-part-1-28d96f751a2e", "description": ""}, {"name": "Async in VueJS part 2", "url": "https://medium.com/js-dojo/async-in-vuejs-part-2-45e81c836e38", "description": ""}, {"name": "Using localStorage with Vuex store without a plugin", "url": "https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store", "description": ""}, {"name": "Using props for accessing URL parameters within components with Vue Router", "url": "https://www.youtube.com/watch?v=ESg0k2zdME4", "description": ""}, {"name": "Deploy Vue.js\u200a\u2014\u200aSSR(Vuetify) on Production with Pm2 and Nginx", "url": "https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-nginx-ec7b5c0748a3", "description": ""}, {"name": "Testing Vue Components", "url": "https://testingvue.com", "description": ""}, {"name": "Building a Full Stack Web App with Vue.js and Express.js", "url": "https://www.youtube.com/watch?v=Fa4cRMaTDUI\\&t=", "description": ""}, {"name": "Getting Started with Vue.js", "url": "https://sabe.io/tutorials/getting-started-with-vue-js", "description": ""}, {"name": "\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\ub97c \uc704\ud55c Vue.js \uc785\ubb38\uc11c", "url": "https://joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/", "description": ""}, {"name": "\ub204\uad6c\ub098 \ub2e4\ub8e8\uae30 \uc26c\uc6b4 Vue.js (Video)", "url": "https://www.inflearn.com/course/vue-pwa-vue-js-%EA%B8%B0%EB%B3%B8/", "description": ""}, {"name": "Build a Vue.js Blog in 2 hours tops", "url": "https://snipcart.com/blog/vuejs-blog-demo#tutorial", "description": ""}, {"name": "Getting Started with Vuex: Managing State in Vue.js", "url": "https://sabe.io/tutorials/getting-started-with-vuex", "description": ""}, {"name": "Vue2 ACL using CASL", "url": "https://medium.com/@sergiy.stotskiy/vue-acl-with-casl-781a374b987a", "description": ""}, {"name": "Vuejs 2.5+ Authentication Tutorial using Auth0", "url": "https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication", "description": ""}, {"name": "Hygraph introduction guide with Vue", "url": "https://hygraph.com/docs/introduction/", "description": ""}, {"name": "Vue.js debugging in Chrome and VS Code", "url": "https://github.com/Microsoft/vscode-recipes/tree/master/vuejs-cli", "description": "", "stars": "6k"}, {"name": "Building a movie app interface with Vue.js", "url": "https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b", "description": ""}, {"name": "Let\u2019s Build a Custom Vue.js Router", "url": "https://hackernoon.com/lets-build-a-custom-vue-js-router-7de634be87c4", "description": ""}, {"name": "Build a Vue.Js E-Commerce App with ButterCMS Headless Backend", "url": "https://snipcart.com/blog/vuejs-ecommerce-headless-buttercms", "description": ""}, {"name": "Developing a Single Page App with Flask and Vue.js", "url": "https://testdriven.io/developing-a-single-page-app-with-flask-and-vuejs", "description": ""}, {"name": "Accepting Payments with Stripe, Vue.js, and Flask", "url": "https://testdriven.io/accepting-payments-with-stripe-vuejs-and-flask", "description": ""}, {"name": "API Driven Development With Laravel and VueJS (Free Course)", "url": "https://serversideup.net/courses/api-driven-development-laravel-vuejs/", "description": ""}, {"name": "Managing State in Vue.js", "url": "https://medium.com/fullstackio/managing-state-in-vue-js-23a0352b1c87", "description": ""}, {"name": "Heartbeat (Vue + NW.js Desktop app Video series)", "url": "https://www.youtube.com/playlist?list=PLmJs3lfUmCdT9MyG60Oo6HM7xAn79vwZ0", "description": ""}, {"name": "Firebase Server-Side Render Vue Apps with Nuxt.js (Server-side Rendering with JavaScript Frameworks)", "url": "https://www.youtube.com/watch?v=ZYUWsjUxxUQ", "description": ""}, {"name": "Firebase Measuring Vue SSR Performance with Nuxt.js (Server-side Rendering with JavaScript Frameworks)", "url": "https://www.youtube.com/watch?v=Y5XX2lruhxs", "description": ""}, {"name": "Creating an interactive map with D3 and Vue", "url": "https://dev.to/denisinvader/creating-an-interactive-map-with-d3-and-vue-4158", "description": ""}, {"name": "The guide to write universal, SSR-ready Vue components", "url": "https://blog.lichter.io/posts/the-guide-to-write-universal-ssr-ready-vue-compon", "description": ""}, {"name": "Vue.js Fundamentals", "url": "https://vueschool.io/courses/vuejs-fundamentals", "description": ""}, {"name": "Vuex for Everyone", "url": "https://vueschool.io/courses/vuex-for-everyone", "description": ""}, {"name": "Vue.js Form Validation", "url": "https://vueschool.io/courses/vuejs-form-validation", "description": ""}, {"name": "The Vue.js Master Class", "url": "https://vueschool.io/courses/the-vuejs-master-class", "description": ""}, {"name": "Vue.js Firebase Realtime Database", "url": "https://vueschool.io/courses/vuejs-firebase-realtime-database", "description": ""}, {"name": "Vue.js Firebase Authentication", "url": "https://vueschool.io/courses/vuejs-firebase-authentication", "description": ""}, {"name": "Dynamic Forms with Vue.js", "url": "https://vueschool.io/courses/dynamic-forms-vuejs", "description": ""}, {"name": "Custom Vue.js Directives", "url": "https://vueschool.io/courses/custom-vuejs-directives", "description": ""}, {"name": "Building an Electron File Explorer with Quasar (and Vue)", "url": "https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6", "description": ""}, {"name": "Build Web Apps with Vue JS 2 & Firebase", "url": "https://www.udemy.com/build-web-apps-with-vuejs-firebase/learn/v4/overview", "description": ""}, {"name": "Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)", "url": "https://www.udemy.com/vuejs-2-the-complete-guide/learn/v4/overview", "description": ""}, {"name": "Vue for Designers", "url": "https://designcode.io/vue", "description": ""}, {"name": "How to Dynamically Add a Class Name in Vue", "url": "https://michaelnthiessen.com/dynamically-add-class-name/", "description": ""}, {"name": "Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub", "url": "https://www.youtube.com/watch?v=FdC4Mjljd3k", "description": ""}, {"name": "Building a Realtime Location tracking app with NativeScript + Vue", "url": "https://medium.com/saibbyweb/building-a-real-time-location-tracking-app-with-nativescript-vue-under-350-lines-of-code-8b51ad40d657", "description": ""}, {"name": "Vue: Getting Started, by John Papa", "url": "https://www.pluralsight.com/courses/vue-getting-started", "description": ""}, {"name": "Building a Simple Pre-Rendered Web App Using Vue + Nuxt", "url": "https://mtlynch.io/simple-vue-pre-rendered/", "description": ""}, {"name": "Vue and GraphQL with Hasura video course", "url": "https://dev.to/hasurahq/vue-and-graphql-with-hasura-video-course-3mpp", "description": ""}, {"name": "Frontend and Fullstack VENM-stack coding tutorials by RabbitWerks JavaScript", "url": "https://www.youtube.com/c/rabbitwerksjavascript", "description": ""}, {"name": "Nordschool Vue Tutorials", "url": "https://nordschool.com/tag/vue", "description": ""}, {"name": "Vue Props Validation - Best Practices", "url": "https://nordschool.com/vue-props/", "description": ""}, {"name": "Vue Router - The Complete Guide", "url": "https://nordschool.com/vue-router/", "description": ""}, {"name": "Enable VS Code Debugger for Nuxt & Typescript", "url": "https://nordschool.com/enable-vs-code-debugger-for-nuxt-and-typescript/", "description": ""}, {"name": "Create A Blog With Gridsome & Vue", "url": "https://nordschool.com/create-a-blog-with-gridsome-and-vue/", "description": ""}, {"name": "Building an Imgur Clone with Vue.js and Serverless", "url": "https://tutorialedge.net/projects/building-imgur-clone-vuejs-nodejs/", "description": ""}, {"name": "Building a HackerNews clone in Vue.js on AWS", "url": "https://tutorialedge.net/projects/hacker-news-clone-vuejs/", "description": ""}, {"name": "Build Your First Vue.js App in About 30 Minutes", "url": "https://raddevon.com/articles/build-your-first-vue-js-app/", "description": ""}, {"name": "How to make your components dynamic in Vue JS", "url": "https://blog.logrocket.com/how-to-make-your-components-dynamic-in-vue-js/", "description": ""}, {"name": "Fragments in Vue JS", "url": "https://blog.logrocket.com/fragments-in-vue-js/", "description": ""}, {"name": "Build a movie search app using the Vue Composition API", "url": "https://dev.to/blacksonic/build-a-movie-search-app-using-the-vue-composition-api-5218", "description": ""}, {"name": "Vue Testing Crash Course", "url": "https://dev.to/blacksonic/vue-testing-crash-course-59kl", "description": ""}, {"name": "Sharing and re-using Vue Mixins in the cloud with Bit.dev", "url": "https://blog.bitsrc.io/sharing-and-reusing-vue-mixins-in-the-cloud-with-bit-dev-830104a48d0b", "description": ""}, {"name": "Using Watchers in Vue JS", "url": "https://blog.bitsrc.io/introducing-watchers-in-vue-js-d3efd4f4e726", "description": ""}, {"name": "Understanding Filters in Vue JS", "url": "https://blog.bitsrc.io/understanding-filters-in-vue-js-7a53b1521dce", "description": ""}, {"name": "Form Validation In VueJS Using Yup", "url": "https://vijitail.dev/blog/form-validation-in-vue-using-yup", "description": ""}, {"name": "Use Vue.js to Rewrite React's Official Tutorial Tic Tac Toe", "url": "https://chanvinxiao.com/blog/vuejs-tic-tac-toe/", "description": ""}, {"name": "Can we use Python with Vue.js or Vue and Django or Flask?", "url": "https://vue-view.com/can-we-use-python-with-vue-js-or-vue-and-django-or-flask/", "description": ""}, {"name": "MDN - Vue tutorials", "url": "https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks#Vue_tutorials", "description": ""}, {"name": "Learn Vue 3 for Beginners - Full 2020 Tutorial Course", "url": "https://www.youtube.com/watch?v=ZqgiuPt5QZo\\&ab_channel=TheEarthisSquare", "description": ""}, {"name": "Vue 3 Composition Api Introduction - Full Tutorial", "url": "https://www.youtube.com/watch?v=bwItFdPt-6M", "description": ""}, {"name": "Building a VueJS chat app with realtime storage of messages in Airtable", "url": "https://ably.com/blog/airtable-database-realtime-messages", "description": ""}, {"name": "Building a realtime quiz with VueJS using a starter kit", "url": "https://github.com/ably-labs/realtime-quiz-framework/blob/main/TUTORIAL.md", "description": "", "stars": "78"}, {"name": "Make an Heart clicker with vue.js and firebase", "url": "https://dev.to/venatus/tutorial-make-an-heart-clicker-with-vue-js-and-firebase-3npe", "description": ""}, {"name": "Vue.js Debugging: A Guide to Fixing Your Frontend", "url": "https://snipcart.com/blog/vuejs-debugging", "description": "Learn the basics of Vue.js debugging. This guide will walk you through a tutorial on how to fix your application's frontend."}, {"name": "Help you learn more efficiently vue3 source code - mini-vue", "url": "https://github.com/cuixiaorui/mini-vue", "description": "", "stars": "11k"}, {"name": "Vue.js SPA: Build a Powerful E-Commerce App", "url": "https://snipcart.com/blog/building-a-vuejs-spa", "description": ""}, {"name": "Learning Vue 3.0", "url": "https://github.com/chengpeiquan/learning-vue3", "description": "", "stars": "1.5k"}, {"name": "Vue 3.0 and decentralized app (dApp)", "url": "https://github.com/hypescale/moralis-vue-boilerplate", "description": "", "stars": "18"}, {"name": "Add a prebuilt video chat widget to any Vue app with daily-js", "url": "https://www.daily.co/blog/build-a-video-chat-app-with-vue-and-daily-prebuilt/", "description": ""}, {"name": "Build a custom video chat app with daily-js and Vue", "url": "https://www.daily.co/blog/custom-video-chat-app-with-daily-and-vue/", "description": ""}, {"name": "Vue Pwa: Build a Progressive Web Application With Nuxt", "url": "https://snipcart.com/blog/vue-pwa-development", "description": ""}, {"name": "Meteor + Vue", "url": "https://www.youtube.com/playlist?list=PLmJs3lfUmCdS8W27OoWj3uGDP6g4ypNyw", "description": ""}, {"name": "Introduction to Vue (Spanish)", "url": "https://scrimba.com/playlist/pDzVxUd", "description": ""}, {"name": "Intro to Vue 3", "url": "https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3", "description": "Free course on Vue 3 with intuitive explanations from Vue Mastery"}, {"name": "Developing a web application with Vue.js 3 and Vite.js (French)", "url": "https://mickael-baron.fr/web/vuejs-miseenoeuvre-part2", "description": ""}, {"name": "Deploying a web application powered by Vue.js 3 with Docker (French)", "url": "https://mickael-baron.fr/web/vuejs-deploiement-part3", "description": ""}, {"name": "Advantages of Vue.js over React, Angular, and other frameworks in Turkish", "url": "https://medium.com/@dev.isasari/vuejsin-react-ve-angular-a-g%C3%B6re-avantajlar%C4%B1-6fe1d653beb1", "description": ""}, {"name": "T\u00fcrk\u00e7e Vue 3 Dersleri", "url": "https://www.youtube.com/playlist?list=PLf-6qk7szL-J4a7xaGf2TbW0p_cGbeMe7", "description": ""}, {"name": "\u5b81\u7693\u7f51\u72ec\u7acb\u5f00\u53d1\u8005\u8bad\u7ec3\u8425\uff1aVue \u524d\u7aef\u5e94\u7528\u5f00\u53d1", "url": "https://www.bilibili.com/video/BV11z42167J2/", "description": ""}, {"name": "Getting Started Internationalizing (i18n) with Intlayer and Vite and Vue", "url": "https://intlayer.org/doc/environment/vite-and-vue", "description": ""}, {"name": "Creating a scalable Monorepo for Vue", "url": "https://dev.to/nagell/creating-a-scalable-monorepo-for-vue-intro-4nnm", "description": ""}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Examples", "entries": [{"name": "Vue 2048 (Vue + Webpack)", "url": "https://pengfu.github.io/vue-2048/", "description": ""}, {"name": "**easy-vue**", "url": "https://github.com/TIGERB/easy-vue", "description": ""}, {"name": "Vue.js with Sails.js example project", "url": "https://github.com/ndabAP/vue-sails-example", "description": "This project is for those who are new to single-page applications and want to learn through a real example.", "stars": "296"}, {"name": "**Vue.js & Pyramid web framework app**", "url": "https://github.com/eddyekofo94/pyramidVue.git", "description": "A boilerplate using Pylons Pyramid webframework backend Vuejs webpack2, vue-router, yarn(packet manager)"}, {"name": "vue-feathers-chat", "url": "https://github.com/ErickPetru/vue-feathers-chat", "description": "", "stars": "48"}, {"name": "vue-xplan", "url": "https://github.com/JackGit/xplan/", "description": "", "stars": "320"}, {"name": "**vueSocketChatRoom**", "url": "https://github.com/Chanran/vueSocketChatroom", "description": ""}, {"name": "vue-tetris (Use Vue, Vuex, Immutable to code Tetris)", "url": "https://binaryify.github.io/vue-tetris/", "description": ""}, {"name": "route-planner-vue", "url": "https://kasheftin.github.io/route-planner-vue/", "description": ""}, {"name": "VueJS Example Projects", "url": "https://github.com/vue-project", "description": ""}, {"name": "Vue Weather Notifier", "url": "https://github.com/sdras/vue-weather-notifier", "description": "", "stars": "199"}, {"name": "X-Flowchart-Vue", "url": "https://github.com/OXOYO/X-Flowchart-Vue", "description": "A flowchart editor with SVG and Vue", "stars": "1.5k"}, {"name": "koa-vue-notes-web", "url": "https://github.com/johndatserakis/koa-vue-notes-web", "description": "A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the frontend. Includes fully featured user-authentication components, CRUD actions for the user's notes, and Vuex store modules.", "stars": "202"}, {"name": "vue-vuex-todomvc", "url": "https://github.com/bahmutov/vue-vuex-todomvc", "description": "Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using [Cypress.io](https://www.cypress.io/) test runner.", "stars": "47"}, {"name": "X-WebDesktop-Vue", "url": "https://github.com/OXOYO/X-WebDesktop-Vue", "description": "The WebDesktop system based on Vue", "stars": "434"}, {"name": "Skeleton Vue+TypeScript", "url": "https://github.com/SierraSoftworks/vue-template", "description": "TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons, BrowserSync, Dockerfile", "stars": "25"}, {"name": "Vue Design System", "url": "https://github.com/viljamis/vue-design-system", "description": "An open source boilerplate for building UI Design Systems with Vue.js.", "stars": "2.2k"}, {"name": "Vuejs Examples", "url": "https://vuejsexamples.com/", "description": ""}, {"name": "Laravel + Nuxt.js boilerplate", "url": "https://github.com/acidjazz/laranuxt", "description": "by [@acidjazz](https://github.com/acidjazz)", "stars": "692"}, {"name": "vue-stack-cesium", "url": "https://github.com/meschg/vue-stack-cesium", "description": "A minimal sample configuration project with [CesiumJS](https://cesium.com/cesiumjs/) and all the awesome vue features. The project contains many examples how to combine and use certain packages to get started.", "stars": "21"}, {"name": "vuemoji-picker", "url": "https://github.com/wobsoriano/vuemoji-picker", "description": "Vue 2 and 3 lightweight emoji picker.", "stars": "76"}, {"name": "Maxim Web Chat", "url": "https://github.com/maxim-top/maxim-web", "description": "A chat demo using [MaximTop](https://www.maximtop.com)'s IM SDK (floo), \u4f7f\u7528\u7f8e\u4fe1\u62d3\u6251 IM SDK \u5b9e\u73b0\u7684\u804a\u5929 App \u793a\u4f8b.", "stars": "14"}, {"name": "umo editor", "url": "https://github.com/umodoc/editor", "description": "Umo Editor is an open-source document editor, based on Vue3 and Tiptap. Visit [Playground](https://demo.umodoc.com/editor?lang=en-US) for a fast experience.", "stars": "1.4k"}, {"name": "Vitesse Starter", "url": "https://github.com/antfu/vitesse", "description": "", "stars": "9.4k"}, {"name": "Vitesse-lite Starter", "url": "https://github.com/antfu/vitesse-lite", "description": "", "stars": "1.2k"}, {"name": "Vue Tic Tac Toe | Cerito Cruz", "url": "https://github.com/EduardoProfe666/cerito-cruz-vue", "description": "", "stars": "0"}, {"name": "i18n boilerplate Intlayer + Vue 3 + Vite", "url": "https://github.com/aymericzip/intlayer-vite-vue-template", "description": "", "stars": "8"}, {"name": "tab-toolkit", "url": "https://github.com/mioe/tab-toolkit", "description": "very small app-tool for beginner guitarists \ud83c\udfb8 (PWA | Pinia | UnoCSS) by [@mioe](https://github.com/mioe)", "stars": "0"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Books", "entries": [{"name": "The Majesty Of Vue.js 2", "url": "https://leanpub.com/vuejs2", "description": ""}, {"name": "Vue.js in Action", "url": "https://www.manning.com/books/vue-js-in-action", "description": ""}, {"name": "Testing Vue.js Applications", "url": "https://www.manning.com/books/testing-vuejs-applications", "description": ""}, {"name": "Front-end com Vue.js", "url": "https://www.casadocodigo.com.br/products/livro-frontend-vue", "description": ""}, {"name": "Full-Stack Vue.js 2 and Laravel 5", "url": "https://www.packtpub.com/application-development/full-stack-vuejs-2-and-laravel-5", "description": ""}, {"name": "Fullstack Vue: The Complete Guide to Vue.js", "url": "https://www.fullstack.io/vue/", "description": ""}, {"name": "Vue.js 2 Design Patterns and Best Practices", "url": "https://www.amazon.com/dp/178883979X", "description": ""}, {"name": "Vuex Quick Start Guide", "url": "https://www.amazon.com/dp/1788999932", "description": ""}, {"name": "Full-Stack Web Development with Vue.js and Node", "url": "https://www.amazon.com/Full-Stack-Web-Development-Vue-js-Node/dp/1788831144", "description": ""}, {"name": "The Vue Handbook", "url": "https://vuehandbook.com", "description": ""}, {"name": "ASP.NET Core 2 and Vue.js", "url": "https://www.amazon.com/dp/1788839463", "description": ""}, {"name": "Vue.js: Construa aplica\u00e7\u00f5es incr\u00edveis", "url": "https://www.casadocodigo.com.br/products/livro-vue", "description": ""}, {"name": "Getting to Know Vue.js", "url": "https://www.apress.com/us/book/9781484237809", "description": ""}, {"name": "Vue.js Component Patterns Course", "url": "https://fdietz.de/pages/vue-component-patterns-course/", "description": ""}, {"name": "Building Forms with Vue.js", "url": "https://www.packtpub.com/business-other/building-forms-with-vue-js?utm_source=Vuejs.org\\&utm_medium=referral\\&utm_campaign=OutreachB15411", "description": ""}, {"name": "Vue.js", "url": "https://www.amazon.com/Vue-js-Actionable-Chris-Minnick/dp/1951959019", "description": ""}, {"name": "Become a Ninja with Vue 3", "url": "https://books.ninja-squad.com/vue", "description": ""}, {"name": "Large Scale Apps with Vue 3 and TypeScript", "url": "https://leanpub.com/vue-typescript/c/vaYXLEFWbMi7", "description": ""}, {"name": "Vue - The Road To Enterprise", "url": "https://theroadtoenterprise.com/?utm_source=github\\&utm_medium=vue-awesome\\&utm_campaign=vue_the_road_to_enterprise", "description": ""}, {"name": "Accessible Vue \u2013 Get started with Accessibility in Vue.js!", "url": "https://accessible-vue.com", "description": ""}, {"name": "Building a Strapi E-Commerce: Nuxt.js Tutorial & Live Demo", "url": "https://snipcart.com/blog/strapi-ecommerce-nuxtjs-tutorial", "description": ""}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Blog Posts", "entries": [{"name": "Vue x Hasura GraphQL", "url": "https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5", "description": ""}, {"name": "Using GraphQL Mutations in Vue.js", "url": "https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf", "description": ""}, {"name": "Learn How To Build A Data-Driven Search UI with Vue.JS", "url": "https://medium.appbase.io/learn-how-to-build-a-github-search-explorer-app-with-vue-js-c66f61d6e152", "description": ""}, {"name": "Using GitLab CI/CD to auto-deploy your Vue.js application to AWS S3", "url": "https://medium.com/@croo/using-gitlab-ci-cd-to-auto-deploy-your-vue-js-application-to-aws-s3-9affe1eb3457", "description": ""}, {"name": "Dockerizing a Vue App", "url": "https://mherman.org/blog/dockerizing-a-vue-app/", "description": ""}, {"name": "Deploying a Flask and Vue App to Heroku with Docker and Gitlab CI", "url": "https://testdriven.io/blog/deploying-flask-to-heroku-with-docker-and-gitlab/", "description": ""}, {"name": "Large-scale Vuex application structures", "url": "https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f", "description": ""}, {"name": "Composing computed properties in Vue.js", "url": "https://medium.com/@kevin_peters/composing-computed-properties-in-vue-js-87b4507af079", "description": ""}, {"name": "Learn how to refactor Vue.js Single File Components with a real-world example", "url": "https://medium.com/@kevin_peters/learn-how-to-refactor-vue-js-single-file-components-on-a-real-world-example-501b3952ae49", "description": ""}, {"name": "Get Started Writing Class-based Vue.js Apps in TypeScript", "url": "https://www.sitepoint.com/class-based-vue-js-typescript", "description": ""}, {"name": "Vue.js with TypeScript", "url": "https://johnpapa.net/vue-typescript", "description": ""}, {"name": "Guide to Unit Testing Vue Components", "url": "https://testdriven.io/blog/vue-unit-testing/", "description": ""}, {"name": "Realtime chat App with Vue and Hasura", "url": "https://dev.to/hasurahq/realtime-chat-app-with-vue-and-hasura-202h", "description": ""}, {"name": "Vue vs React: Which is the better framework?", "url": "https://buttercms.com/blog/vue-vs-react-which-is-the-better-framework", "description": ""}, {"name": "Building a Beautiful Animated News App with Vue.js and Vuetify", "url": "https://buttercms.com/blog/build-a-beautiful-animated-news-app-with-vuejs-and-vuetify", "description": ""}, {"name": "Comparing Angular vs Vue", "url": "https://buttercms.com/blog/comparing-angular-vs-vue", "description": ""}, {"name": "Vue vs. React \u2013 Which Should You Pick For Your Next Web Project?", "url": "https://www.ideamotive.co/blog/vue-vs-react?utm_source=github.com\\&utm_medium=social\\&utm_campaign=vue-vs-react", "description": ""}, {"name": "Vue.js from scratch series", "url": "https://www.youtube.com/playlist?list=PLLhEJK7fQIxDWDJEyeT68wT8ZroODeRuw", "description": ""}, {"name": "10 Quick-Fire Vue Interview Questions", "url": "https://medium.com/javascript-in-plain-english/10-quick-fire-vue-interview-questions-3c16d14a3b51", "description": ""}, {"name": "VueJS Admin Template", "url": "https://themeselection.com/vuejs-admin-template/", "description": "Collection of awesome opens source and premium VueJS Admin Templates."}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Courses", "entries": [{"name": "Learn Vue by Building and Deploying a CRUD App", "url": "https://testdriven.io/courses/learn-vue/", "description": "This course is focused on teaching the fundamentals of Vue by building and testing a web application using Test-Driven Development (TDD)."}, {"name": "Advanced Vue.js Features from the Ground Up", "url": "https://frontendmasters.com/courses/advanced-vue/", "description": "Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up!"}, {"name": "Become a Ninja with Vue 3", "url": "https://vue-exercises.ninja-squad.com", "description": "This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code."}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Documentaries", "entries": [{"name": "Vue.js: The Documentary", "url": "https://www.youtube.com/watch?v=OrxmtDw4pVI", "description": ""}, {"name": "Companies Using Vue/Nuxt", "url": "https://github.com/cloydlau/companies-using-vue", "description": "", "stars": "4"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Open Source", "entries": [{"name": "npmcharts.com", "url": "https://github.com/cheapsteak/npmcharts.com", "description": "Compare npm packages and spot download trends.", "stars": "167"}, {"name": "Koel", "url": "https://github.com/phanan/koel", "description": "A personal music streaming server that works.", "stars": "17k"}, {"name": "astralapp", "url": "https://github.com/astralapp/astral", "description": "Organize Your GitHub Stars With Ease.", "stars": "3.5k"}, {"name": "PJ Blog", "url": "https://github.com/jcc/blog", "description": "Open source blog built with Laravel and Vue.js.", "stars": "2.9k"}, {"name": "OpenAPI 3 viewer", "url": "https://github.com/koumoul-dev/openapi-viewer", "description": "Browse and test a REST API described with the OpenAPI 3.0 Specification", "stars": "94"}, {"name": "nativescript-vue", "url": "https://github.com/rigor789/nativescript-vue", "description": "A Vue.js implementation of the NativeScript renderer.", "stars": "6.4k"}, {"name": "Paper-Dashboard", "url": "https://github.com/creativetimofficial/vue-paper-dashboard", "description": "Creative Tim Paper Dashboard made for Vue", "stars": "1.8k"}, {"name": "CoreUI Vue Admin Template", "url": "https://github.com/coreui/coreui-free-vue-admin-template", "description": "Open Source Admin Template powered by Vue.js", "stars": "3.4k"}, {"name": "vuejs-extension-pack vscode", "url": "https://github.com/mubaidr/vuejs-extension-pack", "description": "An extension packf or vscode with popular VS Code extensions for Vue.js development.", "stars": "37"}, {"name": "Wiki.js", "url": "https://github.com/Requarks/wiki", "description": "A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown", "stars": "28k"}, {"name": "peregrine-cms", "url": "https://github.com/headwirecom/peregrine-cms", "description": "A Vue.js and Apache Sling based head-optional CMS", "stars": "52"}, {"name": "Light Bootstrap Dashboard", "url": "https://github.com/creativetimofficial/vue-light-bootstrap-dashboard", "description": "Creative Tim Light Bootstrap Dashboard made for Vue", "stars": "777"}, {"name": "vue-storefront", "url": "https://github.com/DivanteLtd/vue-storefront", "description": "Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.", "stars": "11k"}, {"name": "Laravel Enso", "url": "https://github.com/laravel-enso/enso", "description": "SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of features out of the box.", "stars": "1.1k"}, {"name": "Hubble", "url": "https://hubble.js.org", "description": ":telescope: Travel through GitHub Stars' history."}, {"name": "Vuepress", "url": "https://vuepress.vuejs.org/", "description": "Minimalistic Vue-powered static site generator"}, {"name": "Socialhome", "url": "https://github.com/jaywink/socialhome", "description": "A federated rich profile builder with social networking features", "stars": "379"}, {"name": "chrome-ribbon-reminder", "url": "https://github.com/johndatserakis/chrome-ribbon-reminder", "description": "A Chrome extension written using Vue and Async/Await. Uses a popup display and changes badge counts.", "stars": "14"}, {"name": "Faviator", "url": "https://www.faviator.xyz/", "description": "A simple easy favicon generator."}, {"name": "Minimal Notes", "url": "https://github.com/vladocar/Minimal-Notes", "description": "Web app build with Vue.js", "stars": "139"}, {"name": "Stack Edit", "url": "https://github.com/benweet/stackedit/", "description": "In-browser Markdown editor", "stars": "23k"}, {"name": "Bael Blog Template", "url": "https://bael-theme.jake101.com/", "description": "A static generated blog template that uses Netlify CMS for the backend and Netlify for hosting. Features a brutalist aesthetic, fuzzy search, serverless email signup, and more."}, {"name": "Buefy Shop", "url": "https://github.com/14nrv/buefy-shop", "description": "Sample shop, open source, built with Nuxt, Stripe, Firebase, Bulma and Serverless Functions.", "stars": "259"}, {"name": "Carpoolear", "url": "https://github.com/STS-Rosario/carpoolear", "description": "The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: [Carpoolear](https://carpoolear.com.ar)", "stars": "99"}, {"name": "Vue E-Store Templet", "url": "https://github.com/rash0/Vue-Ecom", "description": "An e-commerce template build with vue/vuex/vue-router and bootstrap4.", "stars": "191"}, {"name": "Twill", "url": "https://twill.io", "description": "An open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible."}, {"name": "Vue Org Chart", "url": "https://github.com/Hoogkamer/vue-org-chart", "description": "Manage and publish your interactive organization chart (orgchart), free and no webserver required.", "stars": "351"}, {"name": "Thermal", "url": "https://thermal.codecarrot.net", "description": "One stop to all Git repository."}, {"name": "QMK Configurator", "url": "https://github.com/qmk/qmk_configurator", "description": "QMK Firmware Keyboard Configuration UI in Vue.js.", "stars": "824"}, {"name": "Daily", "url": "https://github.com/dailynowco/daily", "description": "Curated dev news delivered to your new tab \ud83d\udc69\ud83c\udffd\u200d\ud83d\udcbb", "stars": "20k"}, {"name": "Laravel File Manager", "url": "https://github.com/alexusmai/laravel-file-manager", "description": "Powerful file manager for Laravel", "stars": "1.2k"}, {"name": "Vue Crypto Dashboard", "url": "https://github.com/JayeshLab/vue-crypto-dashboard", "description": "Cryptocurrency Dashboard made with Vue.js", "stars": "244"}, {"name": "Vue Expenses", "url": "https://github.com/simplyvinay/vue-expenses", "description": "Expense tracking app made with Vue.js, Vuetify and ASP.NET Core", "stars": "240"}, {"name": "Akaunting", "url": "https://github.com/akaunting/akaunting", "description": "A free and online accounting software for small businesses and freelancers based on Laravel and VueJS.", "stars": "9.7k"}, {"name": "MQTTX", "url": "https://github.com/emqx/MQTTX", "description": "Cross-platform MQTT 5.0 desktop client built with Vue.js, Typescript and Electron.", "stars": "4.8k"}, {"name": "Pychat", "url": "https://github.com/akoidan/pychat", "description": "Self-hosted webrtc video chat (an alternative to Slack)", "stars": "243"}, {"name": "CodeceptJS UI", "url": "https://github.com/codecept-js/ui", "description": "Cypress-liked UI for \u2714\ufe0f CodeceptJS end 2 end tests \u2714\ufe0f.", "stars": "83"}, {"name": "LeagueStats", "url": "https://github.com/vkaelin/LeagueStats", "description": "Statistics website for players of the online game League of Legends.", "stars": "484"}, {"name": "Savycart", "url": "https://github.com/itsalb3rt/savycart-app", "description": "PWA to track personal purchases, No more paper and pencil to go to the supermarket \ud83c\udfec Vue and Vuetify", "stars": "55"}, {"name": "Afterman", "url": "https://github.com/itsalb3rt/afterman", "description": "\ud83c\udf15 Create beautiful docs in markdown and HTML from postman collection. Using Quasar Framework", "stars": "49"}, {"name": "LogChimp", "url": "https://github.com/logchimp/logchimp", "description": "Open-source software to track your customer's feedback to build better products.", "stars": "1.1k"}, {"name": "Yacht", "url": "https://github.com/Selfhostedpro/Yacht", "description": "A Docker container management webui using Vuetify for a hassle free way of managing docker containers and projects.", "stars": "47"}, {"name": "Antares SQL", "url": "https://github.com/Fabio286/antares", "description": "Cross platform SQL client made to be simple and complete.", "stars": "2.6k"}, {"name": "Bagisto", "url": "https://github.com/bagisto/bagisto", "description": "A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.", "stars": "26k"}, {"name": "GrandNode 2.0", "url": "https://github.com/grandnode/grandnode2/", "description": "Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0 and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS", "stars": "1.3k"}, {"name": "Aimeos", "url": "https://github.com/aimeos/aimeos", "description": "Leading Laravel eCommerce framework to build ultra fast online shops, marketplaces and complex B2B applications scalable from 1 to 1,000,000,000+ items", "stars": "5.3k"}, {"name": "XIV ToDo", "url": "https://github.com/bourgeoisor/xivtodo", "description": "Dashboards, completion trackers, tailored weekly and daily checklists and tools for Final Fantasy XIV.", "stars": "142"}, {"name": "Interface X", "url": "https://github.com/empathyco/x", "description": "UI Search\\&Discovery components to rapidly build beautiful search experiences", "stars": "83"}, {"name": "Balancer", "url": "https://github.com/balancer-labs/frontend-v2", "description": "A Decentralized Finance app that runs on Ethereum.", "stars": "195"}, {"name": "Materio Free Vuetify VueJS Laravel Admin Template", "url": "https://github.com/themeselection/materio-vuetify-vuejs-laravel-admin-template-free", "description": "Open-source & easy to use Vuetify Vuejs Laravel Admin Template with Elegant Design & Unique Layout.", "stars": "228"}, {"name": "Dashy", "url": "https://github.com/lissy93/dashy", "description": "A self-hosted startpage, with an easy to use visual editor, status checking, themes, widgets and tons more", "stars": "24k"}, {"name": "FAIRshare", "url": "https://github.com/fairdataihub/FAIRshare", "description": "Sharing biomedical research data and software according to applicable FAIR guidelines", "stars": "78"}, {"name": "Snippets.Ninja", "url": "https://github.com/dd3v/snippets.ninja", "description": "Progressive web application for code snippet management. Offline first. Open Source. App uses IndexedDB for local storage.", "stars": "121"}, {"name": "ZuiOJ", "url": "https://github.com/DaZuiZui/ZuiOJ", "description": "ZuiOJ system developed using Vue2's UI and Java.", "stars": "141"}, {"name": "vue-paho-mqtt", "url": "https://github.com/kaandesu/vue-paho-mqtt", "description": "Easy-to-use Paho MQTT client library for Vue 3 with centralized subscription management, type support, and built-in optional alert notification library.", "stars": "27"}, {"name": "VueFinder File Library", "url": "https://github.com/n1crack/vuefinder", "description": "Web File Manager Library.", "stars": "570"}, {"name": "Overlay", "url": "https://github.com/os-scar/overlay", "description": "A browser extension helping developers evaluate open source packages before picking them.", "stars": "227"}, {"name": "activist.org/", "url": "https://activist.org/", "description": "Open-source, nonprofit activism platform."}, {"name": "MYDY Dashboard", "url": "https://github.com/pyramide-agency/mydy-dashboard", "description": "Self-hosted personal productivity and finance management dashboard with AI assistant, Kanban board, time tracking, and Telegram Mini App integration. Built with Nuxt 4 and Laravel 11.", "stars": "2"}, {"name": "Sneat Free Vuetify VueJS Admin Template", "url": "https://themeselection.com/item/sneat-free-vuetify-vuejs-admin-template/", "description": "The Ultimate Free VueJS Admin Template for building responsive web apps"}, {"name": "slidev", "url": "https://github.com/slidevjs/slidev", "description": "Presentation Slides for Developers", "stars": "45k"}, {"name": "YesPlayMusic", "url": "https://github.com/qier222/YesPlayMusic", "description": "High-looking third-party NetEase cloud player, support Windows / macOS / Linux :electron:", "stars": "33k"}, {"name": "douyin", "url": "https://github.com/zyronon/douyin", "description": "Imitate TikTok \uff0cVue Best practices on Mobile", "stars": "11k"}, {"name": "MyIP", "url": "https://github.com/jason5ng32/MyIP", "description": "All in one IP Toolbox. Easy to check what's your IPs, IP geolocation, check for DNS leaks, examine WebRTC connections, speed test, ping test, MTR test, check website availability and more.", "stars": "10k"}, {"name": "fylepad", "url": "https://github.com/imrofayel/fylepad", "description": "a notepad with powerful rich-text editing, built with Vue.", "stars": "295"}, {"name": "fresfolio", "url": "https://github.com/dkioroglou/fresfolio", "description": "a browser-based note-taking app for managing personal and research projects. The app uses Flask as backend and Vue.js as frontend leveraging the Quasar framework for UI components and responsive design.", "stars": "0"}, {"name": "JARVIS", "url": "https://github.com/hyhmrright/JARVIS", "description": "Self-hosted AI assistant platform with Vue 3 frontend, Pinia state management, TypeScript, and real-time SSE streaming chat. FastAPI backend with LangGraph ReAct agents, RAG knowledge base, multi-LLM support (DeepSeek/OpenAI/Anthropic), and plugin SDK.", "stars": "4"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Commercial Products", "entries": [{"name": "Wijmo", "url": "https://wijmo.com/products/wijmo-5/", "description": "A collection of UI controls with VueJS support."}, {"name": "ChatWoot", "url": "https://www.chatwoot.com/", "description": "Livechat and agent collaboration over Facebook messenger."}, {"name": "VueA", "url": "https://themeforest.net/item/vuejs-laravel-admin-template/20119122?ref=jyostna\\&utm_source=awesomevue", "description": "VueJS Admin template with multiple layouts and laravel version."}, {"name": "EducationLink", "url": "https://geteducation.link/?utm_source=AwesomeVue", "description": "CRM and sales automation for education agents and colleges."}, {"name": "Pragmatic v2.0", "url": "https://1.envato.market/LYWqL", "description": "Responsive and configurable admin template built with Vue.js and Element."}, {"name": "Moonitor", "url": "https://moonitor.io/", "description": "Cryptocurrency tracker for Desktop."}, {"name": "Deskree", "url": "https://deskree.com/", "description": "Online collaboration platform that combines Ideas, Tasks, and Issues in one place."}, {"name": "ScaffoldHub", "url": "https://www.scaffoldhub.io", "description": "Online Web App Generator for VueJS with NodeJS, and MongoDB or SQL."}, {"name": "Commandeer", "url": "https://getcommandeer.com", "description": "Cloud Management Reimagined. A Desktop cloud management app built with Vue.js and Electron."}, {"name": "Leave Dates", "url": "https://leavedates.com", "description": "A powerful new way to track your staff leave."}, {"name": "vREST NG", "url": "https://ng.vrest.io", "description": "An enterprise application for Automated API Testing, built with VueJS and Element UI."}, {"name": "Coloban", "url": "https://www.coloban.com", "description": "All-in-one project management tool with chats, Kanban, Gantt, calls, screenshare and many more."}, {"name": "NxShell", "url": "https://github.com/nxshell/nxshell", "description": "An easy to use new terminal for SSH, which based on Electron and VueJS.", "stars": "1.2k"}, {"name": "Materio Vuetify VueJS Admin Template", "url": "https://themeselection.com/products/materio-vuetify-vuejs-admin-template/", "description": "Most Powerful, Developer Friendly, Production ready & Comprehensive Vuetify VueJS Admin Template."}, {"name": "NocoDB", "url": "https://github.com/nocodb/nocodb", "description": "An opensource Airtable alternative.", "stars": "63k"}, {"name": "He3", "url": "https://he3.app", "description": "Free and Modern Developer Utilities Toolbox."}, {"name": "RunJS", "url": "https://runjs.app", "description": "JavaScript playground that evaluates your code as you type and gives instant feedback. Ideal for prototyping ideas or trying out new libraries."}, {"name": "Sneat Vuetify VueJS Admin Template", "url": "https://themeselection.com/item/sneat-vuetify-vuejs-admin-template/", "description": "The Ultimate VueJS Admin Template for responsive web apps."}, {"name": "Litlyx", "url": "https://litlyx.com", "description": "AI-powered web analytics platform. Open-source alternative to Google Analytics 4 and Mixpanel."}, {"name": "Fynk", "url": "https://fynk.com", "description": "Contract creation, signing, and management platform."}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Apps/Websites", "entries": [{"name": "Laravel Spark", "url": "https://spark.laravel.com/", "description": ""}, {"name": "Vice Video", "url": "https://video.vice.com/", "description": ""}, {"name": "Formlets", "url": "https://www.formlets.com", "description": ""}, {"name": "Laracasts", "url": "https://laracasts.com", "description": ""}, {"name": "esa.io", "url": "https://esa.io/", "description": ""}, {"name": "Prague Airport", "url": "https://www.prague-airport.com/", "description": ""}, {"name": "Portfolio Site", "url": "https://corentinbac.com/", "description": ""}, {"name": "Statamic", "url": "https://statamic.com", "description": ""}, {"name": "TravelMap", "url": "https://clem.travelmap.fr", "description": "A simple way for travelers to create a blog based on a Map."}, {"name": "Proper Cloth Shirt Builder", "url": "https://propercloth.com/design-a-shirt", "description": "Custom shirt builder."}, {"name": "vNotes", "url": "https://github.com/IgorHalfeld/v-notes", "description": "Simple and beautiful notepad to Markdown with Vue.js and Local Storage API.", "stars": "54"}, {"name": "Dermail", "url": "https://github.com/zllovesuki/dermail-webmail", "description": "A webmail client written in Vue.js for Dermail, a mail system written in node.js.", "stars": "24"}, {"name": "octimine", "url": "https://www.octimine.com/", "description": "A patent search engine."}, {"name": "Draxed", "url": "https://www.draxed.com/", "description": "A web based MySQL and PostgreSQL data browser and dashboard manager."}, {"name": "\u6eda\u86cb\u5427\uff01\u8386\u7530\u7cfb", "url": "https://putianxi.github.io/", "description": "Show all Putian hospital information"}, {"name": "Livestorm", "url": "https://livestorm.co", "description": "Webinar / Live events app."}, {"name": "Holden", "url": "https://www.holden.com.au", "description": ""}, {"name": "12BAY.VN", "url": "https://12bay.vn", "description": "Applications online flight bookings."}, {"name": "PLAYCODE.IO", "url": "https://playcode.io", "description": "Playground for Rapid Frontend Experiments."}, {"name": "The Void Radio", "url": "https://thevoidrad.io", "description": "Underground House Music Online Radio."}, {"name": "Bitly Vue", "url": "https://alpixel.github.io/bitly-vuejs", "description": "Shorten URLs with VueJS & Bitly API."}, {"name": "Storyblok", "url": "https://www.storyblok.com", "description": "API Based/Decoupled CMS using VueJS for its frontend."}, {"name": "EasyWebinar", "url": "https://easywebinar.com/", "description": "Webinar Software / Live events & Webinar app."}, {"name": "WizzAir", "url": "https://wizzair.com/", "description": ""}, {"name": "Moving to HTTPS", "url": "https://movingtohttps.com/", "description": "Guide to moving different platform/hosting sites to HTTPS"}, {"name": "Euronews", "url": "https://www.euronews.com", "description": "Euronews is a multilingual news media service, headquartered in Lyon, France."}, {"name": "Vue.js Feed", "url": "https://vuejsfeed.com/", "description": "The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel."}, {"name": "Guess Right", "url": "https://kdcinfo.com/guessright/", "description": "A 'guess the word' game - Written with Vue/vuex/vue-router (front-end) and Laravel/MySQL (back-end). Code is [Open Source on GitHub (\u2b502)](https://github.com/KDCinfo/guess-right) (although not the live files that run the game at kdcinfo)."}, {"name": "GRAP", "url": "https://grap.io", "description": "Business communication service"}, {"name": "JSON Schema Editor", "url": "https://json-schema-editor.tangramjs.com", "description": "An intuitive editor for JSON schema built with Vue.js and Firebase."}, {"name": "Winsome Trivia", "url": "https://splode.github.io/trivia/", "description": "A single or multiplayer trivia game featuring over 2,000 unique questions built with Vue.js and powered by the Open Trivia Database."}, {"name": "Moon Organizer", "url": "https://moonorganizer.com/calendar/", "description": "Lunar calendar app"}, {"name": "Kinderbesteck", "url": "https://www.kinderbesteck-gravur.de/", "description": "A full Online Shop SPA with Vue2.0, Vuex, Vue Router"}, {"name": "Power Thesaurus", "url": "https://www.powerthesaurus.org", "description": "A crowdsourced online thesaurus"}, {"name": "PAIXIN", "url": "https://www.paixin.com/", "description": "A genuine picture sale website"}, {"name": "1XBET", "url": "https://1xbet.com", "description": "A betting company operating since 2007"}, {"name": "CrowdCircus", "url": "https://crowdcircus.com", "description": "Europe\u2019s biggest crowdfunding- and crowdinvesting-aggregator"}, {"name": "PingBreak", "url": "https://pingbreak.com", "description": "A free and simple website monitoring service using vuejs for real-time dashboard"}, {"name": "Todoist Tribute", "url": "https://github.com/rohitpaulk/todoist-tribute/", "description": "Todoist clone, written in Rails + Vue", "stars": "231"}, {"name": "JSON Editor", "url": "https://json-editor.tangramjs.com", "description": "A schema-aware JSON editor built with Vue2 and firebase."}, {"name": "Develteam", "url": "https://www.develteam.com", "description": "A social network for indie game developers."}, {"name": "Mixsii", "url": "https://www.mixsii.com", "description": "A free video chat room site for teens, adults, family, and friends."}, {"name": "PipQuest", "url": "https://pipquest.gregorterrill.com", "description": "A retro-style puzzle game built in Vue"}, {"name": "Matryx", "url": "https://matryx.ai/", "description": "A decentralized collaboration platform."}, {"name": "iPrevYou - YouTube\u2122 Player", "url": "https://chrome.google.com/webstore/detail/iprevyou-youtube-player/blijlgfnjhnhmnaldaiienmjggbjhbaa", "description": "A chrome app for watching youtube videos on your desktop."}, {"name": "Item Manager", "url": "https://itemmanager.uk", "description": "An application to transfer items for Destiny 2 game."}, {"name": "Frontend Masters Intro to Vue", "url": "https://frontendmasters.com/courses/vue/", "description": "Frontend Masters full day course"}, {"name": "TR-101", "url": "https://inverted3.gitlab.io/drum-machine/", "description": "A drum synth / sequencer."}, {"name": "Bazaar", "url": "https://bazaar.co", "description": "Media sharing platform."}, {"name": "Vectr", "url": "https://vectr.com/new", "description": "A free vector graphics software"}, {"name": "Habitica", "url": "https://habitica.com/", "description": "online task management application in the form of a role-playing game."}, {"name": "MadeWithVueJs", "url": "https://madewithvuejs.com/", "description": "A Gallery of Projects made with Vue.js (also the Site itself uses Vue.js)"}, {"name": "Thousand Ether Homepage", "url": "https://thousandetherhomepage.com", "description": "The Million Dollar Homepage reimagined as an Ethereum DApp. Build on Vue.js and open source."}, {"name": "Let's Enchance", "url": "https://letsenhance.io/", "description": "free online image upscale and enhancement with neural networks."}, {"name": "Pi.TEAM - Online Invoicing and Accounting", "url": "https://pi.team", "description": "Simple to use online accounting and invoicing, free for single users and freelancers."}, {"name": "Tipe", "url": "https://tipe.io", "description": "Next Generation API-first CMS. Create your content with powerful editing tools and access it from anywhere with a GraphQL or REST API. Stop letting your CMS decide how you build your apps."}, {"name": "Bubbleflat", "url": "https://bubbleflat.com", "description": "Online platform that helps students and young Professionals find their perfect roommates by searching for people with similar lifestyles, interests, or schools. Laravel & Vuejs"}, {"name": "sunpos", "url": "https://sunpos.ru", "description": "Sun position, elevation, azimuth, ecliptic/equatorial coordinates and sunrise/sunset time (Julian day) calculation and conversion utilities. Web site is programmed using pure JS, Vuejs and i18n Vuejs localization plugin. Visualization is created using D3.js."}, {"name": "27.ua", "url": "https://27.ua", "description": "Ukraine-based internet hypermarket"}, {"name": "Chess Guardian", "url": "https://vitomd.com/vue-chess-guardian/", "description": "Answer chess positional questions from your own games."}, {"name": "Blackjack Break", "url": "https://blackjackbreak.com", "description": "A quick game of blackjack"}, {"name": "GameVix", "url": "https://www.gamevix.com/", "description": "Swap your used video game discs with others, hassle free. PWA with Material Design."}, {"name": "VivifyScrum", "url": "https://app.vivifyscrum.com", "description": "Agile project management app for teams that deliver. Customizable Scrum and Kanban boards."}, {"name": "9GAG", "url": "https://9gag.com", "description": "Popular online platform and social media website"}, {"name": "Kitchen Stories", "url": "https://kitchenstories.io", "description": "Cooking platform"}, {"name": "Cronhub", "url": "https://cronhub.io", "description": "Painless Cron Monitoring Tool"}, {"name": "wrkprty", "url": "https://wrkprty.com", "description": "Pop-up coworking events for freelancers, remote workers, and professionals looking to get out of the office."}, {"name": "Broker Notes", "url": "https://broker-notes.com", "description": "'Study to become a Real Estate Agent' :house:"}, {"name": "SyncLounge", "url": "https://synclounge.tv", "description": "SyncLounge is a tool to sync Plex content across multiple players in multiple locations."}, {"name": "HCE.it", "url": "https://www.hce.it/", "description": "The website of an Italian agency, entirely made with Vue using a Laravel-based headless CMS."}, {"name": "Spektrum", "url": "https://spektrummedia.com/", "description": "The website of Spektrum Media Agency"}, {"name": "SPK", "url": "https://www.spk.rocks/", "description": ""}, {"name": "IDDEF", "url": "https://www.iddef.org/", "description": ""}, {"name": "Roast", "url": "https://roastandbrew.coffee/", "description": ""}, {"name": "CryptoArte", "url": "https://www.cryptoarte.io", "description": "An Ethereum art collection, non-fungible token, and Dapp."}, {"name": "Scroll.in", "url": "https://scroll.in", "description": "Scroll.in is an independent news, information, and entertainment venture."}, {"name": "Brandy", "url": "https://getbrandy.io", "description": "brand assets manager for your menu bar."}, {"name": "NBC Sports", "url": "https://www.nbcsports.com/", "description": "NBC Sports is a sports news website."}, {"name": "WITHIN", "url": "https://www.with.in/", "description": "Extraordinary stories in Virtual Reality."}, {"name": "beCamp", "url": "https://be.camp", "description": "A community-organized tech conference in Charlottesville, VA. Website code is open-source."}, {"name": "Trustpilot", "url": "https://www.trustpilot.com", "description": "a free and open to all review platform."}, {"name": "Lagom", "url": "https://lagom.rsstudio.net/", "description": "Simple, intuitive and fully responsive WHMCS theme"}, {"name": "ScoutMyTrip - Roadtrip Planner", "url": "https://scoutmytrip.com/roadtrip-planner/start", "description": "Road trip planning app for India which helps travelers to build their itinerary, discover points of interest, find hotels, gas stations, food joints etc along the route."}, {"name": "GamersClub", "url": "https://gamersclub.com.br/?lang=english", "description": "Biggest company of eSport community development in Brazil"}, {"name": "MIT", "url": "https://www.mit.edu/", "description": "Official Website of Massachusetts Institute of Technology."}, {"name": "Elvenar", "url": "https://en.elvenar.com/", "description": "Elvenar is a browser based fantasy city builder game."}, {"name": "Beacon", "url": "https://beaconapp.in", "description": ":blue\\_heart: A service that allows you to share your content across multiple websites."}, {"name": "Artfinder", "url": "https://www.artfinder.com/", "description": "Artfinder is a website for buying & selling art paintings."}, {"name": "GitHubExplorer", "url": "https://kiinlam.github.io/GitHubExplorer/", "description": "Pure static page webapp for exploring GitHub. Using `Vuejs` and `GitHub GraphQL API v4`."}, {"name": "HappyPlants", "url": "https://github.com/morkro/happy-plants", "description": "A progressive web app for organizing your plants \ud83c\udf31.", "stars": "296"}, {"name": "Pocket Lists", "url": "https://pocketlists.com", "description": "World's friendliest to-do list app."}, {"name": "Padlet", "url": "https://padlet.com", "description": "Collaborative bulletin boards"}, {"name": "Glovo", "url": "https://glovoapp.com/en/", "description": "On-demand delivery"}, {"name": "MySigMail", "url": "https://mysigmail.com", "description": "MySigMail is a free, in browser, email signature generator without creating account"}, {"name": "Wordguru", "url": "https://wordguru.netguru.com", "description": "A simple verbal game where you split into teams and try to guess as many keywords as you can."}, {"name": "ApiFlash", "url": "https://apiflash.com", "description": "A Chrome based screenshot API built on top of AWS Lambda for Developers"}, {"name": "Git Superstar", "url": "https://git-superstar.firebaseapp.com", "description": "Count your git stars and top repositories."}, {"name": "Tapestri Designer", "url": "https://tapestridesigner.com", "description": "Free tool to design PCR primers for genome sequencing experiments (NGS)"}, {"name": "Geenes", "url": "https://geenes.app", "description": "Generate and apply color palettes to your UI, then export it to sketch or code."}, {"name": "ExifShot", "url": "https://exifshot.com/", "description": "What and how on photography, beautifully."}, {"name": "Studolog", "url": "https://studolog.com/", "description": "Online file sharing platform for students, including tester and reviews. Currently in Czech \ud83c\udde8\ud83c\uddff only."}, {"name": "Gamebrary", "url": "https://gamebrary.com", "description": "Open source tool to organize video game collections."}, {"name": "Premium Poker Tools", "url": "https://premiumpokertools.com/", "description": "What poker players use to study."}, {"name": "QMK Configurator", "url": "https://config.qmk.fm/", "description": "Configure, Build, and Download Custom QMK Firmware from your browser."}, {"name": "Worksome", "url": "https://www.worksome.com/", "description": "Marketplace/platform for qualified it professionals and freelancers and companies looking to hire them."}, {"name": "Translator-vuejs", "url": "https://manuel-suarez-abascal.github.io/translator-vuejs/", "description": "Translation App built with Vuejs, Yandex API & ResponsiveVoice.js API."}, {"name": "Big Timer", "url": "https://www.bigtimer.net/", "description": "Fullscreen countdown timer for workshops, meetings and presentations. Big Timer helps workshop facilitators, meeting chairs, design sprinters, presenters and aspiring game show hosts stick to their program."}, {"name": "Kvalitetskontroll", "url": "https://www.kvalitetskontroll.no/", "description": "Norwegian management system tailored for the construction industry."}, {"name": "Poolside FM", "url": "https://poolside.fm/", "description": "A retro-style music player"}, {"name": "Inoreader.com", "url": "https://inoreader.com/", "description": "One of the biggest RSS readers and news aggregators out there."}, {"name": "AwesomeTechStack", "url": "https://awesometechstack.com", "description": "Website Tech Stack Analyzer"}, {"name": "massCode", "url": "https://github.com/antonreshetov/massCode", "description": "An open source code snippets manager for developers. Build with Electron, Vue and Monaco editor.", "stars": "2k"}, {"name": "ClipLeap", "url": "https://www.clipleap.com/", "description": "Platform for posting and sharing moments in long videos."}, {"name": "RSVP Keeper", "url": "https://www.rsvpkeeper.com/", "description": "Online reservations made easy. Get your event up and running in no time. Made with Vue and Go."}, {"name": "PNGK", "url": "https://pngk.org/", "description": "Official website for a consultancy company working to find solutions for humanitarian, human rights and other like minded organizations."}, {"name": "BMWUSA Vehicle Configurator", "url": "https://www.bmwusa.com/build-your-own.html", "description": "Vehicle Configurator for BMWUSA"}, {"name": "Fanmio", "url": "https://fanmio.com", "description": "Meet your favorite celebrities through personal video experiences on Fanmio"}, {"name": "AtomicWallet", "url": "https://atomicwallet.io", "description": "Multi-asset cryptocurrency wallet. Desktop and [mobile](https://play.google.com/store/apps/details?id=io.atomicwallet) apps both were built with Vue."}, {"name": "Helpninja", "url": "https://dashboard.helpninja.com/", "description": "Simple & fast help desk"}, {"name": "Todo DEV", "url": "https://github.com/IanLuan/TodoDev", "description": "A simple Todo App made for developers with Vuejs, Vuetify and the powerful Firebase.", "stars": "90"}, {"name": "36 Pixels", "url": "https://www.36pixels.fr/", "description": "French agency website made with vue.js"}, {"name": "temp-mail.io", "url": "https://temp-mail.io/", "description": "Disposable temporary email service."}, {"name": "Narrandum", "url": "https://narrandum.com", "description": "Customer journey mapping tool built using Vue.js, Vuetify, and Feathersjs"}, {"name": "goonlinetools.com", "url": "https://goonlinetools.com/", "description": "100% Free Online Tools site."}, {"name": "Portfolio Site", "url": "https://olaolu.dev/", "description": "Olaolu Olawuyi, A Frontend developer and UX Engineer's portfolio site."}, {"name": "d-patterns.js.org", "url": "https://d-patterns.js.org", "description": "FOSS Discord templates listing website \ud83d\udcac"}, {"name": "linksift.com", "url": "https://linksift.com", "description": "LinkSift lets you explore what a website links to."}, {"name": "postmake.io", "url": "https://postmake.io", "description": "A curated directory of 300+ tools and resources used by companies and startups all over the web. Built using Vue.js and Nuxt."}, {"name": "screenshotapi.net", "url": "https://screenshotapi.net", "description": "A website screenshot API, capture pixel-perfect website screenshots."}, {"name": "FontGet", "url": "https://www.fontget.com/", "description": "Download Free Fonts."}, {"name": "Travel\\_Smart", "url": "https://travelsmart.netlify.app/", "description": "A tour-based web app that uses Vue + Vue Router + Vuex."}, {"name": "National Institutes of Health (NIH): FEVS Survey Results", "url": "https://hr.nih.gov/workforce/fevs/2019-fevs-survey-results", "description": "National Institutes of Health (NIH) data visualization of Federal Viewpoints Survey (FEVS) survey results."}, {"name": "Nipashe", "url": "https://nipashe.netlify.app/", "description": "\"Nipashe\" is a Swahili word that means \"Inform me\". Nipashe is a web app built in Vue + Vuex(state management) + Vue-Router(navigation) that gives a tally/statistics on the current COVID19 infections across the world based on the WHO"}, {"name": "DevSnap.me", "url": "https://devsnap.me", "description": "A website that helps web developers find tons of free and open source HTML, CSS, and JavaScript assets."}, {"name": "Back Home/\u56de\u5bb6", "url": "https://flights.vincentc.us/", "description": "A flight searching engine for the flights from oversea to China Mainland (and China to oversea) that still fly during COVID-19."}, {"name": "Deadlines", "url": "https://deadlines.vercel.app", "description": "An offline, simple deadline tracker made with Vue.js and localForage."}, {"name": "Darwin Analytics", "url": "https://www.darwin.so", "description": "Tool for measuring and optimizing your site. Built with Vue3 and Vite."}, {"name": "Scrumfast", "url": "https://www.scrumfast.com", "description": "Extremely intuitive project management scrum tool."}, {"name": "Gradientos", "url": "https://www.gradientos.app", "description": "Gradientos makes finding gradients easy."}, {"name": "httptools.dev", "url": "https://httptools.dev/", "description": "Collection of many online checks and tools for web developers, like a JSON formatter, redirect check or URL encoder. Built with Vue3 and vue-router, backend API uses Laravel."}, {"name": "FontBolt", "url": "https://www.fontbolt.com/", "description": "Discover and generate your favorite fonts from pop culture"}, {"name": "Portfolio Site", "url": "https://monayemislam.me", "description": "Monayem Islam, A full-stack web application developer's portfolio site. Made with Love and Vue 3."}, {"name": "MapperMate", "url": "https://mappermate.com", "description": "Free-to-use tilemap editor used to create, edit, and manage tilemaps for 2D games"}, {"name": "Chris Courses", "url": "https://chriscourses.com", "description": "JavaScript and 2D game dev learning platform with interactive videos, quizzes, and code challenges"}, {"name": "BulkPicTools", "url": "https://bulkpictools.com", "description": "Privacy-first bulk image processor built with Vue 3 and WebAssembly."}, {"name": "Shiko", "url": "https://shiko.vet", "description": "Veterinary clinic management platform with appointment scheduling, interactive clinic directory with maps, and multi-platform support."}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Interactive Experiences", "entries": [{"name": "Louis Ansa Website (portfolio)", "url": "https://louisansa.com", "description": ""}, {"name": "Djeco.com", "url": "https://www.djeco.com/en", "description": ""}, {"name": "TR-101 Synth Drum Machine", "url": "https://inverted3.gitlab.io/drum-machine", "description": ""}, {"name": "CSS ColorVars", "url": "https://csscolorvars.github.io/", "description": "Interactive tool code generation ([source code (\u2b5010)](https://github.com/CSSColorVars/csscolorvars))"}, {"name": "Nightlight During Conflict", "url": "https://pngk.org/nightlight/", "description": "Explore GIS data on nightlight output for countries in conflict."}, {"name": "User Friendly Justice Data", "url": "https://justicemoroccoprototype.hiil.org/", "description": "Explore justice data from Morocco."}, {"name": "Vue Play", "url": "https://www.vueplay.com", "description": "Create Vue components and applications in an interactive / visual drag & drop designer."}, {"name": "Yahya J. Aifit's Portfolio Site", "url": "https://yja.me", "description": "Portfolio site that inspired by the appearance of desktop operating system."}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Enterprise Usage", "entries": [{"name": "Sainsbury's", "url": "https://sainsburys.jobs/", "description": ""}, {"name": "GitLab", "url": "https://about.gitlab.com/2016/10/20/why-we-chose-vue/", "description": ""}, {"name": "Clemenger BBDO Melbourne", "url": "https://clemengerbbdo.com.au", "description": ""}, {"name": "ZenMate", "url": "https://zenmate.com", "description": ""}, {"name": "Codeship", "url": "https://blog.codeship.com/consider-vuejs-next-web-project/", "description": ""}, {"name": "Storyblok", "url": "https://app.storyblok.com", "description": ""}, {"name": "Monito", "url": "https://www.monito.com", "description": "Building the Booking.com for international money transfers"}, {"name": "Hypefactors", "url": "https://hypefactors.com", "description": "Software for data-driven PR professionals"}, {"name": "Cotabox", "url": "https://cotabox.com.br", "description": ""}, {"name": "Aromajoin", "url": "https://aromajoin.com", "description": "Develop the finest digital scent products based on the harmony of hardware, software and material technology."}, {"name": "Carrefour", "url": "https://www.carrefour.fr", "description": ""}, {"name": "Staples Canada", "url": "https://www.staples.ca/", "description": ""}, {"name": "Blibli", "url": "https://www.blibli.com", "description": ""}, {"name": "Manduka", "url": "https://www.manduka.com/", "description": ""}, {"name": "Upwork", "url": "https://www.upwork.com/", "description": "Work Marketplace for freelancers and employers"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 A11y", "entries": [{"name": "Vue A11y project", "url": "https://github.com/vue-a11y", "description": "Vue.js community project to improve web accessibility."}, {"name": "vue-axe", "url": "https://github.com/vue-a11y/vue-axe", "description": "Accessibility auditing for Vue.js applications.", "stars": "192"}, {"name": "vue-announcer", "url": "https://github.com/vue-a11y/vue-announcer", "description": "A simple way with Vue to announce any useful information for screen readers.", "stars": "240"}, {"name": "vue-focus-lock", "url": "https://github.com/theKashey/vue-focus-lock", "description": "It is a trap! A lock for a Focus. A11y util for scoping a focus.", "stars": "142"}, {"name": "eslint-plugin-vuejs-accessibility", "url": "https://github.com/vue-a11y/eslint-plugin-vuejs-accessibility", "description": "Vue.js accessibility eslint-plugin managed by @vue-a11y .", "stars": "302"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Frameworks", "entries": [{"name": "quasar-framework", "url": "https://github.com/quasarframework/quasar", "description": "Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code, with Vue.js 3.", "stars": "27k"}, {"name": "vuetify", "url": "https://github.com/vuetifyjs/vuetify", "description": "Material Component Framework for Vue.js 2.", "stars": "41k"}, {"name": "buefy", "url": "https://github.com/rafaelpimpa/buefy", "description": "Components based on Bulma framework.", "stars": "9.6k"}, {"name": "iview-ui", "url": "https://www.iviewui.com", "description": "A Vue.js 2.0 UI Framework for web."}, {"name": "AT-UI", "url": "https://at.aotu.io", "description": "A fresh and flat UI-Kit specially for desktop application, made with \u2665 by Vue.js 2.0"}, {"name": "BootstrapVue", "url": "https://github.com/bootstrap-vue/bootstrap-vue", "description": "Bootstrap v4 components and grid system for Vue.js.", "stars": "14k"}, {"name": "fish-ui", "url": "https://myliang.github.io/fish-ui", "description": "A Vue.js 2.0 UI Toolkit for Web"}, {"name": "zircle-ui", "url": "https://github.com/zircleUI/zircleUI", "description": "A frontend library to develop zoomable user interfaces.", "stars": "961"}, {"name": "ant-design-vue", "url": "https://github.com/vueComponent/ant-design-vue", "description": "An enterprise-class UI components based on Ant Design and Vue 3.2.0", "stars": "21k"}, {"name": "heyui", "url": "https://github.com/heyui/heyui", "description": "(<https://www.heyui.top/en>) - A Vue.js 2.0 UI Toolkit for Web.", "stars": "2.5k"}, {"name": "Carvue.js", "url": "https://carvuejs.github.io/", "description": "IBM's Carbon Design System for Vue.js"}, {"name": "BalmUI", "url": "https://github.com/balmjs/balm-ui", "description": "A modular and customizable UI library based on Material Design and Vue 3.0", "stars": "512"}, {"name": "Osiris UI", "url": "https://osiris-ui.github.io/osiris", "description": ":art: A Vue.js 2.0 universal responsive UI component library"}, {"name": "@Carbon/vue", "url": "https://github.com/carbon-design-system/carbon-components-vue", "description": "Carbon Design System components from the @carbon team.", "stars": "645"}, {"name": "Inkline", "url": "https://github.com/inkline/inkline/", "description": "Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building Vue.js 3 Design Systems.", "stars": "1.4k"}, {"name": "MDBootstrap", "url": "https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design", "description": "Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10, providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps.", "stars": "970"}, {"name": "vue-material-adapter", "url": "https://github.com/pgbross/vue-material-adapter", "description": "Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters", "stars": "104"}, {"name": "PrimeVue", "url": "https://primefaces.org/primevue", "description": "The Most Complete UI Component Library for Vue"}, {"name": "CoreUI for Vue.js", "url": "https://github.com/coreui/coreui-vue", "description": "CoreUI for Vue.js is a UI Component Library that offers a bunch of cross-browser, responsive, and lightweight Vue.js UI components.", "stars": "643"}, {"name": "oruga", "url": "https://github.com/oruga-ui/oruga", "description": "UI components for Vue.js without CSS framework dependency.", "stars": "1.2k"}, {"name": "Wave UI", "url": "https://github.com/antoniandre/wave-ui", "description": "An emerging UI framework for Vue.js with only the bright side. \u2600\ufe0f", "stars": "569"}, {"name": "element3", "url": "https://github.com/kkbjs/element3", "description": "A Vue.js 3.0 UI Toolkit for Web is based on element-ui", "stars": "3.3k"}, {"name": "vuestic-ui", "url": "https://github.com/epicmaxco/vuestic-ui", "description": "A Vue.js 3.0 UI customizable UI Framework.", "stars": "3.7k"}, {"name": "Qui-max", "url": "https://github.com/Qvant-lab/qui-max", "description": "A Vue 3.x Design System for Web", "stars": "282"}, {"name": "Naive UI", "url": "https://github.com/TuSimple/naive-ui", "description": "A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow Kinda Interesting", "stars": "18k"}, {"name": "Element Plus", "url": "https://github.com/element-plus/element-plus", "description": "A Vue 3 UI Framework.", "stars": "27k"}, {"name": "AgnosticUI", "url": "https://www.agnosticui.com/", "description": "Accessible Vue 3 Component Primitives that also work with React, Svelte, and Angular!"}, {"name": "Vexip UI", "url": "https://github.com/qmhc/vexip-ui", "description": "A Vue 3 UI Library, Highly customizable property values, Full TypeScript, Performance should be good.", "stars": "1.9k"}, {"name": "Anu", "url": "https://github.com/jd-solanki/anu", "description": "Build better interfaces faster. DX focused utility based vue component library \u269b\ufe0f", "stars": "1k"}, {"name": "Vue USWDS", "url": "https://github.com/patrickcate/vue-uswds", "description": "A Vue.js implementation of the USWDS (U.S. Web Design System)", "stars": "10"}, {"name": "Vuersatile Components", "url": "https://www.andres-brugarolas.com/vuersatile-components/", "description": "A Vue 3 component library, with form self-validation and an SCSS framework integrated."}, {"name": "Prefect Design", "url": "https://prefect-design.netlify.app/", "description": "Component library using Vue 3, Typescript & Tailwind."}, {"name": "Stellar UI", "url": "https://github.com/ManukMinasyan/stellar-ui", "description": "Fully styled and customizable components for Vue 3.", "stars": "45"}, {"name": "Shadcn UI", "url": "https://github.com/radix-vue/shadcn-vue", "description": "An unofficial, community-led Vue port of [shadcn/ui (\u2b50111k)](https://github.com/shadcn-ui/ui) (re-usable components built with [Radix Vue (\u2b506.3k)](https://github.com/radix-vue/radix-vue) and [Tailwind CSS (\u2b5094k)](https://github.com/tailwindlabs/tailwindcss)).", "stars": "9.7k"}, {"name": "BoldKit", "url": "https://github.com/ANIBIT14/boldkit", "description": "A neubrutalism-styled Vue 3 & Nuxt component library with 45+ components, 35 SVG shapes, and charts. Built on Reka UI and compatible with shadcn-vue CLI.", "stars": "25"}, {"name": "Inspira UI", "url": "https://inspira-ui.com/", "description": "Open Source components to build stunning animated interfaces effortlessly using Vue, Nuxt and Tailwind CSS."}, {"name": "flowbite-vue", "url": "https://github.com/themesberg/flowbite-vue", "description": "Vue component library based on Tailwind CSS", "stars": "938"}, {"name": "Maz-UI", "url": "https://github.com/LouisMazel/maz-ui", "description": "Lightweight and efficient library for Vue 3 & Nuxt 3 & 4 with 50+ components, theming, i18n and useful plugins and composables.", "stars": "552"}, {"name": "@oneflowui/ui", "url": "https://github.com/qixi54/oneui", "description": "Vue 3 + TypeScript component library for task management views, featuring Table, Kanban, Gantt timeline, Gallery, AI Chat, Dashboard charts, Rich Text Editor, MermaidChart and more. 75+ components out of the box.", "stars": "1"}, {"name": "Framework7-Vue", "url": "https://github.com/framework7io/framework7", "description": "Build full-featured iOS & Android apps using Framework7 & Vue.", "stars": "19k"}, {"name": "vue-onsenui", "url": "https://github.com/OnsenUI/OnsenUI", "description": "Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.", "stars": "8.9k"}, {"name": "Ionic", "url": "https://github.com/ionic-team/ionic-framework", "description": "Mobile app development framework", "stars": "52k"}, {"name": "Native script", "url": "https://github.com/nativescript-vue/nativescript-vue", "description": "Native mobile applications using NativeScript", "stars": "6.4k"}, {"name": "uni-app", "url": "https://github.com/dcloudio/uni-app", "description": "A cross-platform framework using Vue.js", "stars": "41k"}, {"name": "vant", "url": "https://github.com/youzan/vant", "description": "A Vue.js 2.0 Mobile UI From YouZan.", "stars": "24k"}, {"name": "cube-ui", "url": "https://didi.github.io/cube-ui", "description": "A fantastic mobile ui lib implement by Vue.js 2."}, {"name": "mand-mobile", "url": "https://didi.github.io/mand-mobile", "description": "A mobile UI toolkit, based on Vue.js 2, designed for financial scenes."}, {"name": "NutUI", "url": "https://github.com/jdf2e/nutui/", "description": "A Vue.js 2.0 UI Toolkit for Mobile Web", "stars": "6.5k"}, {"name": "keen-ui", "url": "https://github.com/JosephusPaye/Keen-UI", "description": "A lightweight collection of essential UI components written with Vue and inspired by Material Design.", "stars": "4.1k"}, {"name": "uiv", "url": "https://github.com/uiv-lib/uiv", "description": "Bootstrap3 components implemented by Vue2.", "stars": "940"}, {"name": "Essential JS 2 for Vue", "url": "https://www.syncfusion.com/products/vue", "description": "Full-featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc."}, {"name": "jqwidgets", "url": "https://www.jqwidgets.com/vue/", "description": "70+ Vue.js 2.0 UI Components with Material Design themes."}, {"name": "Kendo UI for Vue", "url": "https://www.telerik.com/kendo-vue-ui/components/", "description": "Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap."}, {"name": "element-pro-components", "url": "https://github.com/tolking/element-pro-components", "description": "", "stars": "322"}, {"name": "TW Elemetns for Vue", "url": "https://tw-elements.com/docs/standard/integrations/vue-integration/", "description": "Vue integration with Tailwind CSS - a free, open-source UI Kit"}, {"name": "Origin UI Vue", "url": "https://originui-vue.pages.dev/", "description": "Beautiful UI components built with Tailwind CSS and Vue"}, {"name": "@todovue/tv-ui", "url": "https://github.com/TODOvue/tv-ui", "description": "A customizable, accessibility-first UI component library for Vue 3. [Docs](https://ui.todovue.blog/)", "stars": "1"}, {"name": "Vue Material Admin", "url": "https://github.com/tookit/vue-material-admin", "description": "A vue material design admin template [Online Demo](https://vma.isocked.com/#/dashboard)", "stars": "2.3k"}, {"name": "dashboard", "url": "https://github.com/zce/dashboard", "description": "A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. [Online Demo](https://dashboard.zce.me)", "stars": "559"}, {"name": "vue-pro-sidebar", "url": "https://github.com/boussadjra/vue-pro-sidebar", "description": "", "stars": "83"}, {"name": "vuestic-admin", "url": "https://github.com/epicmaxco/vuestic-admin", "description": "Vue Admin Dashboard built with Vue 3 and `vuestic-ui`.", "stars": "11k"}, {"name": "Materio-vuetify-vuejs-admin-template-free", "url": "https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free", "description": "A Production ready, carefully crafted, most comprehensive Vuetify Vuejs admin template. [Live demo](https://themeselection.com/demo/materio-vuetify-vuejs-admin-template-free/demo/dashboard)", "stars": "957"}, {"name": "Tailmin", "url": "https://github.com/otezz/tailmin", "description": "Admin dashboard built with Vue.js and Tailwind CSS. [Live demo](https://tailmin.vercel.app/)", "stars": "58"}, {"name": "Admin One Vue 3 Tailwind dashboard", "url": "https://github.com/justboil/admin-one-vue-tailwind", "description": "Vue.js 3 Tailwind CSS admin template with dark mode.", "stars": "2.5k"}, {"name": "Mosaic - Vue Admin TailwindCSS template", "url": "https://github.com/cruip/vuejs-admin-dashboard-template", "description": "The All-in-one Tailwind CSS Admin Dashboard Template.", "stars": "303"}, {"name": "vue-admin-box", "url": "https://github.com/cmdparkour/vue-admin-box", "description": "The admin template based on vue3 and element-plus. [Live demo](https://cmdparkour.github.io/vue-admin-box/dist/)", "stars": "1.8k"}, {"name": "argon-dashboard-vue3", "url": "https://github.com/ltv/argon-dashboard-vue3", "description": "Template, Element Plus & TailwindCSS 3, Vue3.", "stars": "169"}, {"name": "Dolphin Admin", "url": "https://github.com/bit-ocean-studio/dolphin-admin-vue", "description": "An open source, free, lightweight, out-of-the-box, internationalized admin template based on Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS. [Live demo](https://dolphin-admin-vue.bit-ocean.studio/)", "stars": "66"}, {"name": "vue-vben-admin", "url": "https://github.com/vbenjs/vue-vben-admin", "description": "A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast\uff01 [Live demo](https://vben.vvbin.cn/)", "stars": "32k"}, {"name": "Geeker-Admin", "url": "https://github.com/HalseySpicy/Geeker-Admin", "description": "A set of open source backend management framework based on Vue3 + TypeScript + Element Plus. [Live demo](https://admin.spicyboy.cn)", "stars": "8k"}, {"name": "gin-vue-admin", "url": "https://github.com/flipped-aurora/gin-vue-admin", "description": "\ud83d\ude80Vite+Vue3+Gin development basic platform. [Live demo](https://demo.gin-vue-admin.com)", "stars": "25k"}, {"name": "adminforth", "url": "https://adminforth.dev", "description": "Vue + Node + Tailwind admin framework. [Live Demo](https://demo.adminforth.dev)"}, {"name": "soybean-admin", "url": "https://github.com/soybeanjs/soybean-admin/blob/main/README.en_US.md", "description": "A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite5, TypeScript, Pinia, NaiveUI and UnoCSS.", "stars": "14k"}, {"name": "AirPower4T", "url": "https://github.com/AirPowerTeam/AirPower4T", "description": "A development library based on Vue3, TypeScript, Element Plus, Vite which provides lots of Backend-Platform features such as `OOP` `Decoration` to make your development more efficient.", "stars": "4"}, {"name": "YummyAdmin", "url": "https://github.com/doroudi/YummyAdmin", "description": "\ud83d\udcc8 Free Vue Admin Panel based on Naive UI and TailwindCSS. fairly completed with beautiful design, RTL support, and multilingual. (MSW, Pinia, TS, UnoCss, Vite)", "stars": "64"}, {"name": "Nuxt.js", "url": "https://github.com/nuxt/nuxt.js", "description": "Versatile Vue.js Framework.", "stars": "60k"}, {"name": "VuePress", "url": "https://github.com/vuejs/vuepress", "description": "Minimalistic Vue-powered static site generator.", "stars": "23k"}, {"name": "\u00eeles", "url": "https://github.com/ElMassimo/iles", "description": "Islands of interactivity, the joyful site generator", "stars": "1.1k"}, {"name": "VitePress", "url": "https://github.com/vuejs/vitepress", "description": "Vite & Vue powered static site generator.", "stars": "17k"}, {"name": "CabloyJS", "url": "https://github.com/zhennann/cabloy", "description": "", "stars": "968"}, {"name": "DataFormsJS", "url": "https://github.com/dataformsjs/dataformsjs", "description": "A minimal routing and web service framework that uses Vue as a templating engine.", "stars": "197"}, {"name": "Vue-Low-Code", "url": "https://github.com/KlausSchaefers/vue-low-code", "description": "Low Code toolkit that can generate VUE apps from Quant-UX prototypes", "stars": "387"}, {"name": "vue-notion", "url": "https://github.com/janniks/vue-notion", "description": "An unofficial Notion renderer \u2013 Use Notion as a CMS for Vue (e.g. Nuxt)", "stars": "919"}, {"name": "Fes.js", "url": "https://github.com/WeBankFinTech/fes.js/blob/master/README.en-US.md", "description": "An easy-to-use front-end application framework based on vue3.", "stars": "1.6k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 UI Layout", "entries": [{"name": "vue-grid-layout", "url": "https://github.com/jbaysolutions/vue-grid-layout", "description": "A draggable and resizable grid layout, for Vue.js.", "stars": "7.4k"}, {"name": "vue-masonry", "url": "https://github.com/shershen08/vue-masonry", "description": "Vue.js directive for masonry blocks layouting.", "stars": "694"}, {"name": "vue-virtual-scroll-list", "url": "https://github.com/tangbc/vue-virtual-scroll-list", "description": "A vue (2.x) component support big data by using virtual scroll list.", "stars": "4.5k"}, {"name": "vue-virtual-scroller", "url": "https://github.com/Akryum/vue-virtual-scroller", "description": "Component to scroll a large amount of elements efficiently (Vue 2.x).", "stars": "11k"}, {"name": "dnd-grid", "url": "https://github.com/dattn/dnd-grid", "description": "A vuejs grid with draggable and resizable boxes", "stars": "308"}, {"name": "vue-fullpage.js", "url": "https://github.com/alvarotrigo/vue-fullpage.js", "description": "Official fullPage.js component for Vue.js.", "stars": "1.9k"}, {"name": "splitpanes", "url": "https://github.com/antoniandre/splitpanes", "description": "A Vue JS reliable, simple and touch-ready panes splitter / resizer.", "stars": "2.2k"}, {"name": "vue-simple-drawer", "url": "https://github.com/dreambo8563/vue-simple-drawer", "description": "A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down", "stars": "58"}, {"name": "fit-screen", "url": "https://github.com/jp-liu/fit-screen", "description": "A vue component based on the scale large screen adaptive solution.", "stars": "86"}, {"name": "vue-virtual-waterfall", "url": "https://github.com/lhlyu/vue-virtual-waterfall", "description": "A virtual waterfall component for Vue 3.x.", "stars": "237"}, {"name": "vue-stack-grid", "url": "https://github.com/chiribuc/vue-stack-grid", "description": "A Vue 3 component designed to make creating dynamic, responsive grid layouts easy and efficient.", "stars": "12"}, {"name": "virtual-scroll", "url": "https://github.com/pdanpdan/virtual-scroll", "description": "High-performance Vue 3 virtual scroll library designed to handle massive lists with ease. Supports vertical, horizontal, and bidirectional (grid) scrolling, dynamic item sizes using ResizeObserver, full support for Right-to-Left (RTL) layouts, build in a11y.", "stars": "2"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 UI Components", "entries": [{"name": "ag-grid-vue", "url": "https://github.com/ag-grid/ag-grid", "description": "Vue adaptor for ag-Grid.", "stars": "15k"}, {"name": "vue-grid", "url": "https://github.com/dzwillia/vue-grid", "description": "A flexible grid component for Vue.js", "stars": "112"}, {"name": "vue-crud-x", "url": "https://github.com/ais-one/cookbook", "description": "Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.", "stars": "461"}, {"name": "Vue Datatable", "url": "https://github.com/laravel-enso/vuedatatable", "description": "VueJS powered Datatable with Laravel server-side loading and JSON template setup", "stars": "631"}, {"name": "vue-cheetah-grid", "url": "https://github.com/future-architect/cheetah-grid", "description": "A high-performance grid engine that work on a canvas for Vue.js.", "stars": "1.5k"}, {"name": "vue-table-component", "url": "https://vue-table-component.spatie.be/", "description": "A straight to the point Vue component to display tables."}, {"name": "@ioi-dev/vue-table", "url": "https://github.com/Rawand-Hawez/ioi-vue-table", "description": "Performance-first Vue 3 datatable with virtualization, selection, editing, and CSV export.", "stars": "0"}, {"name": "@lossendae/vue-table", "url": "https://lossendae.github.io/vue-table", "description": "Simple table component for Vue.js 2.x with pagination and sortable columns."}, {"name": "vueye-datatable", "url": "https://github.com/boussadjra/vueye-table", "description": "Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.", "stars": "112"}, {"name": "fancy-grid-vue", "url": "https://github.com/FancyGrid/FancyGrid", "description": "Vue adaptor for FancyGrid.", "stars": "216"}, {"name": "vue-quintable", "url": "https://github.com/Quintetio/vue-quintable", "description": "A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x", "stars": "31"}, {"name": "vue-datagrid", "url": "https://github.com/revolist/vue-datagrid", "description": "Vue grid wrapper for powerful webcomponent revo-grid with excel like rich edit and behavior.", "stars": "212"}, {"name": "vue-dataset", "url": "https://github.com/kouts/vue-dataset", "description": "A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities!", "stars": "225"}, {"name": "jz-gantt", "url": "https://github.com/jeremyjone/jz-gantt", "description": "A high-performance Vue gantt component, which includes highly customizable table columns, dynamic update data, freely drag the progress bar, switch header, etc.", "stars": "331"}, {"name": "vue3-easy-data-table", "url": "https://github.com/HC200ok/vue3-easy-data-table", "description": "A easy-to-use data table component made with Vue.js 3.x, referring to the API and UI of data table component in Vuetify 2.", "stars": "557"}, {"name": "tanstack-table", "url": "https://github.com/tanstack/table", "description": "Headless UI for building powerful tables & datagrids.", "stars": "28k"}, {"name": "vuetify-drilldown-table", "url": "https://github.com/webdevnerdstuff/vuetify-drilldown-table", "description": "The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's v-data-table and v-data-table-server. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.", "stars": "18"}, {"name": "vxe-table", "url": "https://github.com/x-extends/vxe-table", "description": "Vue form/table solution.", "stars": "8.5k"}, {"name": "hy-vue-gantt", "url": "https://github.com/Xeyos88/HyVueGantt", "description": "A powerful and flexible Gantt chart component for Vue 3 applications.", "stars": "39"}, {"name": "Vue3 Pivottable", "url": "https://github.com/vue-pivottable/vue3-pivottable", "description": "A Vue 3 port of the jQuery-based PivotTable.js.", "stars": "11"}, {"name": "GridSheet", "url": "https://github.com/walkframe/gridsheet", "description": "Highly customizable spreadsheet engine with formula support, multi-sheet references, and a Vue3 wrapper built on a Preact core.", "stars": "190"}, {"name": "@witqq/spreadsheet", "url": "https://github.com/witqq/spreadsheet", "description": "A canvas-based spreadsheet engine with zero dependencies, rendering 100K+ rows at 60fps with sorting, filtering, formulas, and collaboration.", "stars": "8"}, {"name": "Jordium Gantt Vue3", "url": "https://github.com/nelson820125/jordium-gantt-vue3", "description": "Vue3 Gantt chart component with Resource View, task dependencies, and project scheduling capabilities.", "stars": "70"}, {"name": "VueToastify", "url": "https://github.com/nandi95/vue-toastify", "description": "A fuss free notification component.", "stars": "233"}, {"name": "@kyvg/vue3-notification", "url": "https://github.com/kyvg/vue3-notification", "description": "Vue 3 notification library", "stars": "399"}, {"name": "notivue", "url": "https://github.com/smastrom/notivue", "description": "Fully-featured notification system for Vue 3 and Nuxt 3.", "stars": "864"}, {"name": "Toastflow", "url": "https://github.com/adrianjanocko/toastflow", "description": "\ud83d\udca1 Headless toast (notification) engine + Vue 3 renderer (TS-first, CSS-first theming, highly customizable).", "stars": "166"}, {"name": "epic-spinners", "url": "https://github.com/epicmaxco/epic-spinners", "description": "Easy to use css spinners collection with vue.js integration.", "stars": "3.9k"}, {"name": "vue-ellipse-progress", "url": "https://github.com/setaman/vue-ellipse-progress", "description": "A flexible Vue.js component to create beautiful animated circular progress bars and loaders", "stars": "372"}, {"name": "vue-default-page", "url": "https://github.com/zero-one-code/vue-default-page", "description": "A Vue 3.0 plugin with built-in v-loading, v-skeleton, v-error and v-empty custom directives.", "stars": "34"}, {"name": "vue-skeleton-content-loader", "url": "https://github.com/willmendesneto/vue-skeleton-content-loader", "description": "Lightweight and accessible library to make beautiful, animated loading skeletons that automatically adapt to your Vue app", "stars": "3"}, {"name": "vue-scroll-progress", "url": "https://github.com/spemer/vue-scroll-progress", "description": "Simple Vue.js plugin for page scroll progress bar", "stars": "100"}, {"name": "vue-ins-progress-bar", "url": "https://github.com/meloalright/vue-ins-progress-bar", "description": "A Vue component of ins-style progress bar \u4e00\u6b3e ins \u98ce\u683c\u7684 vue \u8fdb\u5ea6\u6761\u7ec4\u4ef6", "stars": "329"}, {"name": "vue-next-progressbar", "url": "https://github.com/jambonn/vue-next-progressbar", "description": "Slim progress bars(1KB gzipped) for Vue 3.", "stars": "8"}, {"name": "css-3d-progress", "url": "https://github.com/rofixro/css-3d-progress", "description": "A 3D progress bar component written using web Components, supports Vue, React and Svelte.", "stars": "3"}, {"name": "v-tooltip", "url": "https://github.com/Akryum/vue-tooltip", "description": "Easy tooltips with Vue 2.x.", "stars": "3.5k"}, {"name": "vue-popper-lite", "url": "https://github.com/jambonn/vue-popper-lite", "description": "A popover component based on [popper.js tree shaking](https://popper.js.org/docs/v2/#popper-lite-tree-shaking) for Vue 3 written by TypeScript.", "stars": "4"}, {"name": "vodal", "url": "https://github.com/chenjiahan/vodal", "description": "A vue modal with animations.", "stars": "379"}, {"name": "v-viewer", "url": "https://github.com/mirari/v-viewer", "description": "Image viewer component for vue2 and vue3, supports rotation, scale, zoom and so on, based on [viewer.js (\u2b508.2k)](https://github.com/fengyuanchen/viewerjs)", "stars": "2.6k"}, {"name": "vuejs-dialog", "url": "https://github.com/Godofbrowser/vuejs-dialog", "description": "A lightweight, promise based alert, prompt and confirm dialog.", "stars": "351"}, {"name": "v-dialogs", "url": "https://github.com/TerryZ/v-dialogs", "description": "A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x", "stars": "135"}, {"name": "vue-sweetalert2", "url": "https://github.com/avil13/vue-sweetalert2", "description": "wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR", "stars": "667"}, {"name": "@kouts/vue-modal", "url": "https://github.com/kouts/vue-modal", "description": "A customizable, stackable and lightweight modal component that adheres to the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.", "stars": "124"}, {"name": "vue-final-modal", "url": "https://github.com/hunterliu1003/vue-final-modal", "description": "", "stars": "1k"}, {"name": "vue-it-bigger", "url": "https://github.com/haiafara/vue-it-bigger", "description": "A simple image / (YouTube) video lightbox component for Vue.js.", "stars": "191"}, {"name": "vuejs-confirm-dialog", "url": "https://github.com/harmyderoman/vuejs-confirm-dialog", "description": ":speech\\_balloon: a simple way to create, reuse, promisify and build chains of modal dialogs in Vue.js.", "stars": "61"}, {"name": "@kolirt/vue-modal", "url": "https://github.com/kolirt/vue-modal", "description": "\u26a1\ufe0f Simple Vue3 modal package", "stars": "19"}, {"name": "vuetify-resize-drawer", "url": "https://github.com/webdevnerdstuff/vuetify-resize-drawer", "description": "The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.", "stars": "32"}, {"name": "vue3-marquee", "url": "https://github.com/megasanjay/vue3-marquee", "description": "A simple and responsive marquee component for Vue 3 applications with 0 dependencies.", "stars": "783"}, {"name": "vue-tree-navigation", "url": "https://github.com/MisRob/vue-tree-navigation", "description": "Vue.js 2 tree navigation with vue-router support", "stars": "160"}, {"name": "v-selectmenu", "url": "https://github.com/TerryZ/v-selectmenu", "description": "A simple, easier and highly customized menu solution for Vue2.", "stars": "191"}, {"name": "vue-navigation-bar", "url": "https://github.com/johndatserakis/vue-navigation-bar", "description": "A simple, pretty navbar for your Vue projects.", "stars": "192"}, {"name": "vue-file-toolbar-menu", "url": "https://github.com/motla/vue-file-toolbar-menu", "description": "UI file/toolbar menus for Vue apps", "stars": "154"}, {"name": "v-dropdown-menu", "url": "https://github.com/RadKod/v-dropdown-menu", "description": "Customizable dropdown menu plugin for vuejs. SSR supported.", "stars": "33"}, {"name": "vue-bottom-sheet", "url": "https://github.com/webzlodimir/vue-bottom-sheet", "description": "A swipeable bottom sheet component for Vue.js created with Hammer.js", "stars": "232"}, {"name": "vue-awesome-sidebar", "url": "https://github.com/amirkian007/vue-awesome-sidebar", "description": "A modern and fast sidebar menu component for vue(3x) capable with vue-router.", "stars": "54"}, {"name": "vue-use-fixed-header", "url": "https://github.com/smastrom/vue-use-fixed-header", "description": "Turn your boring fixed header into a smart one.", "stars": "67"}, {"name": "navpress", "url": "https://github.com/aaronlamz/navpress", "description": "NavPress is a CLI tool for generating static navigation websites. It allows you to quickly build a navigation site through a configuration file.", "stars": "0"}, {"name": "vue-my-dropdown", "url": "https://github.com/david-cm-dev/vue-my-dropdown", "description": "A customizable dropdown component for Vue 3 with TypeScript support.", "stars": "31"}, {"name": "vue-easy-slider", "url": "https://github.com/shhdgit/vue-easy-slider", "description": "Slider Component of Vue.js.", "stars": "357"}, {"name": "vue-flux", "url": "https://github.com/deulos/vue-flux", "description": "Image slider which comes with 20 cool transitions.", "stars": "549"}, {"name": "@egjs/vue-flicking", "url": "https://github.com/naver/egjs-flicking/blob/master/packages/vue3-flicking/README.md", "description": "It's reliable, flexible and extendable carousel for Vue.js 2 & 3.", "stars": "2.9k"}, {"name": "swiper", "url": "https://github.com/nolimits4web/swiper", "description": "Official Swiper component for Vue 3. Tree shakable, SSR support, typing, a11y and a lot more", "stars": "42k"}, {"name": "vue-concise-carousel", "url": "https://github.com/jambonn/vue-concise-carousel", "description": "Vue Concise Carousel with True SSR. Works for Vue 2 & 3.", "stars": "24"}, {"name": "vue3-carousel", "url": "https://github.com/ismail9k/vue3-carousel", "description": "A highly customizable, lightweight Vue 3 carousel component for your next awesome project.", "stars": "877"}, {"name": "vue-snap", "url": "https://github.com/bartdominiak/vue-snap", "description": "\ud83c\udf3f Modern and lightweight Vue 3 Carousel powered by CSS Scroll Snap.", "stars": "168"}, {"name": "vue-chartjs", "url": "https://github.com/apertureless/vue-chartjs", "description": "Vue.js wrapper for Chart.js.", "stars": "5.7k"}, {"name": "vue-chartkick", "url": "https://github.com/ankane/vue-chartkick", "description": "Create beautiful JavaScript charts with one line of Vue", "stars": "750"}, {"name": "vue-apexcharts", "url": "https://github.com/apexcharts/vue-apexcharts", "description": "Vue.js component for [ApexCharts (\u2b5015k)](https://github.com/apexcharts/apexcharts.js).", "stars": "1.3k"}, {"name": "vue-css-donut-chart", "url": "https://github.com/dumptyd/vue-css-donut-chart", "description": "Lightweight Vue component for drawing pure CSS donut charts.", "stars": "127"}, {"name": "ZingChart-Vue", "url": "https://github.com/zingchart/zingchart-vue", "description": "Vue component made by ZingChart with 35+ chart types.", "stars": "25"}, {"name": "flowchart-vue", "url": "https://github.com/joyceworks/flowchart-vue", "description": "Flowchart & Flowchart designer component for Vue.js.", "stars": "359"}, {"name": "vue-echarts", "url": "https://github.com/ecomfe/vue-echarts", "description": "Vue.js component for Apache ECharts\u2122.", "stars": "11k"}, {"name": "vue-data-ui", "url": "https://github.com/graphieros/vue-data-ui", "description": "Vue 3 chart library with 60+ components. Official site: <https://vue-data-ui.graphieros.com/>", "stars": "2.3k"}, {"name": "vue-speedometer", "url": "https://github.com/palerdot/vue-speedometer", "description": "Vue component for showing speedometer like gauge using d3.", "stars": "64"}, {"name": "v-idle", "url": "https://github.com/malekim/v-idle", "description": "A Vue.js plugin to detect idle/non-active users.", "stars": "69"}, {"name": "vue-timer-hook", "url": "https://github.com/riderx/vue-timer-hook", "description": "Vue 3 Timer module inspired by react-timer-hook", "stars": "183"}, {"name": "vue-simple-calendar", "url": "https://github.com/richardtallent/vue-simple-calendar", "description": "Flexbox-based Vue month calendar component; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.", "stars": "931"}, {"name": "vue-functional-calendar", "url": "https://github.com/ManukMinasyan/vue-functional-calendar", "description": "Lightweight, high performance calendar component(Date Picker, Date Range) based on Vue.", "stars": "476"}, {"name": "vue-cal", "url": "https://github.com/antoniandre/vue-cal", "description": "A Vue JS full calendar, no dependency, no BS. \ud83e\udd18.", "stars": "283"}, {"name": "vue-spring-calendar", "url": "https://github.com/boussadjra/vue-spring-calendar", "description": "It's a Vue based component which provides the functionality of a full-calendar that shows daily events. the [`demo`](https://boussadjra.github.io/vue-spring-calendar/).", "stars": "43"}, {"name": "vue-tailwind-datepicker", "url": "https://github.com/elreco/vue-tailwind-datepicker", "description": "A Vue 3 Datepicker using Tailwind CSS 3", "stars": "251"}, {"name": "qalendar", "url": "https://github.com/tomosterlund/qalendar", "description": "An event calendar and datepicker for Vue 3", "stars": "295"}, {"name": "schedule-x", "url": "https://github.com/schedule-x/schedule-x", "description": "A material design event calendar. Customizable, light- and dark modes & multilingual.", "stars": "2.2k"}, {"name": "vue-calendar", "url": "https://github.com/Kodeglot/vue-calendar", "description": "A fully-featured, customizable calendar date picker component for Vue 3 with built-in Tailwind CSS support. Perfect for building scheduling applications, event calendars, and date pickers.", "stars": "17"}, {"name": "vue-cesium", "url": "https://github.com/zouyaoji/vue-cesium", "description": "Vue 2.x & Vue 3.x components for Cesium.", "stars": "1.9k"}, {"name": "vue3-openlayers", "url": "https://github.com/MelihAltintas/vue3-openlayers", "description": "Vue 3 components to work with OpenLayers.", "stars": "792"}, {"name": "vue-mars3d", "url": "https://github.com/marsgis/mars3d-vue-template", "description": "Vue 2.x 3D earth visualization JS development platform.", "stars": "62"}, {"name": "vue-maplibre-gl", "url": "https://github.com/razorness/vue-maplibre-gl", "description": "Vue 3.x wrapper around Maplibre GL JS library written in TS. Including style switch and frame rate control.", "stars": "127"}, {"name": "@vue-leaflet/vue-leaflet", "url": "https://github.com/vue-leaflet/vue-leaflet", "description": "Vue 3 components for Leaflet (1.x) maps.", "stars": "860"}, {"name": "@maxel01/vue-leaflet", "url": "https://github.com/maxel01/vue-leaflet", "description": "Vue 3 components for Leaflet (2.x) maps.", "stars": "41"}, {"name": "mapmetrics-gl", "url": "https://github.com/MapMetrics/mapmetrics-gl", "description": "Mapbox GL JS-compatible mapping library with built-in tiles, geocoding, routing, and search.", "stars": "0"}, {"name": "vue-audio-visual", "url": "https://github.com/staskobzar/vue-audio-visual", "description": "Vue HTML5 audio visualization components.", "stars": "796"}, {"name": "vue-h5-audio-controls", "url": "https://github.com/cycjimmy/vue-h5-audio-controls", "description": "A simple h5 music controller for Vue.", "stars": "11"}, {"name": "vue-use-sound", "url": "https://github.com/vueuse/sound", "description": "A Vue Hook for playing sound effects.", "stars": "560"}, {"name": "Vue-Player", "url": "https://github.com/display-design-studio/vue-player", "description": "Lightweight, customizable, and easy-to-implement vue video player.", "stars": "11"}, {"name": "@egjs/vue-infinitegrid", "url": "https://github.com/naver/egjs-infinitegrid/blob/master/packages/vue-infinitegrid/", "description": "Arrange infinite card elements according to various layout types like masonry for Vue.js 2.", "stars": "2.3k"}, {"name": "virtua", "url": "https://github.com/inokawa/virtua", "description": "A zero-config, fast and small (\\~3kB) virtual list component for React and Vue", "stars": "3.5k"}, {"name": "vue-infinity", "url": "https://github.com/isaact/vue-infinity", "description": "An easy-to-use virtual list component for Vue 3. Supports configurable grid layout, horizontal/vertical scroll, scroll snapping, seeking, ssr", "stars": "147"}, {"name": "@f3ve/vue-markdown-it", "url": "https://github.com/f3ve/vue-markdown-it", "description": "A markdown-it component for Vue3. Easy to use and fully typed.", "stars": "36"}, {"name": "Vue Markdown", "url": "https://github.com/litingyes/vue-markdown", "description": "The vue component for render Markdown string, supports custom rendering of specific node types and better adapts to AI Chat Stream.", "stars": "5"}, {"name": "markdown-design", "url": "https://github.com/ZeroOneJs/markdown-design", "description": "An out-of-the-box Vue 3 Markdown component with real-time rendering, featuring TOC generation, full-text search, and more.", "stars": "3"}, {"name": "vue-pdf-embed", "url": "https://github.com/hrynko/vue-pdf-embed", "description": "PDF embed component for Vue 2 and Vue 3", "stars": "1k"}, {"name": "@tato30/vue-pdf", "url": "https://github.com/TaTo30/VuePDF", "description": "A PDF viewer for Vue 3. [Demo](https://tato30.github.io/VuePDF/)", "stars": "682"}, {"name": "sl-vue-tree", "url": "https://github.com/holiber/sl-vue-tree", "description": "A simple customizable draggable tree component for Vue.js", "stars": "350"}, {"name": "vue-finder", "url": "https://github.com/jledentu/vue-finder", "description": "A component to display hierarchical data, with selection, filtering and drag & drop", "stars": "160"}, {"name": "vnodes", "url": "https://github.com/txlabs/vnodes", "description": "General purpose components to create svg interactive graphs, diagrams or node based visual tools.", "stars": "140"}, {"name": "v-network-graph", "url": "https://github.com/dash14/v-network-graph", "description": "An interactive SVG based network-graph visualization component for Vue 3.", "stars": "635"}, {"name": "coya", "url": "https://github.com/AlexanderMykulych/coya", "description": "Diagram drawing library (vue3 only)", "stars": "75"}, {"name": "vue-skia", "url": "https://github.com/rustq/vue-skia", "description": "Skia based 2d graphics vue3 rendering library. It is based on Rust to implement software rasterization to perform rendering.", "stars": "325"}, {"name": "vue-flow", "url": "https://github.com/bcakmakoglu/vue-flow", "description": "Interactive, customizeabe, graph & flowchart editor for Vue3", "stars": "6.5k"}, {"name": "vue-share-modal", "url": "https://github.com/sttatusx/vue-share-modal", "description": "A pure, lightweight, and beautiful share modal for Vue 3.", "stars": "11"}, {"name": "vue3-social-sharing", "url": "https://github.com/hedint/vue3-social-sharing", "description": "Style agnostic Vue 3 plugin for social sharing your links on major social networks.", "stars": "21"}, {"name": "vue-qrcode-reader", "url": "https://github.com/gruhn/vue-qrcode-reader", "description": "A set of Vue.js components for detecting and decoding QR codes.", "stars": "2.3k"}, {"name": "vue3-qr-reader", "url": "https://github.com/HJ29/vue3-qr-reader", "description": "A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.", "stars": "92"}, {"name": "qrcode.vue", "url": "https://github.com/scopewu/qrcode.vue", "description": "A Vue.js component to generate qrcode. Supports both Vue 2 and Vue 3.", "stars": "811"}, {"name": "reactivesearch-vue", "url": "https://github.com/appbaseio/reactivesearch", "description": "UI components for building data-driven apps with Elasticsearch", "stars": "4.9k"}, {"name": "vue-search-input", "url": "https://github.com/kouts/vue-search-input", "description": "A Vue 3 search input component, inspired by the global search input of Storybook and GitHub.", "stars": "37"}, {"name": "vue-kanban", "url": "https://github.com/BrockReece/vue-kanban", "description": "A flexible drag and drop kanban board component", "stars": "830"}, {"name": "v-offline", "url": "https://github.com/vinayakkulkarni/v-offline", "description": "Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)", "stars": "378"}, {"name": "vue-connection-listener", "url": "https://github.com/Botre/vue-connection-listener", "description": "Vue event bus plugin listening for online/offline changes.", "stars": "88"}, {"name": "vue-prom", "url": "https://github.com/Botre/vue-prom", "description": "Vue promise wrapper component.", "stars": "145"}, {"name": "vue-identify-network", "url": "https://github.com/vinayakkulkarni/vue-identify-network", "description": "\u26a1\ufe0fIdentify what kinda internet your users are using!", "stars": "69"}, {"name": "vue-command", "url": "https://github.com/ndabAP/vue-command", "description": "A fully working Vue.js terminal emulator", "stars": "392"}, {"name": "vue-fixed-header", "url": "https://github.com/potato4d/vue-fixed-header", "description": "Simple and cross-browser friendly fixed header component for Vue.js written by TypeScript.", "stars": "167"}, {"name": "tsParticles", "url": "https://github.com/matteobruni/tsparticles", "description": "A lightweight Javascript library to easily create highly configurable and interactive particle animations", "stars": "8.8k"}, {"name": "vue-image-zoomer", "url": "https://github.com/samjonesigd/vue-image-zoomer", "description": "image zoom component for Vue.js 2 & 3, that also works on touch devices.", "stars": "117"}, {"name": "vue-advanced-chat", "url": "https://github.com/antoine92190/vue-advanced-chat", "description": "Feature-rich and fully customizable chat rooms component. Support files, images, videos, audio, emojis, customised actions, etc.", "stars": "2k"}, {"name": "vue-word-highlighter", "url": "https://github.com/kawamataryo/vue-word-highlighter", "description": "The word highlighter library for Vue 2 and Vue 3.", "stars": "340"}, {"name": "vue3-emoji-picker", "url": "https://github.com/delowardev/vue3-emoji-picker", "description": "Simple and Powerful Emoji Picker for Vue3.", "stars": "237"}, {"name": "vue-web-terminal", "url": "https://github.com/tzfun/vue-web-terminal", "description": "\ud83d\udcbb A feature-rich and powerful web terminal plugin for vue2 & vue3.(\u529f\u80fd\u5f3a\u5927\u7684\u7f51\u9875\u547d\u4ee4\u884c\u7ec8\u7aef\u63d2\u4ef6)", "stars": "344"}, {"name": "vite-plugin-vue-preview", "url": "https://github.com/liting-yes/vite-plugin-vue-preview", "description": "a vite plugin for code preview, of course you can also use the component separately", "stars": "40"}, {"name": "@kolirt/vue-web3-auth", "url": "https://github.com/kolirt/vue-web3-auth", "description": "\ud83d\udc8e Web3 authentication for Vue3 apps based on WalletConnect v2 and wagmi", "stars": "38"}, {"name": "zoom-image", "url": "https://willnguyen1312.github.io/zoom-image/", "description": "A little yet powerful framework agnostic library to zoom image on the web"}, {"name": "vue-wheel-spinner", "url": "https://github.com/ilyasozkurt/vue-wheel-spinner", "description": "A simple, customizable wheel of fortune component. [See Demo](https://vue-wheel-spinner-demo.vercel.app/)", "stars": "14"}, {"name": "vue-progress-circle", "url": "https://github.com/keiwen/vue-progress-circle", "description": "Circle progress bar component for vue3", "stars": "3"}, {"name": "vuehex", "url": "https://github.com/vvollers/vuehex", "description": "Fast, virtualized hex viewer and editor for Vue 3. View and edit binary data. [Demo](https://vvollers.github.io/vuehex/demo/)", "stars": "5"}, {"name": "vue-lumino", "url": "https://github.com/tupilabs/vue-lumino", "description": "A component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating DOM & VDOM through event listeners and Vue reactivity system.", "stars": "95"}, {"name": "vue3-tabor", "url": "https://github.com/daylenjeez/vue3-tabor", "description": "A versatile Vue 3 tabs component with rich API, supporting keep-alive and iframe integration.", "stars": "10"}, {"name": "vue-tel-input", "url": "https://github.com/EducationLink/vue-tel-input", "description": "International Telephone Input with Vue.", "stars": "879"}, {"name": "vue-scroll-picker", "url": "https://github.com/wan2land/vue-scroll-picker", "description": "A scroll picker component for Vue 2.x. Support all gestures of mouse(also wheel) and touch.", "stars": "294"}, {"name": "vue-roller-picker", "url": "https://github.com/keiwen/vue-roller-picker", "description": "Roll-designed selector component for vue3", "stars": "0"}, {"name": "vue-smooth-picker", "url": "https://github.com/hiyali/vue-smooth-picker", "description": "A SmoothPicker for Vue 3 (like native datetime picker of iOS)", "stars": "224"}, {"name": "form-create", "url": "https://github.com/xaboy/form-create", "description": "Form builder with dynamic rendering, data collection, validation, and submission capabilities, supporting json data", "stars": "7k"}, {"name": "vue3-otp-input", "url": "https://github.com/ejirocodes/vue3-otp-input", "description": "A fully customizable, OTP (one-time-password) input component built with Vue 3.x and Vue Composition API.", "stars": "125"}, {"name": "Vueform", "url": "https://vueform.com", "description": "(probably) the most comprehensive form builder for Vue.js [Online Demo](https://vueform.com/examples)"}, {"name": "Everright-formEditor", "url": "https://github.com/Liberty-liu/Everright-formEditor", "description": "A visual drag-and-drop low-code form editor", "stars": "511"}, {"name": "VCalendar", "url": "https://vcalendar.io/", "description": ""}, {"name": "vue-datepicker", "url": "https://github.com/mathieustan/vue-datepicker", "description": "A clean & responsive datepicker with Material Design style for Vuejs 2.x. (date/month/quarter && date range picker) :new:", "stars": "166"}, {"name": "vue-timepicker", "url": "https://github.com/manos02/vue3-time-picker", "description": "A lightweight, customizable timepicker component for Vue 3 with TypeScript support. Supports single/range selection, multiple formats, easy styling, validation and more.", "stars": "6"}, {"name": "vue-select", "url": "https://github.com/sagalbot/vue-select", "description": "A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.", "stars": "4.7k"}, {"name": "vue-multiselect", "url": "https://github.com/monterail/vue-multiselect", "description": "Universal select/multiselect/tagging component for Vue.js.", "stars": "6.8k"}, {"name": "v-region", "url": "https://github.com/TerryZ/v-region", "description": "A simple region selector, provide Chinese administrative division data.", "stars": "938"}, {"name": "v-selectpage", "url": "https://github.com/TerryZ/v-selectpage", "description": "A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server-side resources supports.", "stars": "248"}, {"name": "vue-cool-select", "url": "https://github.com/iliyaZelenko/vue-cool-select", "description": "Bootstrap / Material Design theme, support slots, autocomplete, events, validation and more.", "stars": "242"}, {"name": "vue-select-sides", "url": "https://github.com/juliorosseti/vue-select-sides", "description": "A component for Vue.js to select double-sided data (2-sides).", "stars": "69"}, {"name": "@vueform/multiselect", "url": "https://github.com/vueform/multiselect", "description": "Vue 3 multiselect component with single select, multiselect and tagging options.", "stars": "831"}, {"name": "vue3-select-component", "url": "https://github.com/TotomInc/vue3-select-component", "description": "Vue 3 Select Component, single & multi-select, best-in-class DX support with TypeScript end-to-end typesafe, easy styling, slots and more \\~4.4KB", "stars": "115"}, {"name": "vue-superselect", "url": "https://github.com/nemanjamalesija/vue-superselect", "description": "Headless, accessible, TypeScript-first select/combobox for Vue 3 with dual compound component and composable APIs.", "stars": "32"}, {"name": "Vue DnD Kit", "url": "https://github.com/zizigy/vue-dnd-kit", "description": "A lightweight, performant drag and drop toolkit for Vue 3 with composable API, keyboard navigation, accessibility support, and advanced customization options. Supports any cases, and touch devices. Inspired by React DnD Kit", "stars": "218"}, {"name": "vuedraggable-plus", "url": "https://github.com/Alfred-Skyblue/vue-draggable-plus", "description": "Vue component allowing drag-and-drop sorting module, support Vue>=v3 or Vue>=2.7. Based on Sortable.js.", "stars": "4k"}, {"name": "vue-draggable-resizable", "url": "https://github.com/mauricius/vue-draggable-resizable", "description": "Vue2 component for draggable and resizable elements.", "stars": "3.6k"}, {"name": "vue3-dnd", "url": "https://github.com/hcg1023/vue3-dnd", "description": "React DnD in Composition API implementation, Use the Composition API for sortable and free draggable, Supported Vue2, Vue3.", "stars": "716"}, {"name": "sortablejs-vue3", "url": "https://github.com/MaxLeiter/sortablejs-vue3", "description": "A Vue 3 component acting as a thin wrapper around SortableJS", "stars": "417"}, {"name": "vue-fluid-dnd", "url": "https://github.com/carlosjorger/vue-fluid-dnd", "description": "A Vue 3 drag and drop, sortable, dependency-free library with cool animations, a easy to use api using vue composables.", "stars": "517"}, {"name": "v-image", "url": "https://github.com/vinayakkulkarni/v-image", "description": "", "stars": "40"}, {"name": "radial-color-picker", "url": "https://github.com/radial-color-picker/vue-color-picker", "description": "Minimalistic color picker with a focus on size, accessibility and performance.", "stars": "102"}, {"name": "vue-color-input", "url": "https://github.com/gVguy/vue-color-input", "description": "Vue 3 color picker component whose goal is to replace `<input type=\"color\">`", "stars": "29"}, {"name": "vuetify-color-field", "url": "https://github.com/webdevnerdstuff/vuetify-color-field", "description": "Vuetify Color Field is a Vuetify VTextField Color Picker Component", "stars": "6"}, {"name": "vue-toggles", "url": "https://github.com/juliandreas/vue-toggles", "description": "A highly customizable and accessible toggle component", "stars": "54"}, {"name": "vue-collapsed", "url": "https://github.com/smastrom/vue-collapsed", "description": "Vue 3 CSS height transition from any to auto and vice versa. Accordion ready.", "stars": "167"}, {"name": "vue-enhanced-check", "url": "https://github.com/keiwen/vue-enhancedCheck", "description": "Enhanced checkboxes / radio input + toggle, components for vue 3", "stars": "16"}, {"name": "vue-r-mask", "url": "https://github.com/raidan00/vue-r-mask", "description": "Directive with template similar to javascript regular expression.", "stars": "22"}, {"name": "vue-currency-input", "url": "https://github.com/dm4t2/vue-currency-input", "description": "Easy input of currency formatted numbers for Vue.js.", "stars": "698"}, {"name": "vue-input-facade", "url": "https://github.com/RonaldJerez/vue-input-facade", "description": "A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous *vue-text-mask* but actively maintained and with lots of improvements after there.", "stars": "181"}, {"name": "vue-froala-wysiwyg", "url": "https://github.com/froala/vue-froala-wysiwyg", "description": "Official VueJS plugin for Froala WYSIWIG HTML Editor.", "stars": "649"}, {"name": "vue-trix", "url": "https://github.com/hanhdt/vue-trix", "description": "Simple and lightweight Trix rich-text editor for Vue.js", "stars": "252"}, {"name": "tiptap", "url": "https://github.com/heyscrumpy/tiptap", "description": "A renderless and extendable rich-text editor for Vue.js", "stars": "36k"}, {"name": "ckeditor5-vue", "url": "https://github.com/ckeditor/ckeditor5-vue", "description": "An official CKEditor 5 rich text editor component for Vue.js.", "stars": "384"}, {"name": "vue-quilly", "url": "https://github.com/alekswebnet/vue-quilly", "description": "\ud83e\udeb6 Tiny Vue 3 component, that helps to create Quill v2 based WYSIWYG editors.", "stars": "112"}, {"name": "vue-cropper", "url": "https://github.com/xyxiao001/vue-cropper", "description": "A picture clipping plugin for vue2.0", "stars": "4.6k"}, {"name": "vue-croppie", "url": "https://github.com/jofftiquez/vue-croppie", "description": "Yet another image cropper", "stars": "261"}, {"name": "vue-advanced-cropper", "url": "https://github.com/Norserium/vue-advanced-cropper", "description": "An advanced cropper that gives you opportunity to create almost any cropper that you desire", "stars": "1.2k"}, {"name": "vue-img-cutter", "url": "https://github.com/acccccccb/vue-img-cutter", "description": "A vue plugin for image cutting tool,it's very convenient to use.", "stars": "550"}, {"name": "vue-picture-cropper", "url": "https://github.com/chengpeiquan/vue-picture-cropper", "description": "A simple and easy-to-use picture cropping component for Vue 3.", "stars": "150"}, {"name": "vue-polygon-cropper", "url": "https://github.com/TaTo30/vue-polygon-cropper", "description": "A simple component to crop images in polygon shapes. [Demo](https://stackblitz.com/edit/vitejs-vite-urtqie?file=src%2FApp.vue)", "stars": "2"}, {"name": "TwicPics", "url": "https://github.com/TwicPics/components", "description": "Components replacing img and video tags with lazy loading, CLS optimization, and progressive loading out-of-the-box and enabling media optimization and manipulation.", "stars": "55"}, {"name": "hevue-img-preview", "url": "https://github.com/heyongsheng/hevue-img-preview", "description": "Image preview for Vue 2 & 3, supports mobile and desktop. [(demo)](https://heyongsheng.github.io/en/guide/profile.html)", "stars": "246"}, {"name": "vue-upload-component", "url": "https://github.com/lian-yue/vue-upload-component", "description": "Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0", "stars": "2.7k"}, {"name": "vue-poll", "url": "https://github.com/ppietris/vue-poll", "description": "A Vue.js component for voting", "stars": "133"}, {"name": "vue-diagrams", "url": "https://github.com/gwenaelp/vue-diagrams", "description": "Diagram component for vue.js, inspired by react-diagrams", "stars": "301"}, {"name": "vue-simple-password-meter", "url": "https://github.com/miladd3/vue-simple-password-meter", "description": "Lightweight password strength meter with no dependency", "stars": "102"}, {"name": "v-use-places-autocomplete", "url": "https://github.com/wobsoriano/v-use-places-autocomplete", "description": "\ud83d\udccd Vue composable for Google Maps Places Autocomplete.", "stars": "46"}, {"name": "vuetify-inline-fields", "url": "https://github.com/webdevnerdstuff/vuetify-inline-fields", "description": "Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.", "stars": "38"}, {"name": "vue-integer-plusminus", "url": "https://github.com/keiwen/vue-integer-plusminus", "description": "Integer input component for vue3 with increment and decrement buttons, fitting as spinbutton, allowing keyboard functionalities", "stars": "18"}, {"name": "vue-stepper-component", "url": "https://github.com/adi518/vue-stepper-component", "description": "A fully customizable Stepper component with Vuex support and Zero dependencies.", "stars": "110"}, {"name": "vue3-form-wizard", "url": "https://github.com/parsajiravand/vue3-form-wizard", "description": "Vue3-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.", "stars": "38"}, {"name": "vue-konva", "url": "https://github.com/rafaesc/vue-konva", "description": "Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.", "stars": "1.3k"}, {"name": "vue3-signature", "url": "https://github.com/WangShayne/vue3-signature", "description": "A electronic signature component for Vue 3", "stars": "122"}, {"name": "link-prevue", "url": "https://github.com/nivaldomartinez/link-prevue", "description": "Flexible component for generate a link preview.", "stars": "247"}, {"name": "vue-stage-play", "url": "https://github.com/f820602h/vue-stage-play", "description": "Step-by-step guided tour components for Vue3.", "stars": "43"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 UI Utilities", "entries": [{"name": "vue-global-events", "url": "https://github.com/shentao/vue-global-events/", "description": "A component to handle global events (like shortcuts) using Vue\u2019s event modifiers", "stars": "695"}, {"name": "vue-tabevents", "url": "https://github.com/Almoullim/vue-tabevents", "description": "Easy communication between other opened tabs", "stars": "33"}, {"name": "vue-exit-intent", "url": "https://github.com/nickap/vue-exit-intent", "description": "\u2728 Vue Composable to handle user's Exit Intent.", "stars": "26"}, {"name": "vue-responsive", "url": "https://github.com/reinerBa/Vue-Responsive", "description": "", "stars": "99"}, {"name": "Form Builder", "url": "https://github.com/laravel-enso/formbuilder", "description": "Json template based form builder, based on Vue and Laravel.", "stars": "123"}, {"name": "vue-autofocus-directive", "url": "https://github.com/Botre/vue-autofocus-directive", "description": "Vue autofocus directive.", "stars": "33"}, {"name": "FormKit", "url": "https://github.com/formkit/formkit", "description": "Vue 3 form development. 10x faster. Form inputs, validation, submission, error handling, generation, accessibility, theming, and more.", "stars": "4.7k"}, {"name": "vrf", "url": "https://github.com/dimailn/vrf", "description": "Declarative scalable ui-agnostic markup-based Vue forms.", "stars": "10"}, {"name": "tracked-instance", "url": "https://github.com/rudnik275/tracked-instance", "description": "Build large forms and track all changes.", "stars": "5"}, {"name": "Vorm", "url": "https://github.com/Flo0806/vorm", "description": "A dynamic, schema-driven and fully validated form engine for Vue 3 with zero dependencies and full slot control.", "stars": "20"}, {"name": "VueFormify", "url": "https://github.com/mateenagy/vue-formify", "description": "Build powerful, type-safe forms in Vue 3.", "stars": "60"}, {"name": "Enforma", "url": "https://encolajs.com/enforma/", "description": "UI agnostic, schema-ready form library for Vue 3. 30+ built-in validation rules. UI presets for Vuetify, PrimeVue and Quasar"}, {"name": "piying-view", "url": "https://github.com/piying-org/piying-view", "description": "Frontend Form Solution; strongly typed; Vue 3", "stars": "9"}, {"name": "Formisch", "url": "https://formisch.dev/vue/guides/introduction/", "description": "A form library with focus on performance, type safety and bundle size"}, {"name": "vee-validate", "url": "https://github.com/logaretm/vee-validate", "description": "Simple Vue.js input validation plugin.", "stars": "11k"}, {"name": "vuelidate", "url": "https://github.com/monterail/vuelidate", "description": "Simple, lightweight model-based validation for Vue.js.", "stars": "6.9k"}, {"name": "FormVuelar", "url": "https://github.com/janiskelemen/formvuelar", "description": "Vue form components with server-side validation in mind", "stars": "299"}, {"name": "vue-final-validate", "url": "https://phphe.github.io/vue-final-validate/", "description": "Vue validation solution from my development experience, support nested, async."}, {"name": "@vuito/vue", "url": "https://github.com/mathix420/vuito", "description": "Simple, lightweight, isomorphic, and template-based validation library.", "stars": "5"}, {"name": "vest", "url": "https://github.com/ealush/vest", "description": "\ud83e\uddba Declarative form validation framework inspired by unit testing.", "stars": "2.7k"}, {"name": "vorms", "url": "https://github.com/Mini-ghost/vorms", "description": "Vue Form Validate with Composition API.", "stars": "729"}, {"name": "regle", "url": "https://github.com/victorgarciaesgi/regle", "description": "\u2705 Headless form validation library for Vue.js.", "stars": "427"}, {"name": "validation-composable", "url": "https://github.com/nexxtmove/validation-composable", "description": "\u2705 Lightweight validation for Vue \u2014 just 40 lines of code.", "stars": "19"}, {"name": "vue-uform", "url": "https://github.com/tu6ge/vue-uform", "description": "an component-first, unstyled, flexible form validation library for Vue 3", "stars": "25"}, {"name": "vue-not-visible", "url": "https://github.com/PxyUp/vue-not-visible", "description": "Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.", "stars": "22"}, {"name": "vuescroll", "url": "https://github.com/YvesCoding/vuescroll", "description": "A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.", "stars": "1.3k"}, {"name": "vue-use-active-scroll", "url": "https://github.com/smastrom/vue-use-active-scroll", "description": "Highlight Vue 3 menu/sidebar links without compromises.", "stars": "98"}, {"name": "vue-router", "url": "https://github.com/vuejs/vue-router", "description": "The official router for Vue.js.", "stars": "19k"}, {"name": "v-route-generate", "url": "https://github.com/weiquanju/v-route-generate", "description": "A tool to generate routes for vue-router 4.x.", "stars": "13"}, {"name": "kitbag/router", "url": "https://github.com/kitbagjs/router", "description": "A type safe router for vuejs", "stars": "249"}, {"name": "unplugin-vue-router", "url": "https://github.com/posva/unplugin-vue-router", "description": "Next Generation file based typed routing for Vue Router.", "stars": "2.3k"}, {"name": "vue-lazy", "url": "https://github.com/bartdominiak/vue-lazy", "description": "Lightweight Image/Picture lazyload based on Intersection API", "stars": "3"}, {"name": "vue3-lazyload", "url": "https://github.com/jambonn/vue-lazyload", "description": "Vue module for lazy-loading images in your vue 3 applications.", "stars": "39"}, {"name": "vue-paginate-al", "url": "https://github.com/alziqziq/vue-paginate-al", "description": "Vue paginate with return your data.", "stars": "51"}, {"name": "vue-tiny-pagination", "url": "https://github.com/coderdiaz/vue-tiny-pagination", "description": "A Vue component for create a tiny pagination.", "stars": "19"}, {"name": "laravel-vue-pagination", "url": "https://github.com/gilbitron/laravel-vue-pagination", "description": "A Vue.js pagination component for Laravel paginators that works with Bootstrap.", "stars": "747"}, {"name": "vue-lpage", "url": "https://github.com/Botre/vue-lpage", "description": "Low-level Vue pagination component.", "stars": "5"}, {"name": "v-page", "url": "https://github.com/TerryZ/v-page", "description": "A simple pagination bar, including length Menu, i18n support, based on Vue2.x.", "stars": "101"}, {"name": "vue-use-paginator", "url": "https://github.com/Sun0fABeach/vue-use-paginator", "description": "Vue 3 use-hook to reactively paginate data and arrange paginator buttons. Completely renderless.", "stars": "17"}, {"name": "vueginate", "url": "https://github.com/lombervid/vueginate", "description": "A simple pagination component for Vue 3", "stars": "8"}, {"name": "vue-pagination", "url": "https://github.com/asika32764/vue-pagination/", "description": "A non-style pagination with composable that can integrate with any frameworks.", "stars": "7"}, {"name": "@nabaraj/vue-pagination", "url": "https://github.com/nabaraj/vue-pagination-npm-package", "description": "A lightweight Vue 3 pagination component with TypeScript types and customizable slots.", "stars": "0"}, {"name": "vue-animate", "url": "https://github.com/asika32764/vue-animate", "description": "A Vue.js port of Animate.css. For use with Vue's built-in transitions.", "stars": "1.4k"}, {"name": "v-odometer", "url": "https://github.com/JefferyHus/v-odometer", "description": "Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.", "stars": "101"}, {"name": "vue-slide-up-down", "url": "https://github.com/danieldiekmeier/vue-slide-up-down", "description": "", "stars": "202"}, {"name": "vue-kinesis", "url": "https://github.com/Aminerman/vue-kinesis", "description": "", "stars": "1.5k"}, {"name": "vue3-lottie", "url": "https://github.com/megasanjay/vue3-lottie", "description": "", "stars": "427"}, {"name": "@morev/vue-transitions", "url": "https://github.com/morevm/vue-transitions", "description": "", "stars": "220"}, {"name": "@formkit/auto-animate", "url": "https://github.com/formkit/auto-animate", "description": "", "stars": "14k"}, {"name": "blottie", "url": "https://github.com/Applelo/blottie", "description": "", "stars": "13"}, {"name": "vue-countup-v3", "url": "https://github.com/jizai1125/vue-countup-v3", "description": "", "stars": "185"}, {"name": "timered-counter", "url": "https://github.com/siaikin/timered-counter", "description": "", "stars": "7"}, {"name": "ssgoi", "url": "https://github.com/meursyphus/ssgoi", "description": "Native app-like page transitions with spring physics, 60fps on mobile, SSR-ready, and all modern browser support", "stars": "836"}, {"name": "Unhead", "url": "https://github.com/unjs/unhead", "description": "", "stars": "1.2k"}, {"name": "Official: Vue Teleport", "url": "https://vuejs.org/guide/built-ins/teleport", "description": ""}, {"name": "portal-vue", "url": "https://portal-vue.linusb.org/", "description": "A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)"}, {"name": "vue-svgicon", "url": "https://github.com/MMF-FE/vue-svgicon", "description": "A tool to create svg icon components. (vue 2.x).", "stars": "918"}, {"name": "vue-inline-svg", "url": "https://github.com/shrpne/vue-inline-svg", "description": "Vue component loads an SVG source dynamically and inline `<svg>` so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)", "stars": "187"}, {"name": "v-github-icon", "url": "https://github.com/vinayakkulkarni/v-github-icon", "description": "easily add \"that\" tiny GitHub icon on the right/left corner of your Vue components/libraries demos' \ud83e\udd19", "stars": "5"}, {"name": "VueGL", "url": "https://github.com/vue-gl/vue-gl", "description": "Vue.js components rendering 3D graphics reactively via three.js", "stars": "682"}, {"name": "TresJs", "url": "https://github.com/tresjs/tres", "description": "Declarative ThreeJS using Vue Components", "stars": "3.5k"}, {"name": "vue-fullscreen", "url": "https://github.com/mirari/vue-fullscreen", "description": "A simple Vue component for fullscreen, support Vue2 and Vue3.", "stars": "439"}, {"name": "vue-to-print", "url": "https://github.com/siaikin/vue-to-print", "description": "Print Vue 3 components in the browser. Supports Chrome, Safari, Firefox and EDGE.", "stars": "77"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Utilities", "entries": [{"name": "vueuse", "url": "https://github.com/vueuse/vueuse", "description": "Collection of essential Vue Composition API utils works for Vue 2.x and 3.x.", "stars": "22k"}, {"name": "vue-concurrency", "url": "https://github.com/MartinMalinda/vue-concurrency", "description": "library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.", "stars": "357"}, {"name": "vue-macros", "url": "https://vue-macros.dev", "description": "Explore and extend more macros and syntax sugar to Vue."}, {"name": "unplugin-vue-components", "url": "https://github.com/unplugin/unplugin-vue-components", "description": "\ud83d\udcf2 On-demand components auto importing for Vue.", "stars": "4.3k"}, {"name": "unplugin-auto-import", "url": "https://github.com/unplugin/unplugin-auto-import", "description": "Auto import Vue APIs on-demand for Vite, Webpack and Rollup.", "stars": "3.8k"}, {"name": "vue3-websocket", "url": "https://github.com/muzychenka/vue3-websocket", "description": "Validate incoming WebSocket data with Zod.", "stars": "10"}, {"name": "vue-facing-decorator", "url": "https://github.com/facing-dev/vue-facing-decorator", "description": "Vue 3 typescript class component decorators, like `vue-property-decorator` in Vue 2.", "stars": "401"}, {"name": "vue-api-query", "url": "https://github.com/robsontenorio/vue-api-query", "description": "Elegant and simple way to build requests for REST API.", "stars": "1.7k"}, {"name": "vue-request", "url": "https://github.com/Attojs/vue-request", "description": "\u26a1\ufe0f Vue 3 Composable for data fetching, supports SWR, polling, error retry, cache request, pagination, and other cool features.", "stars": "1.4k"}, {"name": "swrv", "url": "https://github.com/Kong/swrv", "description": "Stale-while-revalidate data fetching for Vue.", "stars": "2.3k"}, {"name": "vue-vroom", "url": "https://github.com/frederikbache/vue-vroom", "description": "A plugin for REST APIs, that lets you quickly generate type safe stores and a mock API with minimal config.", "stars": "11"}, {"name": "tanstack-query", "url": "https://github.com/tanstack/query", "description": "Powerful asynchronous state management.", "stars": "49k"}, {"name": "vscode-vue-i18n-ally", "url": "https://github.com/antfu/vue-i18n-ally", "description": "VSCode extension for better Vue-i18n experiences.", "stars": "4.8k"}, {"name": "v-intl", "url": "https://github.com/vinayakkulkarni/v-intl", "description": "Global Intl wrapper for your awesome Vue 3 app \ud83d\udd09", "stars": "14"}, {"name": "v-google-translate", "url": "https://github.com/i7eo/v-google-translate", "description": "A component that use google translate to internationalize your Vue.js app.", "stars": "303"}, {"name": "fluent-vue", "url": "https://github.com/Demivan/fluent-vue", "description": "Internationalization plugin for Vue.js (2 and 3). Vue.js integration for Fluent.js - JavaScript implementation of Project Fluent", "stars": "274"}, {"name": "vue-next-i18n", "url": "https://github.com/Aaronlamz/vue-next-i18n", "description": "A lightweight internationalization plugin for Vue 3.", "stars": "17"}, {"name": "tolgee/vue", "url": "https://github.com/tolgee/tolgee-js/tree/main/packages/vue", "description": "Web-based localization tool enabling users to translate directly in the Vue 3 app they develop.", "stars": "256"}, {"name": "intlify/vue-i18n-next", "url": "https://github.com/intlify/vue-i18n-next", "description": "Vue I18n for Vue 3.", "stars": "2.7k"}, {"name": "vue-intlayer", "url": "https://github.com/aymericzip/intlayer", "description": "Intlayer i18n solution for vue 3.", "stars": "649"}, {"name": "vue-tiny-translation", "url": "https://github.com/makio64/vue-tiny-translation", "description": "Super lightweight (0.32KB) reactive translation plugin for Vue 3. [Demo](https://vue-tiny-translation.netlify.app/)", "stars": "10"}, {"name": "Loccy", "url": "https://loccy.dev", "description": "Effortless Vue-i18n management in VS Code-based editors, featuring smart AI translations and key suggestions."}, {"name": "pinia", "url": "https://github.com/posva/pinia", "description": "\ud83c\udf4d Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support.", "stars": "15k"}, {"name": "effector", "url": "https://github.com/zerobias/effector", "description": "Fast and powerful reactive state manager. Effector lets you write simple, fast and type safe code and manage reactive state with ease.", "stars": "4.8k"}, {"name": "v-bucket", "url": "https://github.com/mediv0/v-bucket", "description": "\ud83d\udce6 Fast, Simple, and Lightweight State Management for Vue 3.0 built with composition API, inspired by Vuex.", "stars": "44"}, {"name": "vue-datatable-url-sync", "url": "https://github.com/socotecio/vue-datatable-url-sync", "description": "Synchronize datatable options and filters with the url to keep user preference even after refresh or navigation", "stars": "32"}, {"name": "harlem", "url": "https://github.com/andrewcourtice/harlem", "description": "Simple, unopinionated, lightweight and extensible state management for Vue 3", "stars": "516"}, {"name": "exome", "url": "https://github.com/Marcisbee/exome", "description": "Simple proxy based state manager for deeply nested states.", "stars": "280"}, {"name": "mobx-vue-lite", "url": "https://github.com/mobxjs/mobx-vue-lite", "description": "Lightweight Vue 3 bindings for MobX based on Composition API.", "stars": "80"}, {"name": "pinia-xstate", "url": "https://github.com/wobsoriano/pinia-xstate", "description": "Put your xstate state machines into a global pinia store.", "stars": "64"}, {"name": "pinia-orm", "url": "https://github.com/CodeDredd/pinia-orm", "description": "The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store. \ud83c\udf4d", "stars": "522"}, {"name": "pinia-persistedstate-2", "url": "https://github.com/iendeavor/pinia-plugin-persistedstate-2", "description": "Persist and rehydrate your Pinia state between page reloads.", "stars": "115"}, {"name": "@tauri-store/pinia", "url": "https://github.com/ferreira-tb/tauri-store/tree/main/packages/plugin-pinia", "description": "Persistent Pinia stores for Tauri.", "stars": "128"}, {"name": "pinia-plugin-unstorage", "url": "https://github.com/litingyes/pinia-plugin-unstorage", "description": "The best persistence plugin with unjs/unstorage for pinia.", "stars": "12"}, {"name": "@erlihs/pinia-plugin-storage", "url": "https://github.com/erlihs/pinia-plugin-storage", "description": "A comprehensive state persistence and synchronization, yet as simple as it can be.", "stars": "1"}, {"name": "vue-auth-href", "url": "https://github.com/nachodd/vue-auth-href", "description": "A VueJS directive for downloading files that are under a protected route schema", "stars": "17"}, {"name": "jsonapi-vuex", "url": "https://github.com/mrichar1/jsonapi-vuex", "description": "Use a JSONAPI api with a Vuex store, with client-side restructuring/normalization of records.", "stars": "154"}, {"name": "vuex-masked-modules", "url": "https://github.com/Silksofthesoul/vuex-masked-modules", "description": "A Vuex plugin put data structure of the module in localStorage, with the ability to mask or encrypt the data to make it difficult to explore. Designed for Vue 3 and Vuex 4.", "stars": "2"}, {"name": "vue-apollo", "url": "https://github.com/Akryum/vue-apollo", "description": "Apollo/GraphQL integration for VueJS.", "stars": "6k"}, {"name": "vue-types", "url": "https://github.com/dwightjack/vue-types", "description": "Vue Prop Types definitions.", "stars": "583"}, {"name": "eslint-plugin-vue", "url": "https://github.com/vuejs/eslint-plugin-vue", "description": "Eslint plugin for Vue.js projects.", "stars": "4.6k"}, {"name": "vue-ts-types", "url": "https://github.com/FloEdelmann/vue-ts-types", "description": "Lightweight TypeScript-first Vue prop type definitions.", "stars": "11"}, {"name": "fela-vue", "url": "https://github.com/houd1ni/fela-vue", "description": "CSS-IN-JS mixin for Vue designed for flexibility yet team-oriented.", "stars": "7"}, {"name": "vue-loader", "url": "https://github.com/vuejs/vue-loader", "description": "Webpack loader for Vue.js components.", "stars": "5k"}, {"name": "vue-jsx-hot-loader", "url": "https://github.com/skyrpex/vue-jsx-hot-loader", "description": "Enable HMR for Vue.js components with JSX render functions.", "stars": "41"}, {"name": "vite-svg-loader", "url": "https://github.com/jpkleemans/vite-svg-loader", "description": "Vite plugin to load SVG files as Vue components", "stars": "686"}, {"name": "vite-plugin-svg-sfc", "url": "https://github.com/Kaciras/vite-plugin-svg-sfc", "description": "", "stars": "6"}, {"name": "vue-page-stack", "url": "https://github.com/hezhongfeng/vue-page-stack", "description": "Routing and navigation for your Vue SPA. Vue \u5355\u9875\u5e94\u7528\u5bfc\u822a\u7ba1\u7406\u5668", "stars": "759"}, {"name": "vue-live", "url": "https://github.com/vue-styleguidist/vue-live", "description": "A component to demo components, inspired by react-live.", "stars": "268"}, {"name": "vue-safe-html", "url": "https://github.com/ecosia/vue-safe-html", "description": "Vue.js directive which renders sanitised HTML dynamically.", "stars": "32"}, {"name": "@skirtle/vue-vnode-utils", "url": "https://github.com/skirtles-code/vue-vnode-utils", "description": "Helper functions for working with slot VNodes inside render functions in Vue 3", "stars": "34"}, {"name": "vue-stripe-checkout", "url": "https://github.com/jofftiquez/vue-stripe-checkout", "description": "A simple vue plugin for Stripe checkout.", "stars": "1.1k"}, {"name": "vue-stripe-js", "url": "https://github.com/ectoflow/vue-stripe-js", "description": "Vue 3 components for Stripe.js", "stars": "181"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Integrations", "entries": [{"name": "vue-recaptcha", "url": "https://github.com/DanSnow/vue-recaptcha", "description": "Google reCAPTCHA component for Vue.js", "stars": "898"}, {"name": "vuefire", "url": "https://github.com/vuejs/vuefire", "description": "Official Firebase bindings for Vue.js", "stars": "3.9k"}, {"name": "vue-postgrest", "url": "https://github.com/technowledgy/vue-postgrest", "description": "Vue.js integration for postgREST: flexible, powerful and easy to use.", "stars": "89"}, {"name": "vue-tweet", "url": "https://github.com/DannyFeliz/vue-tweet", "description": "Vue 3 component that let you embed tweets in your App by only giving the tweet id", "stars": "45"}, {"name": "vue-tg", "url": "https://github.com/deptyped/vue-telegram", "description": "Telegram Web Apps integration for Vue 3.", "stars": "270"}, {"name": "vue-cli-plugin-chrome-extension-cli", "url": "https://github.com/sanyu1225/vue-cli-plugin-chrome-extension-cli", "description": "Vue CLI Plugin generate chrome extension template", "stars": "311"}, {"name": "vue-gtag", "url": "https://github.com/MatteoGabriele/vue-gtag", "description": "Global Site Tag plugin for Vue", "stars": "931"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Dev Tools", "entries": [{"name": "Storybook", "url": "https://storybook.js.org", "description": "The UI Development Environment. works with v3.2+ later."}, {"name": "Font Awesome Finder", "url": "https://chrome.google.com/webstore/detail/font-awesome-icon-finder/kjejboahkcobalmgldloeinebmbomgog", "description": "Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard."}, {"name": "Roundtable", "url": "https://github.com/askbudi/roundtable", "description": "Zero-configuration MCP server that unifies multiple AI assistants (Claude Code, Cursor, GPT-4, etc.) into a single development workflow for Vue.js projects.", "stars": "88"}, {"name": "Bit", "url": "https://github.com/teambit/bit", "description": "Manage and reuse `vue` components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.", "stars": "18k"}, {"name": "Vue Mess Detector", "url": "https://github.com/rrd108/vue-mess-detector", "description": "A static code analysis tool for \ud83d\udc49 detecting code smells and best practice violations in Vue.js and Nuxt.js projects", "stars": "354"}, {"name": "Vue Log Arsenal", "url": "https://github.com/MvdZon/Vue3-log-arsenal", "description": "Lightweight Vue 3 plugin providing logging directives for easier debugging", "stars": "38"}, {"name": "PocketMocker", "url": "https://github.com/tianchangNorth/pocket-mocker", "description": "Visual, browser-based HTTP mocking tool for front-end apps. Intercepts fetch/XHR, supports SmartMock rules, delay/error simulation and works great when developing Vue apps.", "stars": "554"}, {"name": "vite-plugin-vue-inspector", "url": "https://github.com/webfansplz/vite-plugin-vue-inspector", "description": "jump to editor source code while click the element of browser automatically.", "stars": "799"}, {"name": "vue-flow-vis", "url": "https://github.com/MiloradFilipovic/vue-flow-vis", "description": "real-time monitoring of component renders and reactive dependency tracking", "stars": "64"}, {"name": "Vuex CheatSheet", "url": "https://vuejs-tips.github.io/vuex-cheatsheet", "description": "Complete Interactive Vuex API."}, {"name": "vue-styleguidist", "url": "https://github.com/vue-styleguidist/vue-styleguidist", "description": "A style guide generator for Vue components with a living style guide.", "stars": "2.5k"}, {"name": "Vue Cheatsheet", "url": "https://vue-cheatsheet.themeselection.com/", "description": "The only Vue cheatsheet you will ever need"}, {"name": "Heroshot", "url": "https://github.com/omachala/heroshot", "description": "Automate documentation screenshots with Vue component integration and theme-aware output.", "stars": "28"}, {"name": "Dash", "url": "https://kapeli.com/dash", "description": "Offline API documentation browser for macOS with instant search access to Vue.js docs and 200+ other frameworks."}, {"name": "vue-hubble", "url": "https://github.com/crishellco/vue-hubble", "description": "A better way to select elements for UI testing in Vue.", "stars": "12"}, {"name": "Vue Testing Library", "url": "https://github.com/testing-library/vue-testing-library", "description": "Simple and complete testing utilities that encourage good testing practices. Based on DOM Testing Library and built upon the official Vue Test Utils.", "stars": "1.1k"}, {"name": "jest-serializer-vue-tjw", "url": "https://github.com/tjw-lint/vue3-snapshot-serializer", "description": "Improved formatting of Jest Snapshots", "stars": "15"}, {"name": "vitest", "url": "https://github.com/vitest-dev/vitest", "description": "Next generation testing framework powered by Vite.", "stars": "16k"}, {"name": "Vim Vue", "url": "https://github.com/posva/vim-vue", "description": "Syntax Highlight for Vue.js components.", "stars": "1.3k"}, {"name": "Vue Language Tools (Volar)", "url": "https://github.com/vuejs/language-tools", "description": "\u26a1The Fastest Vue Language Support Extension", "stars": "6.6k"}, {"name": "Vue VSCode Snippets", "url": "https://github.com/sdras/vue-vscode-snippets", "description": "Snippets that will supercharge your Vue workflow.", "stars": "1.3k"}, {"name": "Vue.js support for WebStorm", "url": "https://github.com/JetBrains/intellij-plugins/tree/master/vuejs", "description": "", "stars": "2.3k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Scaffold", "entries": [{"name": "Vite", "url": "https://github.com/vitejs/vite", "description": "Next generation frontend tooling. It's fast!", "stars": "79k"}, {"name": "Create Vue", "url": "https://github.com/vuejs/create-vue", "description": "", "stars": "4.4k"}, {"name": "vuesion", "url": "https://github.com/vuesion/vuesion", "description": "Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.", "stars": "2.9k"}, {"name": "ScaffoldHub.io", "url": "https://scaffoldhub.io", "description": "Generate full Vue applications with SQL, MongoDB or Firebase Firestore databases."}, {"name": "VuePlay", "url": "https://christiankienle.github.io/vueplay/", "description": "Generate disposable Vue playgrounds in seconds. Allows you to test things quickly."}, {"name": "Mevn-CLI", "url": "https://github.com/madlabsinc/mevn-cli", "description": "Light speed setup for MEVN stack based apps.", "stars": "830"}, {"name": "vue-enterprise-boilerplate", "url": "https://github.com/bencodezen/vue-enterprise-boilerplate", "description": "An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.", "stars": "7.8k"}, {"name": "vue-starters-directory", "url": "https://shershen08.github.io/vue-starters-directory/", "description": "Search for available scaffold projects and starter kits for VueJS. Features search and github stats are available."}, {"name": "Vue3-SPA-starter-template", "url": "https://github.com/M-Media-Group/Vue3-SPA-starter-template", "description": "A starter kit with Router, Pinia, i18n, Stripe, Event Bus, SEO meta and schema tag handling, and more.", "stars": "72"}, {"name": "vue-x-platforms", "url": "https://github.com/NativeScript/vue-x-platforms", "description": "Vue running on Web, iOS, Android and Vision Pro.", "stars": "21"}, {"name": "mevn-boilerplate", "url": "https://github.com/mustafacagri/mevn-boilerplate", "description": "\u2b50\ufe0f the most comprehensive mevn stack boilerplate. \u2b50\ufe0f mongodb - express - vue 3 (admin dashboard) - nodejs - nuxt 3 (client) boilerplate (pinia, tiptap, slug, vuetify and vuexy and more...) \ud83c\udf89", "stars": "243"}, {"name": "monorepo-template", "url": "https://github.com/Nagell/monorepo_template", "description": "\ud83d\uddc2\ufe0f Vue 3 monorepo template with pnpm, Nx, Vite, Tailwind CSS, Storybook, TypeScript, and ready-to-use shared libraries.", "stars": "5"}, {"name": "Vue.js/Nuxt.js full-featured boilerplate", "url": "https://github.com/GrabarzUndPartner/gp-vue-boilerplate", "description": "professional agency frontend template for building fast, robust, and adaptable web apps or sites by vuejs/nuxtjs.", "stars": "128"}, {"name": "electron-vite-template", "url": "https://github.com/umbrella22/electron-vite-template", "description": "A modern desktop application project template with Vue 3, Vite & Electron. **It's fast!**", "stars": "506"}, {"name": "Vutron", "url": "https://github.com/jooy2/vutron", "description": "Quick start templates for Vite + Electron + Vue 3 + Vuetify + TypeScript.", "stars": "328"}, {"name": "electron-vite-vue", "url": "https://github.com/electron-vite/electron-vite-vue", "description": "Really simple Electron + Vite + Vue boilerplate.", "stars": "4.9k"}], "notes": [], "source": "Vue"}, {"name": "Vue \u2014 Prerendering", "entries": [{"name": "vue-genesis", "url": "https://github.com/fmfe/genesis", "description": "\ud83d\udd25Micro front end, micro service and lightweight solution based on Vue SSR\ud83d\udd25", "stars": "665"}], "notes": [], "source": "Vue"}, {"name": "Ember \u2014 AST", "entries": [{"name": "ember-ast-helpers", "url": "https://github.com/cibernox/ember-ast-helpers", "description": "This library is a utility belt to make AST transforms and shield users as much as possible from the nuances of the AST, as it is still private API.", "stars": "40"}, {"name": "ember-template-recast", "url": "https://github.com/ember-template-lint/ember-template-recast", "description": "Non-destructive template transformer.", "stars": "40"}, {"name": "jscodeshift", "url": "https://github.com/facebook/jscodeshift", "description": "A JavaScript codemod toolkit.", "stars": "9.1k"}, {"name": "dyfactor", "url": "https://github.com/dyfactor/dyfactor", "description": "A platform for running codemods based on runtime information.", "stars": "8"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 a11y", "entries": [{"name": "ember-accessibility", "url": "https://github.com/coyote-labs/ember-accessibility", "description": "Addon to help identify accessibility violations during development.", "stars": "33"}, {"name": "e-a11y-modal", "url": "https://github.com/MelSumner/e-a11y-modal", "description": "A simple modal for accessible Ember.js applications.", "stars": "9"}, {"name": "ember-a11y-landmarks", "url": "https://github.com/ember-a11y/ember-a11y-landmarks", "description": "Ember.js addon to help with landmark roles for better accessibility.", "stars": "19"}, {"name": "ember-a11y", "url": "https://github.com/ember-a11y/ember-a11y", "description": "A collection of tools to build accessible Ember.js applications.", "stars": "82"}, {"name": "ember-component-focus", "url": "https://github.com/ember-a11y/ember-component-focus", "description": "A mixin for adding methods to your Ember.js components that help you manage the currently focused element.", "stars": "21"}, {"name": "ember-gestures", "url": "https://github.com/html-next/ember-gestures", "description": "Ember.js gestures provides an easy way to use gestures by making it simple to define and use HammerJS managers and recognizers throughout your app.", "stars": "160"}, {"name": "ember-steps", "url": "https://github.com/rwjblue/ember-steps", "description": "Declarative create wizards, tabbed UIs, and more.", "stars": "4"}, {"name": "ember-page-title", "url": "https://github.com/tim-evans/ember-page-title", "description": "Page title management for Ember.js Apps.", "stars": "187"}, {"name": "ember-self-focused", "url": "https://github.com/linkedin/self-focused/tree/master/packages/ember-self-focused", "description": "Focus on route on transition.", "stars": "35"}, {"name": "ember-keyboard", "url": "https://github.com/patience-tema-baron/ember-keyboard", "description": "An Ember.js addon for the painless support of keyboard events.", "stars": "177"}, {"name": "ember-a11y-testing", "url": "https://github.com/ember-a11y/ember-a11y-testing", "description": "A suite of accessibility tests that can be run within the Ember.js testing framework.", "stars": "137"}, {"name": "a11y-announcer", "url": "https://github.com/ember-a11y/a11y-announcer", "description": "An accessible ember route change announcer.", "stars": "44"}, {"name": "ember-a11y-refocus", "url": "https://github.com/MelSumner/ember-a11y-refocus", "description": "Provides an unobtrusive navigation narration element for Ember applications.", "stars": "18"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Adapters", "entries": [{"name": "ember-cli-markdown-resolver", "url": "https://github.com/willviles/ember-cli-markdown-resolver", "description": "Ember CLI addon for resolving markdown files in custom folders and retrieving content via a service.", "stars": "26"}, {"name": "ember-cloud-firestore-adapter", "url": "https://github.com/rmmmp/ember-cloud-firestore-adapter", "description": "Unofficial Ember Data Adapter and Serializer for Cloud Firestore.", "stars": "69"}, {"name": "ember-data-hal-9000", "url": "https://github.com/201-created/ember-data-hal-9000", "description": "An ember-data compatible ember-cli addon that provides a HAL adapter (HATEOAS).", "stars": "38"}, {"name": "ember-django-adapter", "url": "https://github.com/dustinfarris/ember-django-adapter", "description": "Ember CLI addon adapter for Django REST Framework.", "stars": "191"}, {"name": "ember-graphql-adapter", "url": "https://github.com/alphasights/ember-graphql-adapter", "description": "GraphQL adapter for Ember Data.", "stars": "245"}, {"name": "ember-indexeddb", "url": "https://github.com/mydea/ember-indexeddb", "description": "Utilities & adapter to work with IndexedDB in ember & ember-data.", "stars": "17"}, {"name": "ember-localforage-adapter", "url": "https://github.com/genkgo/ember-localforage-adapter", "description": "Offline usage for Ember Data.", "stars": "133"}, {"name": "ember-local-storage", "url": "https://github.com/funkensturm/ember-local-storage", "description": "The addon provides a storage for computed property that returns a proxy and persists the changes to localStorage or sessionStorage.", "stars": "218"}, {"name": "ember-pouch", "url": "https://github.com/pouchdb-community/ember-pouch", "description": "PouchDB/CouchDB adapter for Ember Data.", "stars": "280"}, {"name": "ember-wordpress", "url": "https://github.com/oskarrough/ember-wordpress", "description": "The bridge between Ember.js and WordPress.", "stars": "95"}, {"name": "emberfire", "url": "https://github.com/firebase/emberfire", "description": "Official Ember Data adapter for Firebase.", "stars": "685"}, {"name": "ninjafire", "url": "https://github.com/lineupninja/ninjafire", "description": "An ORM for Firebase written in Typescript.", "stars": "29"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Animations", "entries": [{"name": "ember-animated", "url": "https://github.com/ember-animation/ember-animated", "description": "[Web Animations with Ember js](https://www.youtube.com/watch?v=TSvnutA9PUE)", "stars": "244"}, {"name": "liquid-fire", "url": "https://github.com/ember-animation/liquid-fire", "description": "Animations & transitions for ambitious Ember.js applications.", "stars": "1.2k"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Authentication", "entries": [{"name": "ember-cli-simple-auth-extensions", "url": "https://emberobserver.com/categories/ember-cli-simple-auth-extensions", "description": ""}, {"name": "ember-simple-auth", "url": "https://github.com/simplabs/ember-simple-auth", "description": "A library for implementing authentication/authorization in Ember.js applications.", "stars": "1.9k"}, {"name": "tori", "url": "https://github.com/Vestorly/torii", "description": "A set of clean abstractions for authentication in Ember.js."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Automation", "entries": [{"name": "ember-cli-deploy", "url": "https://github.com/ember-cli-deploy/ember-cli-deploy", "description": "A deployment pipeline for Ember CLI apps.", "stars": "560"}, {"name": "ember-cli-deploy-webhooks", "url": "https://github.com/simplabs/ember-cli-deploy-webhooks", "description": "Ember CLI Deploy plugin for calling webhooks during deployments.", "stars": "19"}, {"name": "ember-cli-release", "url": "https://github.com/shipshapecode/ember-cli-release", "description": "Ember CLI addon for versioned release management.", "stars": "90"}, {"name": "ember-cli-sri", "url": "https://github.com/jonathanKingston/ember-cli-sri", "description": "This plugin is used to generate Subresource Integrity (SRI) hashes for ember applications.", "stars": "48"}, {"name": "ember-cli-dependency-lint", "url": "https://github.com/salsify/ember-cli-dependency-lint", "description": "Lint your app's addon dependencies, making sure you only have one version of each.", "stars": "83"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Benchmarking", "entries": [{"name": "ember-macro-benchmark", "url": "https://github.com/krisselden/ember-macro-benchmark", "description": "Benchmark recording of an ember app with running with 2 versions of Ember.js.", "stars": "25"}, {"name": "ember-performance", "url": "https://github.com/eviltrout/ember-performance", "description": "A suite of tests for Ember.js to help with performance.", "stars": "140"}, {"name": "emberperf", "url": "http://emberperf.eviltrout.com", "description": "Ember.js Performance (Between versions)."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Blogging", "entries": [{"name": "empress-blog", "url": "https://github.com/empress/empress-blog", "description": "Fully-functional, SEO friendly static site implementation of a blog system built on Ember.js.", "stars": "179"}, {"name": "ember-cli-blog", "url": "https://github.com/broerse/ember-cli-blog", "description": "Tom Dale's blog example updated for the Ember CLI.", "stars": "86"}, {"name": "ember-tumblr", "url": "https://github.com/elwayman02/ember-tumblr", "description": "Ember.js Addon for integrating a Tumblr blog.", "stars": "7"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Babel", "entries": [{"name": "ember-cli-babel-plugin-helpers", "url": "https://github.com/dfreeman/ember-cli-babel-plugin-helpers", "description": "Utilities for managing Babel plugins in Ember CLI apps and addons.", "stars": "4"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Boilerplating", "entries": [{"name": "ember-boilerplate", "url": "https://github.com/mirego/ember-boilerplate", "description": "The stable base upon which we build our Ember.js projects at Mirego.", "stars": "36"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Broccoli", "entries": [{"name": "broccoli-concat-analyser", "url": "https://github.com/stefanpenner/broccoli-concat-analyser", "description": "Assets profiling.", "stars": "126"}, {"name": "broccoli-debug", "url": "https://github.com/broccolijs/broccoli-debug", "description": "Utility for build pipeline authors to allow trivial debugging of the Broccoli pipelines they author.", "stars": "9"}, {"name": "broccoli-stew", "url": "https://github.com/stefanpenner/broccoli-stew", "description": "Provides commonly used convenience functions for developing broccoli based build pipelines.", "stars": "60"}, {"name": "broccolijs-tutorial", "url": "https://github.com/oligriffiths/broccolijs-tutorial", "description": "Broccoli.js Tutorial repository.", "stars": "14"}, {"name": "broccoli-rollup", "url": "https://github.com/chadhietala/broccoli-rollup", "description": "Broccoli Plugin For \"Rollup\".", "stars": "36"}, {"name": "broccoli-manifest", "url": "https://github.com/racido/broccoli-manifest", "description": "HTML5 cache-manifest compilation for broccoli.", "stars": "39"}, {"name": "broccoli-glow", "url": "https://github.com/locks/broccoli-glow", "description": "Dynamic component creation from single file, etc.", "stars": "3"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Broccoli read", "entries": [{"name": "Debugging a Broccoli Tree", "url": "https://dockyard.com/blog/2015/02/02/debugging-a-broccoli-tree", "description": ""}, {"name": "Debugging Broccoli and Ember-CLI", "url": "https://mfeckie.github.io/Debugging-Broccoli-And-Ember/", "description": ""}, {"name": "Debugging Ember-cli Build Times", "url": "https://medium.com/@Dhaulagiri/debugging-ember-cli-build-times-38bd1b0f55f9", "description": ""}, {"name": "Eat Your Greens - A Broccoli.js tutorial", "url": "http://www.oligriffiths.com/broccolijs/", "description": ""}, {"name": "Ember.js Lazy Assets: Fingerprinting & loading static/dynamic assets on demand", "url": "https://codeburst.io/ember-js-lazy-assets-fingerprinting-loading-static-dynamic-assets-on-demand-f09cd7568155", "description": ""}, {"name": "Thoughts on how to write faster broccoli plugins", "url": "https://gist.github.com/Gaurav0/c1eb3a00670eed28e57c2cf92d3f7668", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Build tools", "entries": [{"name": "Broccoli", "url": "https://github.com/broccolijs/broccoli", "description": "Fast, reliable asset pipeline, supporting constant-time rebuilds and compact build definitions.", "stars": "3.3k"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Charts", "entries": [{"name": "ember-charts", "url": "https://github.com/Addepar/ember-charts", "description": "A charting library built with the Ember.js and d3.js frameworks.", "stars": "785"}, {"name": "ember-sparkles", "url": "https://github.com/LocusEnergy/ember-sparkles", "description": "Collection of composable D3 components built with ember-d3-helpers.", "stars": "56"}, {"name": "ember-highcharts", "url": "https://github.com/ahmadsoe/ember-highcharts", "description": "A Highcharts, HighStock and HighMaps components for ember-cli.", "stars": "140"}, {"name": "ember-c3", "url": "https://github.com/Glavin001/ember-c3", "description": "An addon library for C3, a D3-based reusable chart library and more compatible.", "stars": "81"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 CI/CD", "entries": [{"name": "ember-cli-server-variables", "url": "https://github.com/blimmer/ember-cli-server-variables", "description": "An Ember CLI add-on to support adding variables to the generated index.html file's head tag.", "stars": "31"}, {"name": "ember-ci", "url": "https://github.com/mike-north/ember-ci", "description": "Continuous integration goodies for ember.js apps.", "stars": "25"}, {"name": "CI with GitHub Actions for Ember Apps", "url": "https://crunchingnumbers.live/2020/03/17/ci-with-github-actions-for-ember-apps/", "description": "Reducing CI runtimes with GitHub Actions"}, {"name": "CI with GitHub Actions for Ember Apps: Part 2", "url": "https://crunchingnumbers.live/2020/08/31/ci-with-github-actions-for-ember-apps-part-2/", "description": "Migrating to v2 actions, lowering runtime cost and continuously deployment"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Code Splitting", "entries": [{"name": "ember-engines", "url": "https://github.com/ember-engines/ember-engines", "description": "This Ember.js addon implements the functionality described in the Ember.js Engines RFC. Engines allow multiple logical applications to be composed together into a single application from the user's perspective.", "stars": "491"}, {"name": "ember-lazy-mount", "url": "https://github.com/buschtoens/ember-lazy-mount", "description": "Allow {{mount}} lazy loading route-less engines.", "stars": "12"}, {"name": "ember-cli-bundle-loader", "url": "https://github.com/MiguelMadero/ember-cli-bundle-loader", "description": "Addon to allow for multiple bundles and do lazy loading.", "stars": "23"}, {"name": "ember-cli-lazy-load", "url": "https://github.com/duizendnegen/ember-cli-lazy-load", "description": "Support lazily loading your Ember.js app via splitting it up into Bundles.", "stars": "42"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Codestyle", "entries": [{"name": "ember-cli-template-lint", "url": "https://github.com/ember-template-lint/ember-cli-template-lint", "description": "Ember CLI integration for `ember-template-lint`.", "stars": "151"}, {"name": "ember-cli-alex", "url": "https://github.com/yohanmishkin/ember-cli-alex", "description": "Alex for Ember.js apps.", "stars": "7"}, {"name": "ember-prop-types", "url": "https://github.com/ciena-blueplanet/ember-prop-types", "description": "Improved property management for Ember.js apps and addons.", "stars": "80"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Command-line apps", "entries": [{"name": "ember-cli-create", "url": "https://github.com/gossi/ember-cli-create", "description": "CLI wizard to create a new ember project.", "stars": "64"}, {"name": "@ember/optional-features", "url": "https://github.com/emberjs/ember-optional-features", "description": "This addon allows you to easily enable/disable optional features in ember-source. To clarify what we mean by optional, these are features that will be opt-in/opt-out and optional for the foreseeable future, not features that will be enabled by default. It is intended for use with apps only not addons.", "stars": "40"}, {"name": "ember-cli-rename", "url": "https://github.com/trabus/ember-cli-rename", "description": "Addon for ember-cli that provides an `ember rename` command.", "stars": "9"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Command-line utilities", "entries": [{"name": "ember-cli-update", "url": "https://github.com/ember-cli/ember-cli-update", "description": "Update Ember CLI Ember.js apps, addons and Glimmer.js apps.", "stars": "276"}, {"name": "ember-cli-deprecation-workflow", "url": "https://github.com/mixonic/ember-cli-deprecation-workflow", "description": "An addon geared towards making Ember.js upgrades easier by allowing you to work through deprecations without massive console noise.", "stars": "166"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Component addons", "entries": [{"name": "ember-diff-attrs", "url": "https://github.com/workmanw/ember-diff-attrs", "description": "", "stars": "27"}, {"name": "ember-compatibility-helpers", "url": "https://github.com/pzuraq/ember-compatibility-helpers", "description": "Helpers that allow you to write backwards compatible Ember.js addons.", "stars": "24"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Compression", "entries": [{"name": "ember-cli-deploy-brotli", "url": "https://github.com/mfeckie/ember-cli-deploy-brotli", "description": "Ember.js deploy plugin to support brotli compression.", "stars": "7"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Content management systems", "entries": [{"name": "ember-admin", "url": "https://github.com/DockYard/ember-admin", "description": "Automatically discover your models and interact with all model data in a simple CRUD interface.", "stars": "241"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Control flow", "entries": [], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 CSS & etc", "entries": [{"name": "ember-cli-stylelint", "url": "https://github.com/billybonks/ember-cli-stylelint", "description": "Adds styleint to your ember app, to lint all kinds of css.", "stars": "48"}, {"name": "ember-cli-autoprefixer", "url": "https://github.com/kimroen/ember-cli-autoprefixer", "description": "Automatically run your styles through autoprefixer.", "stars": "103"}, {"name": "ember-cli-sass", "url": "https://github.com/aexmachina/ember-cli-sass", "description": "Use node-sass to preprocess your ember-cli app's files, with support for sourceMaps and include paths.", "stars": "276"}, {"name": "ember-cli-sass-pods", "url": "https://github.com/justtal/ember-cli-sass-pods", "description": "Enjoy styling your pods with the sass style file in the pod directory.", "stars": "63"}, {"name": "ember-component-css", "url": "https://github.com/ebryn/ember-component-css", "description": "An Ember CLI addon which allows you to specify styles for individual components.", "stars": "542"}, {"name": "ember-cli-postcss", "url": "https://github.com/jeffjewiss/ember-cli-postcss", "description": "A PostCSS integration for ember-cli.", "stars": "110"}, {"name": "ember-css-modules", "url": "https://github.com/salsify/ember-css-modules", "description": "CSS Modules for ambitious applications.", "stars": "282"}, {"name": "ember-cli-tailwind", "url": "https://github.com/embermap/ember-cli-tailwind", "description": "Tailwind is a utility-first CSS framework for rapidly building custom user interfaces.", "stars": "100"}, {"name": "ember-emotion", "url": "https://github.com/alexlafroscia/ember-emotion", "description": "Use emotion styling in Ember.js.", "stars": "17"}, {"name": "css-blocks", "url": "https://github.com/linkedin/css-blocks", "description": "High performance, maintainable stylesheets.", "stars": "6.3k"}, {"name": "ember-cli-eyeglass", "url": "https://github.com/linkedin/eyeglass/tree/master/packages/ember-cli-eyeglass", "description": "This Ember CLI Addon makes it trivial to compile your sass files with eyeglass support via node-sass.", "stars": "740"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Fonts", "entries": [{"name": "ember-cli-webfont", "url": "https://github.com/vitch/ember-cli-webfont", "description": "Easily generate webfonts from svg files as part of your ember-cli build process.", "stars": "21"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 State management", "entries": [{"name": "ember-buffered-proxy", "url": "https://github.com/yapplabs/ember-buffered-proxy", "description": "", "stars": "166"}, {"name": "ember-changeset", "url": "https://github.com/poteto/ember-changeset", "description": "", "stars": "432"}, {"name": "ember-cerebraljs", "url": "https://github.com/lifeart/ember-cerebraljs", "description": "Enhanced state management for complex Ember.js apps using Cerebral.", "stars": "4"}, {"name": "ember-redux", "url": "http://www.ember-redux.com/", "description": "Predictable state management for ember apps."}, {"name": "ember-state-services", "url": "https://github.com/stefanpenner/ember-state-services", "description": "", "stars": "226"}, {"name": "ember-time-machine", "url": "https://github.com/offirgolan/ember-time-machine", "description": "", "stars": "108"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Styling kits", "entries": [{"name": "ember-cli-tailwind", "url": "https://github.com/embermap/ember-cli-tailwind", "description": "Adds Tailwind CSS to your app or addon.", "stars": "100"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Data Management", "entries": [{"name": "ember-apollo-client", "url": "https://github.com/bgentry/ember-apollo-client", "description": "An ember-cli addon for Apollo Client and GraphQL.", "stars": "279"}, {"name": "ember-cli-sofa", "url": "https://github.com/ampatspell/ember-cli-sofa", "description": "CouchDB persistence library for Ember.js.", "stars": "4"}, {"name": "ember-orbit", "url": "https://github.com/orbitjs/ember-orbit", "description": "Ember.js data layer built with Orbit.js.", "stars": "319"}, {"name": "ember-data-storefront", "url": "https://github.com/embermap/ember-data-storefront", "description": "A collection of APIs that address common data-loading issues.", "stars": "137"}, {"name": "ember-m3", "url": "https://github.com/hjdivad/ember-m3", "description": "This addon provides an alternative model implementation to DS.Model.", "stars": "86"}, {"name": "ember-cli-zuglet", "url": "https://www.ember-cli-zuglet.com/", "description": "Ember.js addon for effortless Firebase integration."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Data manipulation & Computed", "entries": [{"name": "ember-awesome-macros", "url": "https://github.com/kellyselden/ember-awesome-macros", "description": "A collection of Ember.js computed macros.", "stars": "206"}, {"name": "ember-cpm", "url": "https://github.com/cibernox/ember-cpm", "description": "Computed property Macros for Ember.js.", "stars": "276"}, {"name": "ember-macaroni", "url": "https://github.com/poteto/ember-macaroni", "description": "Keep your app code DRY and copypasta free with computed property macaronis (macros).", "stars": "99"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Data validation", "entries": [{"name": "ember-cp-validations", "url": "https://github.com/offirgolan/ember-cp-validations", "description": "Ember.js computed property based validations.", "stars": "444"}, {"name": "ember-changeset-validations", "url": "https://github.com/poteto/ember-changeset-validations/", "description": "Validations for ember-changeset.", "stars": "220"}, {"name": "ember-model-validator", "url": "https://github.com/esbanarango/ember-model-validator", "description": "Add validations to your Ember Data models on an explicit and easy way, without a bunch a validations files around or complicated structure.", "stars": "166"}, {"name": "ember-validated-form", "url": "https://github.com/adfinis-sygroup/ember-validated-form", "description": "Easily create forms with client side validations.", "stars": "68"}, {"name": "ember-line-graph", "url": "https://astronomersiva.github.io/ember-line-graph/", "description": "Zero-dependency ember-addon to draw line-charts."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Database", "entries": [{"name": "ember-indexeddb", "url": "https://github.com/mydea/ember-indexeddb", "description": "Utilities & adapter to work with IndexedDB in ember & ember-data.", "stars": "17"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Date", "entries": [{"name": "ember-moment", "url": "https://github.com/stefanpenner/ember-moment", "description": "Template helpers and computed property macros for moment.js and Ember.js.", "stars": "400"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Debugging / Profiling", "entries": [{"name": "ember-debug-logger", "url": "https://github.com/salsify/ember-debug-logger", "description": "Exposes the visionmedia/debug library for use in your Ember.js application.", "stars": "36"}, {"name": "ember-devtools", "url": "https://github.com/aexmachina/ember-devtools", "description": "A collection of useful Ember.js debugging functions.", "stars": "160"}, {"name": "ember-chrome-devtools", "url": "https://github.com/dwickern/ember-chrome-devtools", "description": "Chrome DevTools addon for Ember.js.", "stars": "94"}, {"name": "ember-cli-bundle-analyzer", "url": "https://github.com/kaliber5/ember-cli-bundle-analyzer", "description": "An Ember CLI addon to analyze the size and contents of your app's bundled output, using an interactive zoomable treemap.", "stars": "99"}, {"name": "ember-perf-timeline", "url": "https://github.com/ember-best-practices/ember-perf-timeline", "description": "Add performance information to Chrome's Timeline for Ember.js applications.", "stars": "98"}, {"name": "ember-cli-route-map", "url": "https://github.com/BBVAEngineering/ember-cli-route-map", "description": "Command to generate a route map of your Ember.js application.", "stars": "15"}, {"name": "heimdalljs-visualizer", "url": "https://github.com/rwjblue/heimdalljs-visualizer", "description": "Visualizer for heimdalljs data.", "stars": "20"}, {"name": "source-map-explorer", "url": "https://github.com/danvk/source-map-explorer", "description": "Analyze and debug space usage through source maps.", "stars": "3.8k"}, {"name": "ember-dead-code", "url": "https://github.com/buschtoens/ember-dead-code", "description": "Detect dead code with confidence via real user monitoring.", "stars": "6"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Decorators", "entries": [{"name": "Macro Decorators", "url": "https://pzuraq.github.io/macro-decorators/", "description": "DRY your code by creating decorators that duplicated getter/setter's functionality"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Documentation", "entries": [{"name": "ember-cli-addon-docs", "url": "https://github.com/ember-learn/ember-cli-addon-docs", "description": "Easy, beautiful docs for your Ember.js addon.", "stars": "176"}, {"name": "ember-cli-jsdoc", "url": "https://github.com/softlayer/ember-cli-jsdoc", "description": "An Ember.js CLI addon to generate HTML documentation from JSDoc comments in the source code.", "stars": "21"}, {"name": "ember-freestyle", "url": "https://github.com/chrislopresto/ember-freestyle", "description": "Ember-freestyle is an Ember.js addon that allows you to quickly create a component explorer for your Ember.js app.", "stars": "269"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Ember-inspector roadmaps & overview", "entries": [{"name": "Ember Inspector Pairing", "url": "https://www.youtube.com/watch?v=rFNR_Fj1G84", "description": ""}, {"name": "Ember Inspector Sync", "url": "https://www.youtube.com/watch?v=PvsfQrKxl_8", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 End-user customization", "entries": [{"name": "ember-asset-loader", "url": "https://github.com/ember-engines/ember-asset-loader", "description": "Asset loading support for Ember.js applications.", "stars": "34"}, {"name": "ember-experiments", "url": "https://github.com/outdoorsy/ember-experiments", "description": "Experimentation, A/B Split Testing addon for Ember.js."}, {"name": "ember-cli-hot-loader", "url": "https://github.com/toranb/ember-cli-hot-loader", "description": "An early look at what hot reloading might be like in the ember ecosystem.", "stars": "99"}, {"name": "ember-ast-hot-load", "url": "https://github.com/lifeart/ember-ast-hot-load", "description": "Universal hot-load addon.", "stars": "91"}, {"name": "ember-cli-build-notifications", "url": "https://github.com/pdud/ember-cli-build-notifications", "description": "Notifications when ember-cli has a build error.", "stars": "24"}, {"name": "ember-feature-flags", "url": "https://github.com/kategengler/ember-feature-flags", "description": "An ember-cli addon to provide feature flags.", "stars": "214"}, {"name": "ember-named-yields", "url": "https://github.com/knownasilya/ember-named-yields", "description": "Named Yields for Ember.js Components.", "stars": "18"}, {"name": "ember-islands", "url": "https://github.com/mitchlloyd/ember-islands", "description": "Render Ember.js components anywhere on a server-rendered page to create \"Islands of Richness\".", "stars": "236"}, {"name": "ember-wormhole", "url": "https://github.com/yapplabs/ember-wormhole", "description": "Render a child view somewhere else in the DOM.", "stars": "284"}, {"name": "ember-stargate", "url": "https://github.com/kaliber5/ember-stargate", "description": "A modern take on using so called \"portals\" to render things in a different place of the DOM tree than they are logically defined in the app.", "stars": "67"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 ES6", "entries": [{"name": "ember-concurrency-decorators", "url": "https://github.com/machty/ember-concurrency-decorators", "description": "Decorator syntax for declaring/configuring ember-concurrency tasks.", "stars": "70"}, {"name": "ember-decorators", "url": "https://github.com/ember-decorators/ember-decorators", "description": "Useful decorators for Ember.js applications.", "stars": "359"}, {"name": "@ember-decorators/argument", "url": "https://github.com/ember-decorators/argument", "description": "Decorators for Component and Object arguments in Ember.js.", "stars": "30"}, {"name": "sparkles-decorators", "url": "https://github.com/gossi/sparkles-decorators", "description": "Decorators for Sparkles/Glimmer.js Components.", "stars": "2"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 External Components Integration", "entries": [{"name": "ember-glimmer-component", "url": "https://github.com/smfoote/ember-glimmer-component", "description": "Glimmer.js-like components in Ember.js.", "stars": "9"}, {"name": "sparkles-component", "url": "https://github.com/rwjblue/sparkles-component", "description": "Addon used to experiment with @glimmer.js/component style APIs in Ember.js apps via existing public APIs.", "stars": "43"}, {"name": "hooked-components", "url": "https://github.com/lifeart/hooked-components", "description": "Custom components for Ember.js, inspired by React Hooks approach.", "stars": "31"}, {"name": "ember-functional-component", "url": "https://github.com/rwjblue/ember-functional-component", "description": "Attempting to use \"pure functions\" as components.", "stars": "11"}, {"name": "ember-lifecycle-component", "url": "https://github.com/NullVoxPopuli/ember-lifecycle-component", "description": "A component with additional lifecycles for times when you may need need a template.", "stars": "9"}, {"name": "ember-vue-components", "url": "https://github.com/lifeart/ember-vue-components", "description": "Vue.JS component API for Ember.", "stars": "10"}, {"name": "@alexlafroscia/ember-cli-react", "url": "https://github.com/alexlafroscia/ember-cli-react", "description": "Render React components in Ember.js.", "stars": "51"}, {"name": "@AltSchool/ember-cli-react", "url": "https://github.com/AltSchool/ember-cli-react", "description": "Use React component hierarchies in your Ember.js app.", "stars": "68"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Forms", "entries": [{"name": "ember-cli-crudities", "url": "https://ember-cli-crudities.readthedocs.io", "description": "Form and editable list builder that works from json config which can be either statically or dynamically loaded."}, {"name": "ember-form-for", "url": "https://github.com/martndemus/ember-form-for", "description": "This Ember.js addon will give you an easy way to build good forms."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Functional programming", "entries": [{"name": "Bacon.js", "url": "http://baconjs.github.io", "description": "Functional reactive programming."}, {"name": "Folktale", "url": "http://folktale.origamitower.com", "description": "Suite of libraries for generic functional programming in JavaScript that allows you to write elegant, modular applications with fewer bugs, and more reuse."}, {"name": "immutable", "url": "https://github.com/facebook/immutable-js", "description": "Immutable data collections.", "stars": "33k"}, {"name": "Kefir.js", "url": "https://github.com/rpominov/kefir", "description": "Reactive library with focus on high performance and low memory usage.", "stars": "2"}, {"name": "Lazy.js", "url": "https://github.com/dtao/lazy.js", "description": "Utility library similar to lodash/Underscore but with lazy evaluation, which can translate to superior performance in many cases.", "stars": "6k"}, {"name": "lodash", "url": "https://lodash.com", "description": "Utility library delivering consistency, customization, performance, & extras. A better and faster Underscore.js."}, {"name": "mori", "url": "http://swannodette.github.io/mori/", "description": "Library for using ClojureScript's persistent data structures and supporting API from the comfort of vanilla JavaScript."}, {"name": "Mout", "url": "http://moutjs.com", "description": "Utility library with the biggest difference between other existing solutions is that you can choose to load only the modules/functions that you need, no extra overhead."}, {"name": "Ramda", "url": "http://ramdajs.com", "description": "Utility library with a focus on flexible functional composition enabled by automatic currying and reversed argument order. Avoids mutating data."}, {"name": "RxJS", "url": "http://reactivex.io", "description": "Functional reactive library for transforming, composing, and querying various kinds of data."}, {"name": "underscore-contrib", "url": "http://documentcloud.github.io/underscore-contrib/", "description": "The brass buckles on Underscore's utility belt."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 HTTP", "entries": [{"name": "ember-ajax", "url": "https://github.com/ember-cli/ember-ajax", "description": "Service for making AJAX requests in Ember.js 1.13+ applications.", "stars": "215"}, {"name": "ember-socket-guru", "url": "https://github.com/netguru/ember-socket-guru", "description": "Addon for easy integration with Pusher.js, Action Cable, Socket.io and Phoenix Channels."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Helpers", "entries": [{"name": "ember-event-helpers", "url": "https://github.com/buschtoens/ember-event-helpers", "description": "Complimentary event template helpers to the `{{on}}` modifier.", "stars": "36"}, {"name": "ember-render-helpers", "url": "https://github.com/buschtoens/ember-render-helpers", "description": "`@ember/render-modifiers` as template helpers.", "stars": "22"}, {"name": "ember-element-helper", "url": "https://github.com/tildeio/ember-element-helper", "description": "Dynamic element helper for Glimmer templates.", "stars": "44"}, {"name": "ember-composable-helpers", "url": "https://github.com/DockYard/ember-composable-helpers", "description": "Composable helpers for declarative templating in Ember.js.", "stars": "634"}, {"name": "ember-helpers", "url": "https://github.com/abcum/ember-helpers", "description": "A collection of handlebars helpers for Ember.js."}, {"name": "ember-d3-helpers", "url": "https://github.com/LocusEnergy/ember-d3-helpers", "description": "Collection of Ember.js helpers for building composable D3 charts.", "stars": "35"}, {"name": "ember-math-helpers", "url": "https://github.com/shipshapecode/ember-math-helpers", "description": "Ember.js HTMLBars helpers for basic arithmetic.", "stars": "105"}, {"name": "ember-promise-helpers", "url": "https://github.com/fivetanley/ember-promise-helpers", "description": "Promise-y sugar for your Ember.js templates.", "stars": "206"}, {"name": "ember-route-action-helper", "url": "https://github.com/DockYard/ember-route-action-helper", "description": "Bubble closure actions in routes.", "stars": "330"}, {"name": "ember-root-url", "url": "https://github.com/ef4/ember-root-url", "description": "A template helper to keep your URLs relative to the app's rootURL.", "stars": "10"}, {"name": "ember-store-helpers", "url": "https://github.com/ember-sapporo/ember-store-helpers", "description": "This add-on provides helpers related to ember-data.", "stars": "5"}, {"name": "ember-truth-helpers", "url": "https://github.com/jmurphyau/ember-truth-helpers", "description": "Ember.js HTMLBars Helpers for `{{if}}` & `{{unless}}`: not, and, or, eq & is-array.", "stars": "707"}, {"name": "ember-awesome-macros", "url": "https://github.com/kellyselden/ember-awesome-macros", "description": "A collection of Ember.js computed macros.", "stars": "206"}, {"name": "ember-macro-helpers", "url": "https://github.com/kellyselden/ember-macro-helpers", "description": "Ember.js macro helpers for making your own fancy macros!", "stars": "62"}, {"name": "ember-cli-string-helpers", "url": "https://github.com/romulomachado/ember-cli-string-helpers", "description": "Set of the String helpers extracted from DockYard's ember-composable-helpers.", "stars": "75"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Image", "entries": [{"name": "ember-svg-jar", "url": "https://github.com/ivanvotti/ember-svg-jar", "description": "The best way to embed SVG images into your Ember.js application.", "stars": "250"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Include external JS code", "entries": [{"name": "ember-auto-import", "url": "https://github.com/ef4/ember-auto-import", "description": "Zero config import from npm packages.", "stars": "360"}, {"name": "ember-cli-cjs-transform", "url": "https://github.com/rwjblue/ember-cli-cjs-transform", "description": "CommonJS imports.", "stars": "48"}, {"name": "ember-cli-es6-transform", "url": "https://github.com/sandydoo/ember-cli-es6-transform", "description": "Import ES6 modules from npm, bower or anywhere else in your app.", "stars": "14"}, {"name": "ember-browserify", "url": "https://github.com/ef4/ember-browserify", "description": "Addon for easily loading CommonJS packages from npm via browserify.", "stars": "172"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Infinite Scroll", "entries": [{"name": "ember-infinity", "url": "https://github.com/ember-infinity/ember-infinity", "description": "Simple, flexible Infinite Scroll for Ember CLI Apps.", "stars": "377"}, {"name": "vertical-collection", "url": "https://github.com/html-next/vertical-collection", "description": "Infinite Scroll and Occlusion at > 60 FPS.", "stars": "176"}, {"name": "smoke-and-mirrors", "url": "https://github.com/html-next/smoke-and-mirrors", "description": "Ambitious infinite-scroll and svelte rendering for ambitious applications.", "stars": "275"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Internalization & Localization", "entries": [{"name": "ember-intl", "url": "https://github.com/ember-intl/ember-intl", "description": "Translate complex messages string. Localized formatting for date/time, number, and relative time.", "stars": "434"}, {"name": "ember-intl-analyzer", "url": "https://github.com/simplabs/ember-intl-analyzer", "description": "Find unused translations in your Ember.js projects.", "stars": "48"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Inputs", "entries": [{"name": "ember-autoresize", "url": "https://github.com/tim-evans/ember-autoresize", "description": "Autoresize for Ember.js Components.", "stars": "88"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Job queues", "entries": [{"name": "ember-data-tasks", "url": "https://github.com/knownasilya/ember-data-tasks", "description": "", "stars": "25"}, {"name": "ember-concurrency", "url": "http://ember-concurrency.com", "description": ""}, {"name": "ember-custom-actions", "url": "https://github.com/Exelord/ember-custom-actions", "description": "Custom API actions for Ember.js applications.", "stars": "75"}, {"name": "ember-pipeline", "url": "https://github.com/poteto/ember-pipeline", "description": "", "stars": "18"}, {"name": "ember-lifeline", "url": "https://github.com/ember-lifeline/ember-lifeline", "description": "An ember addon for managing the life cycle of asynchronous behavior in your objects.", "stars": "240"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Logging", "entries": [{"name": "console.re", "url": "https://console.re/", "description": ""}, {"name": "ember-debug-logger", "url": "https://emberobserver.com/addons/ember-debug-logger", "description": "An Ember.js addon to expose the Visionmedia debug logger."}, {"name": "ember-logging-service", "url": "https://github.com/acquia/ember-logging-service/", "description": "This addon provides a general and extensible logging service that can be used throughout your application.", "stars": "3"}, {"name": "raygun", "url": "https://raygun.com/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Mad science", "entries": [{"name": "ember-elm", "url": "https://github.com/nucleartide/ember-elm", "description": "Write Elm in your Ember.js app.", "stars": "55"}, {"name": "javascript-algorithms", "url": "https://github.com/trekhleb/javascript-algorithms", "description": "Algorithms and data structures implemented in JavaScript with explanations and links to further readings.", "stars": "186k"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Math", "entries": [{"name": "ember-katex", "url": "https://github.com/firecracker/ember-katex", "description": "Render your LaTeX formulas using KaTeX.", "stars": "1"}, {"name": "ember-math-helpers", "url": "https://github.com/shipshapecode/ember-math-helpers", "description": "Ember.js HTMLBars helpers for basic arithmetic.", "stars": "105"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Metrics", "entries": [{"name": "ember-user-activity", "url": "https://github.com/elwayman02/ember-user-activity", "description": "Ember.js Addon for tracking user activity & idling.", "stars": "110"}, {"name": "ember-metrics", "url": "https://github.com/poteto/ember-metrics", "description": "Send data to multiple analytics services without re-implementing new API.", "stars": "368"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Minifiers", "entries": [{"name": "ember-hbs-minifier", "url": "https://github.com/simplabs/ember-hbs-minifier", "description": "Stripping whitespace out of your Handlebars templates.", "stars": "48"}, {"name": "ember-cli-template-trimmer", "url": "https://github.com/lifeart/ember-cli-template-trimmer", "description": "This addon removes newlines on compile stage.", "stars": "1"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Miscellaneous", "entries": [{"name": "diagonal routes", "url": "https://alexspeller.com/ember-diagonal/", "description": "See what route structure, templates and route hooks are for a given ember route definition."}, {"name": "ember data model maker", "url": "https://github.com/andycrum/ember-data-model-maker/", "description": "Ember Data Model Maker (EDMM).", "stars": "150"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Mobile", "entries": [{"name": "corber", "url": "https://github.com/isleofcode/corber", "description": "Tooling for cordova and crosswalk hybrid applications built with Ember.js.", "stars": "333"}, {"name": "glimmer-native", "url": "https://github.com/bakerac4/glimmer-native", "description": "Have you ever wanted to use Ember.js/Glimmer.js to create a native mobile app? Well now you can!", "stars": "77"}, {"name": "ember-mobile-bar", "url": "https://github.com/nickschot/ember-mobile-bar", "description": "Managed fixed (tool)bars with mobile app-like behaviour.", "stars": "6"}, {"name": "ember-mobile-core", "url": "https://github.com/nickschot/ember-mobile-core", "description": "Provides a pan recognizer and some utils for the ember-mobile-\\* addons.", "stars": "11"}, {"name": "ember-mobile-menu", "url": "https://github.com/nickschot/ember-mobile-menu", "description": "Draggable sidebar specifically tailored to mobile devices.", "stars": "34"}, {"name": "ember-mobile-pane", "url": "https://github.com/nickschot/ember-mobile-pane", "description": "Mobile layout ember-mobile-pane.", "stars": "4"}, {"name": "ember-responsive", "url": "https://github.com/freshbooks/ember-responsive", "description": "Easy responsive layouts with Ember.js.", "stars": "40"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Modifiers", "entries": [{"name": "ember-css-vars", "url": "https://github.com/luxferresum/ember-css-vars", "description": "A ember modifier to apply css variables. This gives a save way to expose data from JavaScript to css.", "stars": "4"}, {"name": "ember-on-modifier", "url": "https://github.com/buschtoens/ember-on-modifier", "description": "An implementation of the `{{on}}` element modifier shown in the Modifiers RFC #353.", "stars": "38"}, {"name": "ember-ref-modifier", "url": "https://github.com/lifeart/ember-ref-modifier", "description": "An implementation of the `{{ref}}` element modifier.", "stars": "44"}, {"name": "ember-render-modifiers", "url": "https://github.com/emberjs/ember-render-modifiers", "description": "Implements did-insert / did-update / will-destroy modifiers for RFC #415.", "stars": "85"}, {"name": "ember-functional-modifiers", "url": "https://github.com/spencer516/ember-functional-modifiers", "description": "Functional Modifiers for Ember.js.", "stars": "40"}, {"name": "ember-style-modifier", "url": "https://github.com/jelhan/ember-style-modifier", "description": "This addon provides a {{style}} element modifier to set element's style.", "stars": "36"}, {"name": "ember-simple-animate", "url": "https://github.com/abhilashlr/ember-simple-animate", "description": "Simple ember animate addon for CSS based animations.", "stars": "8"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Parcel", "entries": [{"name": "ember-parcel-example", "url": "https://github.com/rtablada/ember-parcel-example", "description": "Ember.js + Parcel.js Example.", "stars": "1"}, {"name": "todomvc-demo", "url": "https://github.com/devongovett/todomvc-demo", "description": "Glimmer.js + Parcel.js Example.", "stars": "1"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Payments", "entries": [{"name": "ember-credit-card", "url": "https://github.com/esbanarango/ember-credit-card", "description": "\"make your credit card form dreamy in one line of code\".", "stars": "97"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Polyfills", "entries": [{"name": "ember-modifier-manager-polyfill", "url": "https://github.com/rwjblue/ember-modifier-manager-polyfill", "description": "Polyfill element modifiers for Ember.js 2.12 through 3.7.", "stars": "10"}, {"name": "ember-angle-bracket-invocation-polyfill", "url": "https://github.com/rwjblue/ember-angle-bracket-invocation-polyfill", "description": "This addon provides a polyfill for angle bracket invocation syntax as described in RFC 311.", "stars": "76"}, {"name": "ember-named-arguments-polyfill", "url": "https://github.com/rwjblue/ember-named-arguments-polyfill", "description": "Polyfills support for named arguments for Ember.js 2.10 through 3.0.", "stars": "18"}, {"name": "ember-native-class-polyfill", "url": "https://github.com/pzuraq/ember-native-class-polyfill", "description": "This addon provides a polyfill for the native class behavior that was proposed in Ember.js RFCs #240 and #337.", "stars": "9"}, {"name": "ember-router-service-polyfill", "url": "https://github.com/rwjblue/ember-router-service-polyfill", "description": "This addon provides a best effort polyfill for the ember-routing-router-service feature added in Ember.js 2.15.", "stars": "36"}, {"name": "ember-fn-helper-polyfill", "url": "https://github.com/rwjblue/ember-fn-helper-polyfill", "description": "This addon provides a polyfill for the {{fn}} helper as described in RFCs #470.", "stars": "6"}, {"name": "ember-named-blocks-polyfill", "url": "https://github.com/ember-polyfills/ember-named-blocks-polyfill", "description": "This addon provides a polyfill for the Yieldable Named Blocks feature.", "stars": "39"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 PWA", "entries": [{"name": "ember-service-worker-asset-cache", "url": "https://github.com/DockYard/ember-service-worker-asset-cache", "description": "", "stars": "28"}, {"name": "ember-service-worker-cache-fallback", "url": "https://github.com/DockYard/ember-service-worker-cache-fallback", "description": "", "stars": "15"}, {"name": "ember-service-worker-cache-first", "url": "https://github.com/DockYard/ember-service-worker-cache-first", "description": "", "stars": "7"}, {"name": "ember-service-worker-index", "url": "https://github.com/DockYard/ember-service-worker-index", "description": "", "stars": "20"}, {"name": "ember-service-worker-prember", "url": "https://github.com/shipshapecode/ember-service-worker-prember", "description": "", "stars": "6"}, {"name": "ember-service-worker", "url": "https://github.com/DockYard/ember-service-worker", "description": "A pluggable approach to Service Workers for Ember.js.", "stars": "238"}, {"name": "ember-web-app", "url": "https://github.com/san650/ember-web-app", "description": "This Ember.js addon helps you configure and manage the manifest.json and meta tags needed to create progressive web applications.", "stars": "141"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Query Params", "entries": [{"name": "ember-query-params-service", "url": "https://github.com/NullVoxPopuli/ember-query-params-service", "description": "Do you have controllers that *only* parse query params?", "stars": "57"}, {"name": "ember-parachute", "url": "https://github.com/offirgolan/ember-parachute", "description": "Improved Query Params for Ember.js.", "stars": "199"}, {"name": "ember-href-to", "url": "https://github.com/intercom/ember-href-to", "description": "A lightweight alternative to {{link-to}}.", "stars": "191"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Real-time", "entries": [{"name": "ember-cli-flash", "url": "https://github.com/poteto/ember-cli-flash", "description": "Simple, highly configurable flash messages for ember-cli.", "stars": "356"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Routing addons", "entries": [{"name": "ember-component-routes", "url": "https://github.com/wongpeiyi/ember-component-routes", "description": "Render components directly from routes in Ember.js.", "stars": "25"}, {"name": "ember-redirect", "url": "https://github.com/thoov/ember-redirect", "description": "This addon aims to be a simple and easy way to preform route based redirects with minimal effort.", "stars": "27"}, {"name": "ember-router-scroll", "url": "https://github.com/dollarshaveclub/ember-router-scroll", "description": "Scroll to top with preserved browser history scroll position.", "stars": "204"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Resolver customization", "entries": [{"name": "ember-cli-extended-resolver", "url": "https://www.npmjs.com/package/ember-cli-extended-resolver", "description": "This addons allows to modify default files structure to be more feature-grouped."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Security", "entries": [{"name": "ember-can", "url": "https://github.com/minutebase/ember-can", "description": "Simple [authorisation addon](http://ember-can.com) for Ember.js apps.", "stars": "270"}, {"name": "ember-permissions", "url": "https://github.com/Bagaar/ember-permissions", "description": "Permission management for Ember applications.", "stars": "14"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Service Workers", "entries": [{"name": "ember-cli-workbox", "url": "https://github.com/BBVAEngineering/ember-cli-workbox/", "description": "Offline caching as a progressive enhancement using service workers.", "stars": "20"}, {"name": "ember-service-worker", "url": "https://github.com/DockYard/ember-service-worker", "description": "A pluggable approach to Service Workers for Ember.js.", "stars": "238"}, {"name": "ember-service-worker-index", "url": "https://github.com/DockYard/ember-service-worker-index", "description": "An Ember.js Service Worker plugin that caches the index.html file.", "stars": "20"}, {"name": "ember-service-worker-asset-cache", "url": "https://github.com/DockYard/ember-service-worker-asset-cache", "description": "An Ember.js Service Worker plugin that caches an Ember.js app's asset files.", "stars": "28"}, {"name": "ember-service-worker-cache-first", "url": "https://github.com/DockYard/ember-service-worker-cache-first", "description": "A cache first Ember.js Service Worker plugin.", "stars": "7"}, {"name": "ember-service-worker-cache-fallback", "url": "https://github.com/DockYard/ember-service-worker-cache-fallback", "description": "An Ember.js Service Worker plugin that resorts to a cached fallback version when the network request fails.", "stars": "15"}, {"name": "ember-service-worker-emberfire-messaging", "url": "https://github.com/Matt-Jensen/ember-service-worker-emberfire-messaging", "description": "Firebase Cloud Messaging service worker support for Emberfire apps.", "stars": "14"}, {"name": "ember-service-worker-unregistration", "url": "https://github.com/GreatWizard/ember-service-worker-unregistration", "description": "An Ember.js plugin that unregister service workers when ember-service-worker is disabled.", "stars": "0"}, {"name": "ember-service-worker-request-chaos", "url": "https://github.com/maxfierke/ember-service-worker-request-chaos", "description": "Like Netflix's Chaos Monkey but for your Ember.js SPA's API requests.", "stars": "2"}, {"name": "ember-service-worker-project-entagled-registration", "url": "https://github.com/rwjblue/ember-service-worker-project-entagled-registration", "description": "This addon is to be used along with ember-service-worker to ensure that the service worker being used is paired properly to the project.", "stars": "0"}, {"name": "ember-service-worker-cache-rendered", "url": "https://github.com/PrinceCornNM/ember-service-worker-cache-rendered", "description": "Ember.js service worker plugin for storing rendered html in cache, really useful for fastboot.", "stars": "1"}, {"name": "ember-service-worker-update-notify", "url": "https://github.com/topaxi/ember-service-worker-update-notify", "description": "Update notification for service workers.", "stars": "28"}, {"name": "ember-service-worker-enqueue", "url": "https://github.com/The-Don-Himself/ember-service-worker-enqueue", "description": "An Ember.js Service Worker plugin that catches failed mutation requests e.g POST, PUT, DELETE and queues them for background processing.", "stars": "4"}, {"name": "ember-service-worker-prember", "url": "https://github.com/shipshapecode/ember-service-worker-prember", "description": "An Ember.js Service Worker plugin that caches the index.html files for each prember route.", "stars": "6"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 SSR / Server Side Rendering", "entries": [{"name": "ember-fastboot", "url": "https://github.com/ember-fastboot/ember-cli-fastboot", "description": "Server-side rendering for Ember.js apps.", "stars": "851"}, {"name": "glimmer-ssr-test", "url": "https://github.com/josemarluedke/glimmer-ssr-test", "description": "Making a Glimmer.js app be rendered in the server."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Static site generators & SEO", "entries": [{"name": "ember-meta", "url": "https://github.com/shipshapecode/ember-meta", "description": "Setup meta for your Prember/Ember.js blog to support opengraph, microdata, Facebook, Twitter, Slack etc.", "stars": "19"}, {"name": "prember-rss-feed", "url": "https://github.com/shipshapecode/prember-rss-feed", "description": "Ship RSS feeds for your Prember site.", "stars": "3"}, {"name": "prember", "url": "https://github.com/ef4/prember", "description": "Prerender Ember.js apps with Fastboot at build time.", "stars": "196"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Styling", "entries": [{"name": "ember-cli-sass", "url": "https://github.com/aexmachina/ember-cli-sass", "description": "Use node-sass to preprocess your ember-cli app's files, with support for sourceMaps and include paths.", "stars": "276"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Templating", "entries": [{"name": "ember-template-component-import", "url": "https://github.com/crashco/ember-template-component-import", "description": "This addon allows you to use import-style syntax to create local bindings to a component within a template file.", "stars": "14"}, {"name": "ember-cli-jsx-templates", "url": "https://github.com/lifeart/ember-cli-jsx-templates", "description": "TSX/JSX support for ember templates.", "stars": "16"}, {"name": "Emblem.js", "url": "https://github.com/machty/emblem.js/", "description": "Ember.js-friendly, indented syntax alternative for Handlebars.js.", "stars": "1k"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Testing", "entries": [{"name": "ember-qunit-decorators", "url": "https://github.com/mike-north/ember-qunit-decorators", "description": "Use ES6 or TypeScript decorators for QUnit tests in your Ember.js app.", "stars": "4"}, {"name": "ember-cli-addon-tests", "url": "https://github.com/tomdale/ember-cli-addon-tests", "description": "Test helpers for testing Ember CLI addons inside the context of a real Ember.js app.", "stars": "31"}, {"name": "ember-cli-code-coverage", "url": "https://github.com/kategengler/ember-cli-code-coverage", "description": "Code coverage for ember apps using Istanbul.", "stars": "194"}, {"name": "ember-cli-mirage", "url": "http://www.ember-cli-mirage.com/", "description": "Build, test and demo your app using a [JSON API](http://jsonapi.org/)-compliant client-side server."}, {"name": "ember-cli-mocha", "url": "https://github.com/ember-cli/ember-cli-mocha", "description": "Mocha and Chai tests for ember-cli applications.", "stars": "147"}, {"name": "ember-cli-page-object", "url": "https://github.com/san650/ember-cli-page-object", "description": "This ember-cli addon eases the construction of page objects on your acceptance and integration tests.", "stars": "274"}, {"name": "ember-cli-yadda", "url": "https://github.com/albertjan/ember-cli-yadda", "description": "Write cucumber specs for ember-cli applications.", "stars": "42"}, {"name": "ember-concurrency-test-waiter", "url": "https://github.com/bendemboski/ember-concurrency-test-waiter", "description": "Easily enable test waiters for ember-concurrency tasks.", "stars": "21"}, {"name": "ember-exam", "url": "https://github.com/trentmwillis/ember-exam", "description": "Run your tests with randomization, splitting, and parallelization for beautiful tests.", "stars": "287"}, {"name": "ember-percy", "url": "https://github.com/percy/ember-percy", "description": "Ember.js addon for visual regression testing with Percy.", "stars": "73"}, {"name": "ember-qunit", "url": "https://github.com/emberjs/ember-qunit", "description": "QUnit test helpers for Ember.js.", "stars": "261"}, {"name": "ember-test-friendly-error-handler", "url": "https://github.com/rwjblue/ember-test-friendly-error-handler", "description": "Build testable error handlers that don't throw in production...", "stars": "15"}, {"name": "ember-test-selectors", "url": "https://github.com/simplabs/ember-test-selectors", "description": "Enabling better element selectors in Ember.js tests.", "stars": "263"}, {"name": "ember-test-setup", "url": "https://github.com/kellyselden/ember-test-setup", "description": "Testing shorthands to reduce duplication.", "stars": "6"}, {"name": "ember-window-mock", "url": "https://github.com/kaliber5/ember-window-mock", "description": "Use window global as an Ember.js service that can be mocked in tests.", "stars": "62"}, {"name": "mirage-glue", "url": "https://github.com/izelnakri/mirage-glue", "description": "This program reads your API endpoint and creates or appends response to relevant mirage fixture file(s).", "stars": "4"}, {"name": "ember-sinon", "url": "https://github.com/csantero/ember-sinon", "description": "Ember CLI addon adding support for sinon.js.", "stars": "64"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Text", "entries": [{"name": "ember-text-measurer", "url": "https://github.com/cibernox/ember-text-measurer", "description": "Simple Ember.js Service to measure the width of a string in a performant way.", "stars": "37"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Tree Shaking", "entries": [{"name": "ember-cli-tree-shaker", "url": "https://github.com/kellyselden/ember-cli-tree-shaker", "description": "This is a testbed for the new tree-shaking and code splitting work from Kelly Selden and Alex Navasardyan.", "stars": "76"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 TypeScript", "entries": [{"name": "ember-cli-typescript", "url": "https://github.com/typed-ember/ember-cli-typescript", "description": "Use TypeScript in your Ember.js apps!", "stars": "363"}, {"name": "ember-typings", "url": "https://github.com/typed-ember/ember-typings", "description": "Typescript type definitions for ember.js.", "stars": "14"}, {"name": "ember-typescript-utils", "url": "https://github.com/happycollision/ember-typescript-utils", "description": "Utility functions built around Typescript and Ember.js.", "stars": "3"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 UI libs", "entries": [{"name": "ember-bootstrap", "url": "http://www.ember-bootstrap.com/", "description": "Provides a collection of native Ember.js components that mimic the original Bootstrap plugins and components in an ember friendly way."}, {"name": "Frontile", "url": "https://github.com/josemarluedke/frontile", "description": "Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps.", "stars": "52"}, {"name": "ember-cli-uniq", "url": "https://github.com/uniplaces/ember-cli-uniq/", "description": "Default components for Ember.js that implement the Uniplaces Design System.", "stars": "3"}, {"name": "ember-element-ui", "url": "https://github.com/aalasolutions/ember-element-ui", "description": "Provides element-ui for ember.", "stars": "0"}, {"name": "ember-elements", "url": "https://github.com/dunkinbase/ember-elements", "description": "[a UI toolkit in Ember](https://dunkinbase.github.io/ember-elements/)", "stars": "58"}, {"name": "ember-ghost-casper-template", "url": "https://github.com/stonecircle/ember-ghost-casper-template", "description": "A static site version of the default personal blogging theme for Ghost.", "stars": "39"}, {"name": "ember-paper", "url": "https://github.com/miguelcobain/ember-paper", "description": "The Ember.js approach to Material Design.", "stars": "889"}, {"name": "ember-radical", "url": "https://github.com/healthsparq/ember-radical", "description": "Feather light, fully accessible DDAU component library for your Ember.js apps."}, {"name": "Nomad UI", "url": "https://github.com/hashicorp/nomad/tree/master/ui", "description": "", "stars": "15k"}, {"name": "Semantic-UI-Ember", "url": "https://github.com/Semantic-Org/Semantic-UI-Ember", "description": "This is the official Ember.js library for the Semantic-UI modules.", "stars": "331"}, {"name": "Flexi", "url": "https://github.com/html-next/flexi", "description": "", "stars": "219"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 UI components", "entries": [{"name": "ember-attacher", "url": "https://kybishop.github.io/ember-attacher/", "description": "Tooltips & popovers made easy."}, {"name": "ember-burger-menu", "url": "https://github.com/offirgolan/ember-burger-menu", "description": "An off-canvas sidebar component with a collection of animations and styles using CSS transitions.", "stars": "279"}, {"name": "ember-flatpickr", "url": "https://github.com/shipshapecode/ember-flatpickr", "description": "An Ember.js addon that wraps the Flatpickr date picker.", "stars": "109"}, {"name": "ember-power-select", "url": "https://github.com/cibernox/ember-power-select", "description": "The extensible select component built for ember.", "stars": "541"}, {"name": "ember-basic-dropdown", "url": "https://github.com/cibernox/ember-basic-dropdown", "description": "The basic dropdown you ember app needs.", "stars": "156"}, {"name": "ember-drag-sort", "url": "https://github.com/kaliber5/ember-drag-sort", "description": "A sortable list component with support for multiple and nested lists.", "stars": "92"}, {"name": "ember-perfect-scroll", "url": "https://github.com/imanhodjaev/ember-perfect-scroll", "description": "Perfect scroll component as an Ember cli addon.", "stars": "21"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 UX", "entries": [{"name": "ember-onbeforeunload", "url": "https://github.com/jasonmit/ember-onbeforeunload", "description": "Invoke logic when transitioning between routes or closing window.", "stars": "30"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 VR", "entries": [{"name": "ember-vr", "url": "https://github.com/ember-vr", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 VS Code addons", "entries": [{"name": "Ember Syntax", "url": "https://marketplace.visualstudio.com/items?itemName=dhedgecock.ember-syntax", "description": "Syntax highlighting for Ember.js template files AND syntax highlighting for inline template definitions with tagged templates!"}, {"name": "Glimmer Templates Syntax for VS Code", "url": "https://marketplace.visualstudio.com/items?itemName=lifeart.vscode-glimmer-syntax", "description": "Glimmer syntax highlighting for Ember.js."}, {"name": "ember-language-server", "url": "https://github.com/emberwatch/ember-language-server", "description": "Language Server Protocol implementation for Ember.js projects.", "stars": "98"}, {"name": "unstable-ember-language-server", "url": "https://marketplace.visualstudio.com/items?itemName=lifeart.vscode-ember-unstable", "description": "Language Server Protocol implementation for Ember.js projects (Unstable, including experimental features)."}, {"name": "vscode-ember-colorizer", "url": "https://github.com/ciena-blueplanet/vscode-ember-colorizer", "description": "VSCode extension that colorizes/tokeninzes Ember.js .hbs, Controllers, and Routes files.", "stars": "0"}, {"name": "ember-module-snippets", "url": "https://github.com/candidmetrics/ember-module-snippets", "description": "Snippets to make importing Ember.js modules a snap in VSCode.", "stars": "3"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Atom addons", "entries": [{"name": "Atom Ember Snippets", "url": "https://github.com/mattmcmanus/atom-ember-snippets", "description": "", "stars": "38"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 VIM", "entries": [{"name": "Unstable language server for neovim", "url": "https://gist.github.com/meirish/639e6def0f352f63fef662dce3ca2f98", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Web Components", "entries": [{"name": "ember-cli-web-components", "url": "https://github.com/BBVAEngineering/ember-cli-web-components", "description": "Use your Ember.js components in other framework as Web Components!", "stars": "15"}, {"name": "shadow-dom", "url": "https://github.com/knownasilya/ember-shadow-dom", "description": "Write templates for your components inside of a Shadow DOM root.", "stars": "29"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Webpack", "entries": [{"name": "glimmer-compiler-webpack-plugin", "url": "https://github.com/tomdale/glimmer-compiler-webpack-plugin", "description": "", "stars": "13"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Weird", "entries": [{"name": "ember-dynamic-render-template", "url": "https://github.com/miguelcobain/ember-dynamic-render-template", "description": "Render DOM from a template string.", "stars": "14"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Resources", "entries": [{"name": "Front-End Performance Checklist", "url": "https://github.com/thedaviddias/Front-End-Performance-Checklist", "description": "", "stars": "17k"}, {"name": "Ember.js approval requirements", "url": "https://gist.github.com/PoslinskiNet/2d7a05944ca3c468440a0faea153062b", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles", "entries": [{"name": "An Elementary Guide to Ember.js Build Performance", "url": "http://hangaroundtheweb.com/2018/02/an-elementary-guide-to-ember-build-performance/", "description": ""}, {"name": "Ember.js 2019 Roadmap Posts", "url": "https://github.com/abhilashlr/emberjs2019-posts", "description": "", "stars": "20"}, {"name": "How to Actually Build Superior Web Apps for Free", "url": "https://medium.com/@devotox/zero-cost-web-apps-part-1-b2d6b46916f1", "description": ""}, {"name": "Getting Started With Glimmer-Native", "url": "https://codingitwrong.com/2019/06/26/glimmer-native-tutorial.html", "description": ""}, {"name": "The case for Embeddable Ember.js", "url": "https://dev.to/dustinsoftware/the-case-for-embeddable-ember-4120", "description": ""}, {"name": "The State of the Ember.js Addon Ecosystem in 2019", "url": "https://0xadada.pub/2019/06/17/essential-ember-addons/", "description": ""}, {"name": "Static Types in Ember.js?", "url": "https://dev.to/jamesbyrne/static-types-in-emberjs-26b7", "description": ""}, {"name": "How does Ember Boot?", "url": "https://hackernoon.com/how-does-ember-boot-5e1f9e7a1117", "description": ""}, {"name": "The Ember.js testing guide, I made for myself", "url": "https://medium.com/@sarbbottam/the-ember-js-testing-guide-i-made-for-myself-c9a073a0c718", "description": ""}, {"name": "Using Lerna to manage multiple Ember.js apps", "url": "https://cenchat.com/blog/2019/05/25/using-lerna-to-manage-multiple-ember-apps.html", "description": ""}, {"name": "How to translate your Ember.js application with ember-intl", "url": "https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-ember-app-with-ember-intl", "description": ""}, {"name": "Using ember-animated to re-sort a list", "url": "https://devjournal.balinterdi.com/using-ember-animated-to-resort-a-list/", "description": ""}, {"name": "Throttling Ember-Data with Ember-Concurrency", "url": "https://medium.com/@mudflye/throttling-ember-data-with-ember-concurrency-ff30d804a1b", "description": ""}, {"name": "Animation and Predictable Data Loading in Ember.js", "url": "https://crunchingnumbers.live/2019/04/02/animation-and-predictable-data-loading-in-ember/", "description": ""}, {"name": "Make your deprecated CSS stand out", "url": "https://ondrejsevcik.com/deprecate-css/", "description": ""}, {"name": "Ember.js \u2764Angle Brackets. A Migration Guide & Cheat Sheet", "url": "https://medium.com/@AveryBloom/ff309d6effdf", "description": ""}, {"name": "Coming Soon in Ember Octane - Part 1: Native Classes", "url": "https://www.pzuraq.com/coming-soon-in-ember-octane-part-1-native-classes/", "description": ""}, {"name": "Coming Soon in Ember Octane - Part 2: Angle Brackets Syntax & Named Arguments", "url": "https://www.pzuraq.com/coming-soon-in-ember-octane-part-2-angle-brackets-and-named-arguments/", "description": ""}, {"name": "Coming Soon in Ember Octane - Part 3: Tracked Properties", "url": "https://www.pzuraq.com/coming-soon-in-ember-octane-part-3-tracked-properties/", "description": ""}, {"name": "Coming Soon in Ember Octane - Part 4: Modifiers", "url": "https://www.pzuraq.com/coming-soon-in-ember-octane-part-4-modifiers/", "description": ""}, {"name": "Coming Soon in Ember Octane - Part 5: Glimmer Components", "url": "https://www.pzuraq.com/coming-soon-in-ember-octane-part-5-glimmer-components/", "description": ""}, {"name": "Ember Octane Update: What's up with `@action`?", "url": "https://www.pzuraq.com/ember-octane-update-action/", "description": ""}, {"name": "Ember Octane Update: Landing Decorators", "url": "https://www.pzuraq.com/ember-octane-update-landing-decorators/", "description": ""}, {"name": "Ember Octane Update: Async Observers", "url": "https://www.pzuraq.com/ember-octane-update-async-observers/", "description": ""}, {"name": "Confirming Actions in Ember.js", "url": "https://medium.com/@chrsmllr/confirming-actions-in-ember-362b19a0c01f", "description": ""}, {"name": "Async Computed Properties in Ember.js", "url": "https://www.barelyknown.com/posts/async-computed-properties-in-ember", "description": ""}, {"name": "Ember.js Native Class Update: 2019 Edition", "url": "https://www.pzuraq.com/emberjs-native-class-update-2019-edition/", "description": ""}, {"name": "Ember.js Route Hooks \u2014 A Complete Look", "url": "https://alexdiliberto.com/posts/ember-route-hooks-a-complete-look/", "description": ""}, {"name": "Understanding unknownProperty in Ember.js", "url": "https://wyeworks.com/blog/2015/11/24/understanding-unknownproperty-in-ember", "description": ""}, {"name": "An Introduction to Ember.js for Angular Developers", "url": "https://davidtang.io/2016/02/10/introduction-to-ember-for-angular-developers.html", "description": ""}, {"name": "Debugging Ember.js with VScode", "url": "https://dev.to/michalbryxi/debugging-emberjs-with-vscode-2p5g", "description": ""}, {"name": "Staging environments with ember-cli-deploy", "url": "http://blog.firstiwaslike.com/staging-environments-with-ember-cli-deploy/", "description": ""}, {"name": "Higher-Order Components in Ember.js", "url": "https://www.chriskrycho.com/2018/higher-order-components-in-emberjs.html", "description": ""}, {"name": "How to handle async properties in Ember.js", "url": "https://medium.com/macsour/how-to-handle-async-abilities-with-ember-can-22d90df056ed", "description": ""}, {"name": "8 Top Ember.js Interview Questions in 2018", "url": "http://blog.honeypot.io/emberjs-interview-questions-2018/", "description": ""}, {"name": "Ember.js community, meet CodeSandbox!", "url": "https://medium.com/@mikenorth/ember-community-meet-codesandbox-10a43076b3fa", "description": ""}, {"name": "Fuel up your Ember.js with Octane", "url": "https://clark.engineering/fuel-up-your-ember-with-octane-171c8dd13fd6", "description": ""}, {"name": "Ember Octane \u2013 everything one can expect in the next Ember.js edition", "url": "http://hangaroundtheweb.com/2018/08/ember-octane-everything-one-can-expect-in-the-next-ember-edition/", "description": ""}, {"name": "Lazy-loading modules in Ember.js", "url": "https://medium.com/zonky-developers/lazy-loading-modules-in-emberjs-e4f880b15aa0", "description": ""}, {"name": "Components patterns in Ember.js", "url": "https://medium.com/macsour/components-patterns-in-ember-js-5e6fc6eea28f", "description": ""}, {"name": "Optimizing Ember.js Templates", "url": "https://medium.com/square-corner-blog/optimizing-ember-templates-c479d26fe58e", "description": ""}, {"name": "How to keep your ember.js project clean and well-structured", "url": "https://geeks.uniplaces.com/how-to-keep-your-ember-js-project-clean-and-well-structured-fbff040274de", "description": ""}, {"name": "PWA Your Ember.js App", "url": "https://blog.201-created.com/pwa-your-ember-app-7ee8242f306e", "description": ""}, {"name": "Adding a new build notification to an Ember.js application", "url": "https://medium.com/@jonpitch/adding-a-new-build-notification-to-an-ember-application-c657211289f6", "description": ""}, {"name": "Making Ember.js Applications' UI Transitions Screen Reader Friendly", "url": "https://engineering.linkedin.com/blog/2018/10/making-ember-applications--ui-transitions-screen-reader-friendly", "description": ""}, {"name": "Share Ember.js common code between apps", "url": "https://dev.to/michalbryxi/share-emberjs-common-code-between-apps-1a7k", "description": ""}, {"name": "The Ember.js of the future... today!", "url": "https://dev.to/nullvoxpopuli/the-emberjs-of-the-future-today-12c", "description": ""}, {"name": "Building a Progressive Web App with Ember.js", "url": "https://madhatted.com/2017/6/16/building-a-progressive-web-app-with-ember", "description": ""}, {"name": "Dynamic component layout in Ember.js", "url": "https://medium.com/freshworks-engineering-blog/dynamic-component-layout-in-ember-c9375c49126a", "description": ""}, {"name": "Using PurgeCSS with Ember.js", "url": "http://www.jurecuhalev.com/blog/2018/09/07/using-purgecss-with-ember-js/", "description": ""}, {"name": "Modern Ember.js (2018)", "url": "https://codingitwrong.com/2018/08/16/modern-ember.html", "description": ""}, {"name": "Automating Ember.js App Deployment on AWS", "url": "https://medium.com/@piotr.steininger/automating-ember-js-app-deployment-on-aws-feccc6d94828", "description": ""}, {"name": "Django & Ember.js Full Stack Basics: Connecting Frontend and Backend\u200a\u2014\u200aPart 1", "url": "https://medium.com/@sunskyearthwind/django-emberjs-full-stack-basics-connecting-frontend-and-backend-part-1-beed8c386b08", "description": ""}, {"name": "Everything one can expect in Ember Octane", "url": "http://hangaroundtheweb.com/2018/08/ember-octane-everything-one-can-expect-in-the-next-ember-edition", "description": ""}, {"name": "Shipping Ember.js bundles based on the user's browser", "url": "https://sivasubramanyam.me/emberjs-shipping-different-bundles/", "description": ""}, {"name": "To `attrs` or not to `attrs`", "url": "https://locks.svbtle.com/to-attrs-or-not-to-attrs", "description": ""}, {"name": "Nested components and angle brackets, a sneaky solution", "url": "https://locks.svbtle.com/nested-components-and-angle-brackets", "description": ""}, {"name": "How I added whitelabel theming to my Ember.js app", "url": "https://medium.com/@simeonberns/how-i-added-whitelabel-theming-to-my-ember-app-97bfca9e263a", "description": ""}, {"name": "Decorating Guide: Commonly-Used Ember.js Decorators", "url": "https://codingitwrong.com/2018/08/21/decorating-guide.html", "description": ""}, {"name": "Understanding Ember's resolver", "url": "https://dockyard.com/blog/2016/09/14/understanding-ember-s-resolver", "description": ""}, {"name": "Creating Connection-aware Ember.js Media Components", "url": "http://hangaroundtheweb.com/2018/08/creating-connection-aware-ember-media-components/", "description": ""}, {"name": "A framework for ambitious Chrome Extensions", "url": "https://envoy.engineering/a-framework-for-ambitious-chrome-extensions-b08d1f4b944d", "description": ""}, {"name": "Autodiscovery for the Ember.js component playground", "url": "https://simplabs.com/blog/2018/06/05/ember-component-playground.html", "description": ""}, {"name": "Configuring Ember.js Analytics for GDPR", "url": "https://fullstackstanley.com/read/configuring-ember-js-analytics-for-gdpr", "description": ""}, {"name": "Drag and Drop on iOS with Ember.js", "url": "https://dockyard.com/blog/2018/07/20/drag-and-drop-on-ios-with-ember", "description": ""}, {"name": "Tips for improving build time of large apps", "url": "https://discuss.emberjs.com/t/tips-for-improving-build-time-of-large-apps/15008", "description": ""}, {"name": "Error Handling", "url": "https://github.com/pixelhandler/ember-jsonapi-resources/wiki/Error-Handling", "description": "", "stars": "124"}, {"name": "Build and Authenticate an Ember.js 3 Application", "url": "https://auth0.com/blog/build-and-authenticate-an-emberjs-3-application", "description": ""}, {"name": "Everything you need to know to upgrade your Ember.js app", "url": "https://medium.com/front-end-hacking/everything-you-need-to-know-to-upgrade-your-ember-js-app-including-ember-3-9de5e808dde0", "description": ""}, {"name": "16 Opensource Ember.js Projects to Learn From", "url": "https://www.icicletech.com/blog/16-opensource-emberjs-projects-to-learn-from", "description": ""}, {"name": "5 Essential Ember.js Concepts You Must Understand", "url": "https://emberigniter.com/5-essential-ember-concepts/", "description": ""}, {"name": "Adding AWS Amplify to an Ember.js Application", "url": "https://itnext.io/adding-aws-amplify-to-an-ember-js-application-72683167c476", "description": ""}, {"name": "An Interview with Tom Dale of Ember.js", "url": "https://javascriptreport.com/interview-with-tom-dale/", "description": ""}, {"name": "Animations in Ember.js with liquid-fire", "url": "https://www.airpair.com/ember.js/posts/animations-in-emberjs-with-liquidfire", "description": ""}, {"name": "Awesome Ember.js Addons", "url": "https://www.codementor.io/gowiem/awesome-ember-addons-bwhiofit9", "description": ""}, {"name": "Building a performant real-time web app with Ember Fastboot and Phoenix", "url": "https://medium.com/peep-stack/building-a-performant-web-app-with-ember-fastboot-and-phoenix-part-1-fa1241654308", "description": ""}, {"name": "Debug Ember.js app with VSCode", "url": "https://medium.com/@minhdn/debug-ember-app-with-vscode-5f4fde511f9f", "description": ""}, {"name": "Debugging Ember.js applications in Visual Studio Code", "url": "http://blog.firstiwaslike.com/debugging-ember-js-application-in-visual-studio-code/", "description": ""}, {"name": "DEPLOYING WITH EMBER.JS: A STORY", "url": "https://blogs.library.ucsf.edu/ckm/2017/09/06/deploying-with-ember-js-a-story/", "description": ""}, {"name": "Do not confuse environment for deploy target", "url": "https://lolma.us/en/blog/class-and-attribute-bindings", "description": ""}, {"name": "Ember.js Best Practices: Computed Properties with Dynamic Dependent Keys", "url": "https://dockyard.com/blog/2015/10/23/ember-best-practices-dynamic-dependent-keys-for-computed-properties", "description": ""}, {"name": "Ember.js Best Practices: Avoid leaking state into factories", "url": "https://dockyard.com/blog/2015/09/18/ember-best-practices-avoid-leaking-state-into-factories", "description": ""}, {"name": "Ember CLI Addon Docs: Shared Documentation for the Ember.js Ecosystem", "url": "https://medium.com/build-addepar/ember-cli-addon-docs-shared-documentation-for-the-ember-ecosystem-6f29aa0cee87", "description": ""}, {"name": "Ember Inspector - The Journey so Far", "url": "https://shipshape.io/blog/ember-inspector-the-journey-so-far/", "description": ""}, {"name": "Ember.js on Medium", "url": "https://medium.com/front-end-hacking/tagged/ember", "description": ""}, {"name": "EmberCamp Module Unification Update", "url": "https://madhatted.com/2017/7/12/embercamp-module-unification-update", "description": ""}, {"name": "Skeleton Screen Loading in Ember.js", "url": "https://emberway.io/skeleton-screen-loading-in-ember-js-2f7ac2384d63", "description": ""}, {"name": "Static Blogs with Prember and Markdown", "url": "https://shipshape.io/blog/static-blogs-with-prember-and-markdown/", "description": ""}, {"name": "Tom Dale on Ember.js and JavaScript Frameworks", "url": "https://www.infoq.com/interviews/tom-dale-ember", "description": "Year 2013."}, {"name": "Using ember-freestyle as a component playground", "url": "https://simplabs.com/blog/2018/01/24/ember-freestyle.html", "description": ""}, {"name": "Using npm libraries in Ember CLI", "url": "https://simplabs.com/blog/2017/02/13/npm-libs-in-ember-cli.html", "description": ""}, {"name": "We have a new Ember.js front-end!", "url": "https://medium.com/@appaloosastore/we-have-a-new-emberjs-front-end-c7246e76cdbd", "description": ""}, {"name": "What you didn't know about passing dynamic classname and attribute bidings from parent template", "url": "https://lolma.us/en/blog/class-and-attribute-bindings", "description": ""}, {"name": "You can only change what you can measure", "url": "https://blog.201-created.com/you-can-only-change-what-you-can-measure-6be8826503a7", "description": ""}, {"name": "How I added whitelabel theming to my Ember.js app", "url": "https://medium.com/@simeonberns/how-i-added-whitelabel-theming-to-my-ember-app-97bfca9e263a", "description": ""}, {"name": "Customising Ember Power Select", "url": "https://medium.com/life-at-kayako/customising-ember-power-select-3d570c7c4c0c", "description": ""}, {"name": "Deep Dive on Ember.js Events", "url": "https://medium.com/square-corner-blog/deep-dive-on-ember-events-cf684fd3b808", "description": ""}, {"name": "A collection of notes that summarize EmberConf 2021", "url": "https://alexdiliberto.com/posts/emberconf-2021-notes/", "description": ""}, {"name": "A collection of notes that summarize EmberConf 2020", "url": "https://alexdiliberto.com/posts/emberconf-2020-notes/", "description": ""}, {"name": "A collection of notes that summarize EmberConf 2019", "url": "https://alexdiliberto.com/posts/emberconf-2019-notes/", "description": ""}, {"name": "EmberConf 2019 Links and Notes", "url": "https://github.com/dknutsen/emberconf-2019", "description": "", "stars": "8"}, {"name": "A collection of links that summarize EmberConf 2018", "url": "https://github.com/nucleartide/emberconf-2018", "description": "", "stars": "57"}, {"name": "A collection of links that summarize EmberConf 2017", "url": "https://github.com/poteto/emberconf-2017", "description": "", "stars": "101"}, {"name": "A collection of links that summarize EmberConf 2016", "url": "https://github.com/poteto/emberconf-2016", "description": "", "stars": "268"}, {"name": "A collection of links that summarize EmberConf 2015", "url": "https://github.com/poteto/emberconf-2015", "description": "", "stars": "244"}, {"name": "A list of EmberJS2018 blog posts and ideas", "url": "https://github.com/zinyando/emberjs2018-posts", "description": "", "stars": "35"}, {"name": "Blog Post for an Ambitious Framework", "url": "https://blog.201-created.com/blog-post-for-an-ambitious-framework-d7e9248893fa", "description": ""}, {"name": "Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019", "url": "https://0xadada.pub/2019/06/17/essential-ember-addons/", "description": ""}, {"name": "Deploying an Ember.js App to Netlify", "url": "https://derricksdocs.com/deploying-an-emberjs-app-to-netlify/", "description": ""}, {"name": "Ember performance tweaks: Optimising build timelines & bundle size", "url": "https://abhilashlr.in/ember-performance-tweaks-part-1", "description": ""}, {"name": "Ember performance tweaks: Optimising Assets", "url": "https://abhilashlr.in/ember-performance-tweaks-part-2", "description": ""}, {"name": "Ember performance tweaks: Search engine optimization", "url": "https://abhilashlr.in/ember-performance-tweaks-part-3", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Ember-Cli Articles", "entries": [{"name": "Ember-cli fingerprinting and dynamic assets", "url": "https://medium.com/@ruslanzavacky/ember-cli-fingerprinting-and-dynamic-assets-797a298d8dc6", "description": ""}, {"name": "Secrets of the Ember-CLI server: Express middleware with Ember-CLI", "url": "https://blog.201-created.com/secrets-of-the-ember-cli-server-bde80bb546dd", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Why Articles", "entries": [{"name": "NYC Planning Labs: Why Choose Ember.js?", "url": "https://medium.com/nycplanninglabs/nyc-planning-labs-why-choose-ember-js-fe9ff75f4373", "description": ""}, {"name": "Why DockYard Builds with Ember.js", "url": "https://dockyard.com/blog/2017/10/04/why-dockyard-uses-ember", "description": ""}, {"name": "Ember.js. Your best bet.", "url": "https://medium.com/@alvincrespo/ember-your-best-bet-b5cd7275dc84", "description": ""}, {"name": "Why Ember.js?", "url": "http://www.melsumner.com/blog/ember/why-ember/", "description": ""}, {"name": "6 Reasons Why To Use Ember.js In 2019", "url": "https://selleo.com/blog/6-reasons-why-to-use-ember-in-2019", "description": ""}, {"name": "Ember.js: Our Secret Weapon", "url": "https://www.prototypal.io/blog/", "description": ""}, {"name": "How Ember.js Enables Us to Focus on Shipping Features", "url": "http://blog.nightwatch.io/ember-js-shipping-features", "description": ""}, {"name": "When you should not pick Ember.js as your next front-end tool", "url": "https://medium.com/selleo/when-you-should-not-pick-emberjs-as-your-next-front-end-tool-203697c2e0f0", "description": ""}, {"name": "Moving from React to Ember 2020", "url": "http://medium.com/@nowims/moving-from-react-to-ember-2020-86e082477d45", "description": ""}, {"name": "Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019", "url": "https://0xadada.pub/2019/06/17/essential-ember-addons/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Jump-Start Articles", "entries": [{"name": "The simplest possible Ember Data CRUD Tutorial", "url": "https://medium.com/ember-ish/the-simplest-possible-ember-data-crud-16eacee33ae6", "description": ""}, {"name": "Challenges I face(d) with Ember.js", "url": "https://medium.com/@sarbbottam/challenges-i-face-with-ember-js-59bfba30416e", "description": ""}, {"name": "It\u2019s easier in Ember.js. Probably.", "url": "http://www.melsumner.com/blog/development/its-easier-in-ember-probably/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles Glimmer", "entries": [{"name": "Alternative View Layers for an Elm App", "url": "https://robots.thoughtbot.com/elm-glimmer", "description": ""}, {"name": "Creating Web Components with Glimmer", "url": "https://simplabs.com/blog/2017/08/28/creating-web-components-with-glimmer.html", "description": ""}, {"name": "Building a PWA with Glimmer.js", "url": "https://simplabs.com/blog/2018/07/03/building-a-pwa-with-glimmer-js.html", "description": ""}, {"name": "The Glimmer VM: Boots Fast and Stays Fast", "url": "https://yehudakatz.com/2017/04/05/the-glimmer-vm-boots-fast-and-stays-fast/", "description": ""}, {"name": "The Glimmer Binary Experience", "url": "https://engineering.linkedin.com/blog/2017/12/the-glimmer-binary-experience", "description": ""}, {"name": "Glimmer.js: What\u2019s the Deal with TypeScript?", "url": "https://medium.com/@tomdale/glimmer-js-whats-the-deal-with-typescript-f666d1a3aad0", "description": ""}, {"name": "Glimmer.js Application proposal", "url": "https://gist.github.com/tomdale/10fe9feeb84f2e4325f042839799bd9d", "description": "Compilation, Rendering, SSR, Rehydration."}, {"name": "Git Guides", "url": "https://github.com/glimmerjs/glimmer-vm/blob/master/guides/01-introduction.md", "description": "", "stars": "1.1k"}, {"name": "Designing and Implementing Glimmer Like a Programming Language", "url": "https://thefeedbackloop.xyz/designing-and-implementing-glimmer-like-a-programming-language/", "description": ""}, {"name": "Glimmer: Blazing Fast Rendering for Ember.js, Part 1", "url": "https://engineering.linkedin.com/blog/2017/03/glimmer--blazing-fast-rendering-for-ember-js--part-1", "description": ""}, {"name": "Glimmer: Blazing Fast Rendering for Ember.js, Part 2", "url": "https://engineering.linkedin.com/blog/2017/06/glimmer--blazing-fast-rendering-for-ember-js--part-2", "description": ""}, {"name": "Why I\u2019m excited about Glimmer.js", "url": "https://hackernoon.com/why-im-excited-about-glimmerjs-3631bd0c95c4", "description": ""}, {"name": "Getting Started With Glimmer-Native", "url": "https://codingitwrong.com/2019/06/26/glimmer-native-tutorial.html", "description": ""}, {"name": "What is the current state of more advanced Glimmer VM features?", "url": "https://discuss.emberjs.com/t/what-is-the-current-state-of-more-advanced-glimmer-vm-features/18114/4", "description": ""}, {"name": "UNIT-TESTING GLIMMER COMPONENTS", "url": "https://timgthomas.com/2019/11/unit-testing-glimmer-components/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles Engines", "entries": [{"name": "CSS in Ember Engines", "url": "https://medium.com/@ynotdraw/css-in-ember-engines-230ef8d4cef8", "description": ""}, {"name": "Enginification", "url": "https://simplabs.com/blog/2017/12/04/enginification.html", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles Ember-Concurrency", "entries": [{"name": "Adopting ember-concurrency or: How I Learned to Stop Worrying and Love the Task", "url": "https://engineering.linkedin.com/blog/2016/12/ember-concurrency--or--how-i-learned-to-stop-worrying-and-love-t", "description": ""}, {"name": "Async or Swim: Replacing your Route models with Ember Concurrency Tasks", "url": "https://medium.com/@AveryBloom/async-or-swim-replacing-your-route-models-with-ember-concurrency-tasks-5a230252893a", "description": ""}, {"name": "ember-concurrency: the solution to so many problems you never knew you had", "url": "https://emberway.io/ember-concurrency-the-solution-to-so-many-problems-you-never-knew-you-had-cce6d7731ba9", "description": ""}, {"name": "PromiseProxyMixin: pure Ember alternative to ember-concurrency", "url": "https://lolma.us/en/blog/promise-proxy-mixin/", "description": ""}, {"name": "Two-Tasks Routes in Ember.js", "url": "https://tritarget.org/#Two-Tasks%20Routes%20in%20Ember", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles ES6", "entries": [{"name": "ES Classes in Ember.js", "url": "https://medium.com/build-addepar/es-classes-in-ember-js-63e948e9d78e", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles TypeScript", "entries": [{"name": "ember-cli-typescript v2 beta", "url": "https://www.chriskrycho.com/2018/ember-cli-typescript-v2-beta.html", "description": ""}, {"name": "Ember Typescript Code Coverage - how to gist", "url": "https://gist.github.com/lifeart/5f75981d5f6262d1bfc4525aebfcf7d5", "description": ""}, {"name": "Type-Informed Design", "url": "https://www.chriskrycho.com/2018/type-informed-design.html", "description": ""}, {"name": "Typing Your Ember.js", "url": "https://www.chriskrycho.com/typing-your-ember.html", "description": "Using TypeScript with Ember.js."}, {"name": "Ember.js, TypeScript, and Class Properties", "url": "https://www.chriskrycho.com/2018/ember-ts-class-properties.html", "description": ""}, {"name": "Set your Ember.js project up to use TypeScript", "url": "http://www.chriskrycho.com/2017/typing-your-ember-part-1.html", "description": ""}, {"name": "Class properties\u200a\u2014\u200asome notes on how things differ from the Ember.Object world", "url": "https://www.chriskrycho.com/2018/typing-your-ember-update-part-2.html", "description": ""}, {"name": "Computed properties, actions, mixins, and class methods", "url": "https://www.chriskrycho.com/2018/typing-your-ember-update-part-3.html", "description": ""}, {"name": "Using Ember Data, and service and controller injections improvements", "url": "https://www.chriskrycho.com/2018/typing-your-ember-update-part-4.html", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles Modern Testing", "entries": [{"name": "Using Fakes from Ember-Sinon-QUnit", "url": "https://medium.com/@mudflye/using-fakes-from-ember-sinon-qunit-c9fb7d4d9b1d", "description": ""}, {"name": "Headless Ember.js Tests in GitLab with Docker", "url": "https://medium.com/devopslinks/headless-ember-tests-in-gitlab-with-docker-fd5f05eef436", "description": ""}, {"name": "Making my Ember.js test suite 3x faster. A story about Mirage", "url": "https://mlange.io/blog/making-tests-faster-mirage/making-tests-faster-mirage/", "description": ""}, {"name": "Learn TDD in Ember.js", "url": "https://learntdd.in/ember/", "description": ""}, {"name": "STORY-BASED BDD - AN ALTERNATIVE APPROACH TO TESTING WITH EMBER", "url": "https://www.kaliber5.de/en/blog/story-based-bdd-an-alternative-approach-to-testing-with-ember/", "description": ""}, {"name": "Ember.js Timer Leaks: The Bad Apples in Your Test Infrastructure", "url": "https://engineering.linkedin.com/blog/2018/01/ember-timer-leaks", "description": ""}, {"name": "Test helpers: The next generation", "url": "https://dockyard.com/blog/2018/01/18/test-helpers-the-next-generation", "description": ""}, {"name": "How we test 200k lines Ember.js application in <10 minutes. Again!", "url": "https://hackernoon.com/how-we-got-tests-for-200k-lines-ember-application-running-10-minutes-again-1fa7a4c5af2f", "description": ""}, {"name": "Bending Time in Ember.js Tests", "url": "https://dockyard.com/blog/2018/04/18/bending-time-in-ember-tests", "description": ""}, {"name": "Ember.js QUnit Simplification", "url": "https://www.rwjblue.com/2017/10/23/ember-qunit-simplication/", "description": ""}, {"name": "Testing your Ember.js application in 2018", "url": "https://dockyard.com/blog/2018/03/29/testing-your-ember-application-in-2018", "description": ""}, {"name": "Modern Ember.js Testing", "url": "https://dockyard.com/blog/2018/01/11/modern-ember-testing", "description": ""}, {"name": "Testing Ember.js Applications in 2018", "url": "https://blog.201-created.com/testing-ember-applications-in-2018-4635ac241f00", "description": ""}, {"name": "Testing Ember.js Mixins (and Helpers) With a Container", "url": "https://www.chriskrycho.com/2016/testing-emberjs-mixins-with-a-container.html", "description": ""}, {"name": "Write Tests Like a Mathematician: Part 1", "url": "https://crunchingnumbers.live/2019/08/04/write-tests-like-a-mathematician-part-1/", "description": ""}, {"name": "Write Tests Like a Mathematician: Part 2", "url": "https://crunchingnumbers.live/2019/08/06/write-tests-like-a-mathematician-part-2/", "description": ""}, {"name": "Write Tests Like a Mathematician: Part 3", "url": "https://crunchingnumbers.live/2019/10/11/write-tests-like-a-mathematician-part-3/", "description": ""}, {"name": "Setting up Coveralls for your Ember Addons", "url": "http://hangaroundtheweb.com/2020/05/setting-up-coveralls-for-your-ember-addons/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles FastBoot", "entries": [{"name": "How to integrate Ember FastBoot in Cloud Functions for Firebase", "url": "https://cenchat.com/blog/2019/06/06/how-to-setup-ember-fastboot-in-cloud-functions-for-firebase.html", "description": ""}, {"name": "Ember FastBoot + Google App Engine", "url": "https://pulletsforever.com/ember-fastboot-google-app-engine-1d38e1e3ffc2", "description": ""}, {"name": "Deploying FastBoot apps with ember-cli-deploy", "url": "https://www.effective-ember.com/blog/deploying-fastboot-apps-with-ember-cli-deploy", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles about Data", "entries": [{"name": "Managing Relations in Ember Data with JSON API", "url": "https://www.mediasuite.co.nz/blog/managing-relations-ember-data-json-api/", "description": ""}, {"name": "Creating a Default Record When a belongsTo Request Errors", "url": "https://shipshape.io/blog/ember-data-belongs-to-find-or-create/", "description": ""}, {"name": "The case against async relationships in Ember Data", "url": "https://embermap.com/notes/83-the-case-against-async-relationships", "description": ""}, {"name": "No Graph Theory Required: Ember.js and GraphQL in Practice", "url": "https://medium.com/kloeckner-i/ember-and-graphql-8aa15f7a2554", "description": ""}, {"name": "Offline Data and Sync with Ember-Orbit", "url": "https://codingitwrong.com/2018/05/10/ember-orbit.html", "description": ""}, {"name": "Inlining store data in Ember.js", "url": "https://balinterdi.com/blog/inlining-store-data-in-ember-js/", "description": ""}, {"name": "Extracting Metadata from a Custom API with Ember Data", "url": "https://thejsguy.com/2018/04/06/extracting-metadata-from-a-custom-api-with-ember-data.html", "description": ""}, {"name": "Ad Hoc Relationships with Ember Data", "url": "https://shipshape.io/blog/ad-hoc-relationships-with-ember-data/", "description": ""}, {"name": "Ember Data RecordArray AntiPatterns", "url": "https://gist.github.com/runspired/d86a76158050c4f573f5f26df1dab143", "description": ""}, {"name": "Useful Ember Data helpers", "url": "https://gist.github.com/runspired/96618af26fb1c687a74eb30bf15e58b6", "description": ""}, {"name": "Cascade Deleting Relationships in Ember Data", "url": "https://davidtang.io/2017/02/10/cascade-deleting-relationships-in-ember-data.html", "description": ""}, {"name": "Fit Any Backend Into Ember with Custom Adapters & Serializers", "url": "https://emberigniter.com/fit-any-backend-into-ember-custom-adapters-serializers/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Articles about Routing", "entries": [{"name": "How to reset the Ember.js router namespace with this.route()", "url": "http://toddsmithsalter.com/how-to-reset-the-route-namespace-with-this-route/", "description": ""}, {"name": "Ember.js-Router Wildcard/Globbing Routes", "url": "https://www.tutorialspoint.com/emberjs/route_glbng_rut.htm", "description": ""}, {"name": "Ember.js.Route redirecting \u2018/\u2019 to \u2018/my-own\u2019", "url": "https://medium.com/ember-titbits/quest-4-ember-route-defaulting-to-my-own-f22b0dcb336f", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Yarn in Ember Articles", "entries": [{"name": "Ember.js and Yarn Workspaces", "url": "https://medium.com/square-corner-blog/ember-and-yarn-workspaces-fca69dc5d44a", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Best-practices", "entries": [{"name": "ember-best-practices", "url": "https://github.com/ember-best-practices", "description": ""}, {"name": "An Ember.js Debugging Flowchart", "url": "https://www.mutuallyhuman.com/blog/2016/08/12/an-ember-debugging-flowchart", "description": ""}, {"name": "Built-in input helpers in Ember.js: when should they be used?", "url": "https://balinterdi.com/blog/built-in-input-helpers-in-ember-js-when-and-whether-they-should-be-used/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Nice to know", "entries": [{"name": "Codemods", "url": "https://caseywatts.com/2018/08/23/codemods.html", "description": ""}, {"name": "Creating runtime assisted Codemods using Telemetry helpers", "url": "http://hangaroundtheweb.com/2019/10/creating-runtime-assisted-codemods-using-telemetry-helpers/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Blogs", "entries": [{"name": "lost-in-technology.com", "url": "https://www.lost-in-technology.com/blog/", "description": ""}, {"name": "TODAY I LEARNED / Ember.js", "url": "https://til.hashrocket.com/emberjs", "description": ""}, {"name": "Ember.js Daily Tips", "url": "http://www.emberdaily.com", "description": ""}, {"name": "emberway.io", "url": "https://emberway.io/", "description": ""}, {"name": "yehudakatz", "url": "https://yehudakatz.com/", "description": ""}, {"name": "201-created.com", "url": "https://blog.201-created.com/", "description": ""}, {"name": "airpair.com", "url": "https://www.airpair.com/ember.js", "description": ""}, {"name": "alexdiliberto.com", "url": "https://alexdiliberto.com/", "description": ""}, {"name": "balinterdi.com", "url": "https://balinterdi.com/blog/", "description": "Balint Erdi blog."}, {"name": "codeburst.io", "url": "https://codeburst.io/tagged/emberjs", "description": ""}, {"name": "codementor.io", "url": "https://www.codementor.io/community/topic/emberjs", "description": ""}, {"name": "dockyard.com", "url": "https://dockyard.com/blog/categories/ember", "description": ""}, {"name": "emberigniter.com", "url": "https://emberigniter.com/articles/", "description": ""}, {"name": "blog.embermap.com", "url": "https://blog.embermap.com", "description": ""}, {"name": "engineering.linkedin.com", "url": "https://engineering.linkedin.com/blog/topic/ember", "description": ""}, {"name": "hackernoon.com", "url": "https://hackernoon.com/tagged/ember", "description": ""}, {"name": "lolma.us", "url": "https://lolma.us/en/blog", "description": ""}, {"name": "madhatted.com", "url": "https://madhatted.com/", "description": ""}, {"name": "medium.com/ember-ish", "url": "https://medium.com/ember-ish", "description": "Ember.js essentials for beginners and intermediate devs."}, {"name": "netguru.co", "url": "https://www.netguru.co/blog/topic/ember-js", "description": ""}, {"name": "programwitherik.com", "url": "https://www.programwitherik.com", "description": "Ember.js tuts."}, {"name": "rwjblue.com", "url": "http://rwjblue.com/", "description": ""}, {"name": "shipshape.io", "url": "https://shipshape.io/blog/", "description": ""}, {"name": "simplabs.com", "url": "https://simplabs.com/blog/", "description": ""}, {"name": "thejsguy.com", "url": "https://thejsguy.com/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Books", "entries": [{"name": "The Shortest Ember.js Book", "url": "https://github.com/ember-learn/the-shortest-ember-book", "description": "", "stars": "38"}, {"name": "A deep dive into the Ember.js runloop", "url": "https://github.com/eoinkelly/ember-runloop-handbook", "description": "", "stars": "370"}, {"name": "Developing an Ember.js Edge", "url": "https://gumroad.com/l/xlsx", "description": ""}, {"name": "Ember Data in the Wild", "url": "https://leanpub.com/emberdatainthewild", "description": ""}, {"name": "ember-cli 101", "url": "https://leanpub.com/ember-cli-101", "description": "By Adolfo Builes."}, {"name": "Ember.js for Artisans", "url": "https://leanpub.com/emberforartisans", "description": "Creating Single Page Apps backed by Laravel."}, {"name": "Ember.js in Action", "url": "http://manning.com/skeie/", "description": "By Joachim Haagen Skeie."}, {"name": "Professor Frisby's Mostly adequate guide to Functional Programming", "url": "https://drboolean.gitbooks.io/mostly-adequate-guide-old/", "description": ""}, {"name": "Rock and Roll with Ember.js", "url": "http://rockandrollwithemberjs.com/", "description": ""}, {"name": "Ember.js Book (RU)", "url": "https://leanpub.com/ember-book", "description": ""}, {"name": "Pragmatic, balanced FP in JavaScript", "url": "https://github.com/getify/Functional-Light-JS", "description": "", "stars": "17k"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Cheatsheets", "entries": [{"name": "API", "url": "https://emberjs.com/api/", "description": ""}, {"name": "Glimmer.js", "url": "https://glimmerjs.com/", "description": ""}, {"name": "guides", "url": "https://guides.emberjs.com/", "description": ""}, {"name": "Ember Component Cheat Sheet", "url": "https://codingitwrong.com/2019/07/23/ember-component-cheat-sheet.html", "description": "pre Octane"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Codemods", "entries": [{"name": "ember-es6-class-codemod", "url": "https://github.com/scalvert/ember-es6-class-codemod", "description": "A codemod-cli project for converting Ember.js objects to es6 native classes.", "stars": "68"}, {"name": "ember-native-class-codemod", "url": "https://github.com/ember-codemods/ember-native-class-codemod", "description": "A codemod for transforming your ember app code to native JavaScript class syntax with decorators!", "stars": "68"}, {"name": "ember-cli-mirage-faker-codemod", "url": "https://github.com/caseywatts/ember-cli-mirage-faker-codemod", "description": "This codemod is to help transition from importing faker through ember-cli-mirage, to instead import it directly from faker.", "stars": "2"}, {"name": "ember-mocha-codemods", "url": "https://github.com/Turbo87/ember-mocha-codemods", "description": "Codemod scripts for ember-mocha.", "stars": "4"}, {"name": "ember-module-migrator", "url": "https://github.com/rwjblue/ember-module-migrator", "description": "Automated migration for new Ember.js application layout.", "stars": "75"}, {"name": "ember-qunit-codemod", "url": "https://github.com/rwjblue/ember-qunit-codemod", "description": "This codemod is intended to automatically convert your projects from the older moduleFor\\* syntax of ember-qunit\\@2 to the newer syntax.", "stars": "36"}, {"name": "ember-test-helpers-codemod", "url": "https://github.com/simonihmig/ember-test-helpers-codemod", "description": "Codemod to transform your Ember.js tests to use @ember/test-helpers.", "stars": "29"}, {"name": "es5-getter-ember-codemod", "url": "https://github.com/rondale-sc/es5-getter-ember-codemod", "description": "This codemod is intended to automatically convert your usage of get, and getProperties to use traditional object dot notation.", "stars": "34"}, {"name": "qunit-dom-codemod", "url": "https://github.com/simplabs/qunit-dom-codemod", "description": "Basic codemod to automatically convert your assertions to qunit-dom assertions.", "stars": "14"}, {"name": "test-selectors-codemod", "url": "https://github.com/lorcan/test-selectors-codemod", "description": "A codemode for fixing the ember-test-selectors testSelector helper deprecation.", "stars": "7"}, {"name": "ember-on-codemod", "url": "https://github.com/craigbilner/ember-on-codemod", "description": "Replace use of Ember.on.", "stars": "0"}, {"name": "ember-memory-leaks-codemod", "url": "https://github.com/rajasegar/ember-memory-leaks-codemod", "description": "A collection of codemod's for fixing memory leaks in Ember.js applications.", "stars": "0"}, {"name": "ember-3x-codemods", "url": "https://github.com/rajasegar/ember-3x-codemods", "description": "A Codemod with a collection of transforms to address Ember.js 3.x deprecations.", "stars": "0"}, {"name": "ember-computed-getter-codemod", "url": "https://github.com/Alonski/ember-computed-getter-codemod", "description": "Ember.js Computed Getter Codemod.", "stars": "0"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Community", "entries": [{"name": "Forum", "url": "http://discuss.emberjs.com/", "description": ""}, {"name": "GitHub issues", "url": "https://github.com/emberjs/ember.js/issues", "description": "", "stars": "22k"}, {"name": "Reddit", "url": "https://www.reddit.com/r/emberjs/", "description": ""}, {"name": "Slack", "url": "https://embercommunity.slack.com", "description": ""}, {"name": "Stack Overflow", "url": "http://stackoverflow.com/questions/tagged/ember.js", "description": ""}, {"name": "Telegram", "url": "https://t.me/ember_js", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Contribution Guides", "entries": [{"name": "How to contribute to the ember times - part1", "url": "https://www.kennethlarsen.org/how-to-contribute-to-the-ember-times", "description": ""}, {"name": "How to contribute ember release post - part2", "url": "https://www.kennethlarsen.org/how-to-contribute-ember-release-post", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Courses", "entries": [{"name": "embermap.com", "url": "https://embermap.com", "description": ""}, {"name": "Emberschool.com", "url": "https://www.emberschool.com", "description": ""}, {"name": "embercasts.com", "url": "https://www.embercasts.com", "description": ""}, {"name": "Frontend Masters: Advanced Ember.js 2.x - Mike North", "url": "https://frontendmasters.com/courses/advanced-ember-2/", "description": ""}, {"name": "Frontend Masters: Ember.js 2.x - Mike North", "url": "https://frontendmasters.com/courses/ember-2/", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Discovery", "entries": [{"name": "emberobserver", "url": "https://emberobserver.com/", "description": "Ember Observer."}, {"name": "emberjs.GitHub.io/rfcs/", "url": "https://emberjs.github.io/rfcs/", "description": "Ember.js RFCs."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Ember Releases", "entries": [{"name": "Ember 3.10 Released", "url": "https://blog.emberjs.com/2019/05/21/ember-3-10-released.html", "description": "May 21, 2019"}, {"name": "Ember 3.11", "url": "https://blog.emberjs.com/2019/07/15/ember-3-11-released.html", "description": "July 15, 2019"}, {"name": "Ember 3.12", "url": "https://blog.emberjs.com/2019/08/16/ember-3-12-released.html", "description": "August 16, 2019"}, {"name": "Ember 3.13 (Octane Preview)", "url": "https://blog.emberjs.com/2019/09/25/ember-3-13-released.html", "description": "Sep 25, 2019"}, {"name": "Ember 3.14 (Octane Preview Cont.)", "url": "https://blog.emberjs.com/2019/11/18/ember-3-14-released.html", "description": "Nov 18, 2019"}, {"name": "Ember 3.15 \"Octane\" Released", "url": "https://blog.emberjs.com/2019/12/20/ember-3-15-released.html", "description": "Dec 20, 2019"}, {"name": "Ember 3.16", "url": "https://blog.emberjs.com/2020/02/12/ember-3-16-released.html", "description": "Feb 12, 2020"}, {"name": "Ember 3.17", "url": "https://blog.emberjs.com/2020/03/16/ember-3-17-released.html", "description": "March 16, 2020"}, {"name": "Ember 3.18", "url": "https://blog.emberjs.com/2020/05/05/ember-3-18-released.html", "description": "May 5, 2020"}, {"name": "Ember 3.19", "url": "https://blog.emberjs.com/2020/06/26/ember-3-19-released.html", "description": "June 26, 2020"}, {"name": "Ember 3.20", "url": "https://blog.emberjs.com/2020/07/29/ember-3-20-released.html", "description": "July 29, 2020"}, {"name": "Ember 3.21", "url": "https://blog.emberjs.com/2020/09/02/ember-3-21-released.html", "description": "Sep 02, 2020"}, {"name": "Ember 3.22", "url": "https://blog.emberjs.com/2020/10/20/ember-3-22-released.html", "description": "Oct 20, 2020"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Examples", "entries": [{"name": "A list of open source Ember.js apps", "url": "https://github.com/EmberSherpa/open-source-ember-apps", "description": "", "stars": "238"}, {"name": "Simple contact manager demo app for ember-orbit", "url": "https://github.com/cerebris/peeps-ember-orbit", "description": "", "stars": "16"}, {"name": "API Docs", "url": "https://github.com/ember-learn/ember-api-docs", "description": "This application was built to display our versioned API docs.", "stars": "73"}, {"name": "guides-app", "url": "https://github.com/ember-learn/guides-app", "description": "Replacement for emberjs/guides and the Ember.js Guides.", "stars": "21"}, {"name": "Builds", "url": "https://github.com/ember-learn/builds", "description": "This is the application that the Ember.js team built to display our various release channels.", "stars": "11"}, {"name": "HospitalRun", "url": "https://github.com/HospitalRun/hospitalrun-frontend", "description": "Ember.js front end for HospitalRun [hospitalrun.io](http://hospitalrun.io/).", "stars": "6.8k"}, {"name": "Rancher", "url": "https://github.com/rancher/ui", "description": "[Rancher](http://rancher.com) is enterprise management for Kubernetes.", "stars": "591"}, {"name": "Super Rentals", "url": "https://github.com/ember-learn/super-rentals", "description": "Super Rentals is a good starter project to get acclimated to the Ember.js way of doing things.", "stars": "165"}, {"name": "Travis CI", "url": "https://github.com/travis-ci/travis-web", "description": "The Ember.js web client for [Travis CI](https://travis-ci.org/).", "stars": "612"}, {"name": "Vault", "url": "https://github.com/hashicorp/vault/tree/master/ui/app", "description": "A Tool for Managing Secrets (Hashicorp).", "stars": "31k"}, {"name": "ember-osf-web", "url": "https://github.com/CenterForOpenScience/ember-osf-web", "description": "Ember.js front-end for the Open Science Framework.", "stars": "120"}, {"name": "ember-graphql-examples", "url": "https://github.com/chadian/ember-graphql-examples", "description": "Examples of using GraphQL in Ember.js.", "stars": "5"}, {"name": "ember-rolodex", "url": "https://github.com/rtablada/ember-rolodex", "description": "An example of what an Ember.js tutorial between the quick start and Super Rents could look like.", "stars": "0"}, {"name": "ember-styleguide", "url": "https://github.com/ember-learn/ember-styleguide", "description": "", "stars": "79"}, {"name": "Ghost Admin Client", "url": "https://github.com/TryGhost/Ghost-Admin", "description": "", "stars": "626"}, {"name": "emberclear", "url": "https://github.com/NullVoxPopuli/emberclear", "description": "Encrypted Chat. No History. No Logs. + MU & TS.", "stars": "197"}, {"name": "Ember.js nested engines example app + Fastboot.", "url": "https://github.com/catz/eng-test", "description": "", "stars": "1"}, {"name": "Percy's frontend web application, built with Ember.js.", "url": "https://github.com/percy/percy-web", "description": ""}, {"name": "Fire Tracker", "url": "https://github.com/SCPR/fire-tracker", "description": "KPCC's tool for following & researching California wildfires."}, {"name": "skylines-project", "url": "https://github.com/skylines-project/skylines/tree/master/ember", "description": "Live tracking, flight database and competition framework.", "stars": "393"}, {"name": "PIX", "url": "https://github.com/1024pix/pix-editor", "description": "PIX.", "stars": "5"}, {"name": "ember-monorepo-demo", "url": "https://github.com/lennyburdette/ember-monorepo-demo", "description": "", "stars": "6"}, {"name": "documize.com", "url": "https://github.com/documize/community", "description": "", "stars": "2.1k"}, {"name": "New York City Census Reporting Tool", "url": "https://github.com/NYCPlanning/labs-factfinder", "description": "", "stars": "40"}, {"name": "Medicine Inventory", "url": "https://github.com/aalasolutions/ember-medical-inventory", "description": "Sample application developed with Ember CLI, Corber.io, ember-element-ui.", "stars": "0"}, {"name": "octane-ecommerce", "url": "https://github.com/betocantu93/octane-ecommerce", "description": "Ember Octane + FastBoot + Algolia + PayPal + Formspree ([s](https://docs.google.com/presentation/d/1YaG26Fj-tVjyFV8LvQJkfIH89-HYdkfHfhdRz3bC2-k/edit#slide=id.g56ccd9a7f0_0_33), [v](https://www.youtube.com/watch?v=KnkWs18V9dA\\&feature=youtu.be), [d](https://octane-ecommerce.herokuapp.com/)).", "stars": "25"}, {"name": "Rust Package Registry", "url": "https://github.com/rust-lang/crates.io", "description": "[crates.io](https://crates.io)", "stars": "2.9k"}, {"name": "Ember.js RealWorld Implementation", "url": "https://github.com/gothinkster/ember-realworld", "description": "Ember.js codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.", "stars": "183"}, {"name": "A wild tomster appears", "url": "https://github.com/scudco/tomsweeper", "description": "", "stars": "17"}, {"name": "An ember integration for building visual programming editors with blockly.", "url": "https://github.com/Program-AR/ember-blockly", "description": "", "stars": "4"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Examples Glimmer", "entries": [{"name": "breethe-client", "url": "https://github.com/simplabs/breethe-client", "description": "Air Quality Data for Locations around the World.", "stars": "75"}, {"name": "Glimmeroids", "url": "https://github.com/t-sauer/Glimmeroids", "description": "Asteroids implementation using Glimmer.js.", "stars": "12"}, {"name": "glimmer-hn-pwa", "url": "https://github.com/mhadaily/glimmer-hn-pwa", "description": "A Demonstration Of Hacker News Progressive Web App Powered By Glimmer.js.", "stars": "28"}, {"name": "the-chosen", "url": "https://github.com/FLarra/the-chosen", "description": "Glimmer.js project created to learn & decide easier during our scrum dailies meeting who is the next person to share status.", "stars": "0"}, {"name": "glimmer\\_eats", "url": "https://github.com/James-Byrne/glimmer_eats", "description": "A demo PWA built with Glimmer.js.", "stars": "0"}, {"name": "built-with-spaghetti", "url": "https://github.com/gordonbisnor/built-with-spaghetti", "description": "Built with Spaghetti aims to function as a gateway to web art.", "stars": "1"}, {"name": "glimmer-live-chat", "url": "https://github.com/rajasegar/glimmer-live-chat", "description": "A Live chat application crafted using Glimmer.js.", "stars": "13"}, {"name": "glimmer-synth", "url": "https://github.com/jimenglish81/glimmer-synth", "description": "Synthesizer built using WebAudio and Glimmer.js.", "stars": "14"}, {"name": "glimmer-js-online-offline-demo", "url": "https://github.com/thomasbrus/glimmer-js-online-offline-demo", "description": "Sample Glimmer.js app: online/offline browser events.", "stars": "2"}, {"name": "glimmer-qrious", "url": "https://github.com/c0urg3tt3/glimmer-qrious", "description": "Glimmer.js components using QRious library to generate QR code in webpage.", "stars": "0"}, {"name": "glimmerjs-address-book-demo", "url": "https://github.com/ttdonovan/glimmerjs-address-book-demo", "description": "Example Glimmer.js application - AddressBook Demo.", "stars": "0"}, {"name": "glimmer-dashboard", "url": "https://github.com/JustInToCoding/glimmer-dashboard", "description": "Glimmer.js dashboard example.", "stars": "0"}, {"name": "glimmer-redux-todo", "url": "https://github.com/bashmach/glimmer-redux-todo", "description": "Todo app written with Glimmer.js and Redux.", "stars": "0"}, {"name": "glimmer-pong", "url": "https://github.com/knownasilya/glimmer-pong", "description": "Pong game written using Glimmer.js and SVGs.", "stars": "5"}, {"name": "glimmer-material", "url": "https://github.com/cyk/glimmer-material", "description": "A Glimmer.js wrapper for Material Components for the Web.", "stars": "5"}, {"name": "glimmer-of-life", "url": "https://github.com/trentmwillis/glimmer-of-life", "description": "An implementation of Conway's Game of Life using Glimmer.js.", "stars": "1"}, {"name": "vorfreude", "url": "https://github.com/chadian/vorfreude", "description": "When you can't wait but have to.", "stars": "7"}, {"name": "endless-hoops", "url": "https://github.com/mtmckenna/endless-hoops", "description": "It's a basketball game written in JavaScript/Canvas/Glimmer.js.", "stars": "1"}, {"name": "glimmer-hangman", "url": "https://github.com/BenSchoenmakers94/glimmer-hangman", "description": "A implementation of the well-known game 'Hangman' in Glimmer.js.", "stars": "0"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Gists", "entries": [{"name": "Forwarding Named Blocks in Glimmer", "url": "https://gist.github.com/tomdale/bedb77662b19529f59154ec55e2f4a21", "description": ""}, {"name": "Multi Named Blocks", "url": "https://gist.github.com/pzuraq/0c16d7baef7237b62dfd7529d1969344", "description": ""}, {"name": "Accessing the Global App Object in an Ember CLI App", "url": "https://gist.github.com/lifeart/fcdc59e2aa6a3c78457fecd57e578aa9", "description": ""}, {"name": "A principled model for forms", "url": "https://gist.github.com/chriskrycho/48fa641eeb55217d4063592b411b1192", "description": ""}, {"name": "ember-cli-advanced-proxy", "url": "https://github.com/bryanaka/ember-cli-advanced-proxy/blob/594e13cf2de386d8ea65dac88f643241f7a28363/index.js", "description": "", "stars": "1"}, {"name": "A list of Ember.js VSCode Extensions", "url": "https://github.com/Alonski/ember-vscode-extensions", "description": "", "stars": "12"}, {"name": "Ember.js Bundle Size", "url": "https://gist.github.com/CodingItWrong/074d20c5468a9c340e15aa46e19a8221", "description": ""}, {"name": "Converting libraries to Ember CLI addons", "url": "https://gist.github.com/kristianmandrup/ae3174217f68a6a51ed5", "description": ""}, {"name": "Developing Addons and Blueprints", "url": "https://gist.github.com/kristianmandrup/ae3174217f68a6a51ed5", "description": ""}, {"name": "Ember.js + ESLint + Prettier + Ember Suave", "url": "https://gist.github.com/sarupbanskota/2394fc439e538239a073c39514a5aa55", "description": ""}, {"name": "@listochkin/Ember.js Video Collection (Ru/En)", "url": "https://gist.github.com/listochkin/87e47cdbf986fb2e9905", "description": ""}, {"name": "@rwjblue/ember\\_examples", "url": "https://gist.github.com/rwjblue/8816372", "description": ""}, {"name": "@wycats/A small sampling of external projects initially built for Ember.js use but designed to be used standalone", "url": "https://gist.github.com/wycats/b58d56e5a47db4128a0a", "description": ""}, {"name": "Ember.js publishing tools", "url": "https://gist.github.com/anulman/1e1da1d38178e7242d4701638bb29391", "description": ""}, {"name": "Ember CLI es6 imports", "url": "https://gist.github.com/lifeart/949d867ba5f5455f8d955d9c9dc3610d", "description": ""}, {"name": "Ember CLI Windows speedup", "url": "https://gist.github.com/lifeart/f436306a92f62610d65caaa699c17065", "description": ""}, {"name": "How to debug an ember application with VS Code", "url": "https://gist.github.com/nightire/38ad30167df55175853b20f025f46596", "description": ""}, {"name": "What are components all about.", "url": "https://gist.github.com/begedin/98045c9b4df900bb4695", "description": ""}, {"name": "\"Why Ember.js\" Thoughts", "url": "https://gist.github.com/MelSumner/971ba6b7a3c0b01a4cb3a43d3b962dac", "description": ""}, {"name": "Ember.js approval requirements", "url": "https://gist.github.com/PoslinskiNet/2d7a05944ca3c468440a0faea153062b", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Gists Ember Data", "entries": [{"name": "Mirage GraphQL example", "url": "https://gist.github.com/samselikoff/0e176a76e5be53cbb94e85020fc2b115", "description": ""}, {"name": "Ember Data | Useful helpers: push-deletion, push-payload", "url": "https://gist.github.com/runspired/96618af26fb1c687a74eb30bf15e58b6", "description": ""}, {"name": "Ember Data | Complex Attrs", "url": "https://gist.github.com/runspired/a4b56f7eefe9f8e04f7f0c83e4dfeaf0", "description": ""}, {"name": "Ember Data | Advanced Query Cache", "url": "https://gist.github.com/runspired/dba8d8b4b0cde8d272ec368739460eba", "description": ""}, {"name": "Ember Data | Can we unload a record that has been deleted?", "url": "https://gist.github.com/runspired/c92c8d066511083f8c171a33ae27dedf", "description": ""}, {"name": "Ember Data | Persist Local Relationship Changes", "url": "https://gist.github.com/runspired/15387de0130478aae377d22b16021982", "description": ""}, {"name": "Ember Data | Push Polymorphic", "url": "https://gist.github.com/runspired/c5e86b006841fdab62bcddbc200f14e2", "description": ""}, {"name": "Ember Data | has-many Batch Create", "url": "https://gist.github.com/runspired/ad9a9bab3ee2dac11c2af8ee9e31b81d", "description": ""}, {"name": "Ember Data | Local Deletion", "url": "https://gist.github.com/runspired/68ad36b99367946a32c470fe1504d0ee", "description": ""}, {"name": "Ember Data | Save Transaction", "url": "https://gist.github.com/runspired/a607f4debabde043efd284a04b244974", "description": ""}, {"name": "Ember Data | Coalesce findHasMany within adapter Twiddle", "url": "https://gist.github.com/runspired/597ff8ccc4e9a06ff26c1754ba108fb3", "description": ""}, {"name": "Ember Data | Nested save", "url": "https://gist.github.com/runspired/bc93f1c525837420f7b14d8cdcb2d36a", "description": ""}, {"name": "Ember Data | Cascade Delete", "url": "https://gist.github.com/runspired/e9ee98ccc89fad2a07d9c86f2541a763", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Miscellaneous", "entries": [{"name": "builtwithember", "url": "http://builtwithember.io/", "description": "Apps powered by Ember.js."}, {"name": "emberwatch", "url": "https://github.com/emberwatch", "description": "The community hub for Ember.js content."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Newsletters", "entries": [{"name": "Ember Weekly", "url": "http://www.emberweekly.com/", "description": "The latest Ember.js news, tips, and code delivered directly to your inbox."}, {"name": "Official Ember Blog", "url": "https://emberjs.com/blog/", "description": "Big announcements like new Ember.js version release notes or State of the Union information."}, {"name": "statusboard", "url": "https://emberjs.com/statusboard/", "description": "STATUS BOARD."}, {"name": "The Ember Times", "url": "https://the-emberjs-times.ongoodbits.com/", "description": "Updates from the Ember.js Learning Team."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Podcasts", "entries": [{"name": "embermap", "url": "https://embermap.com/topics/the-embermap-podcast", "description": ""}, {"name": "emberweekend", "url": "https://emberweekend.com/episodes", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Sandboxes", "entries": [{"name": "Ember Twiddle", "url": "https://ember-twiddle.com/", "description": "An Ember.js Twiddle for multiples files which lets you save your work in GitHub."}, {"name": "Ember @ Glitch", "url": "https://ember.glitch.me/", "description": "Glitch.me with Ember.js."}, {"name": "Ember @ CodeSandbox", "url": "https://codesandbox.io/s/github/mike-north/ember-new-output", "description": "CodeSandbox with Ember.js."}, {"name": "Ember Octane @ CodeSandbox", "url": "https://codesandbox.io/s/octane-starter-li841", "description": "Ember Octane CodeSandbox template."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Screencasts", "entries": [{"name": "BuildLab: Ember.js Screencasts for the determined.", "url": "https://www.youtube.com/channel/UC1ssGKlQh87Ubyuv1lEiY0g", "description": ""}, {"name": "Ember Screencasts", "url": "https://www.emberscreencasts.com/", "description": "Weekly Screencasts for the Busy Developer."}, {"name": "EmberCasts", "url": "http://www.embercasts.com/", "description": "Currently on hiatus whilst the author works on the next version of Handlebars."}, {"name": "EmberWatch - Screencasts", "url": "http://emberwatch.com/screencasts.html", "description": "A collection of Ember.js screencasts."}, {"name": "Community Groups App - Creating Records in Ember CLI Mirage (part 2a)", "url": "https://www.youtube.com/watch?v=4iqNcTUXurY", "description": ""}, {"name": "Community Groups App - Creating Records in Ember CLI Mirage (part 2b)", "url": "https://www.youtube.com/watch?v=eAI1LxgSOqw", "description": ""}, {"name": "Community Groups App - Debugging relationships in Ember CLI Mirage (part 3)", "url": "https://www.youtube.com/watch?time_continue=1\\&v=DRzPJ4RMT0w", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Slides", "entries": [{"name": "30 Days Of Ember", "url": "https://slides.com/poslinski_net/30-days-of-ember", "description": "Dawid Po\u015bli\u0144ski."}, {"name": "NaNoWriMo: How can Ember help you write a novel", "url": "https://slides.com/emma_be/nanowrimo-ember#/", "description": "@EmmaDelecolle."}, {"name": "Slides from Ember JS Berlin talk, Design Patterns in Ember", "url": "https://github.com/chadian/ember-js-berlin-design-patterns", "description": "By @chadian.", "stars": "2"}, {"name": "Rainy Day Ember Data", "url": "https://speakerdeck.com/tonywok/rainy-day-ember-data", "description": "Tony Schneider (@tonywok)."}, {"name": "Building Realtime Apps with Ember.js and WebSockets", "url": "https://www.slideshare.net/BenLimmer/building-realtime-apps-with-emberjs-and-websockets", "description": "Ben Limmer."}, {"name": "Deploying a Location-Aware Ember Application", "url": "https://www.slideshare.net/BenLimmer/deploying-a-locationaware-ember-application", "description": "Ben Limmer."}, {"name": "Developing Desktop Apps with Electron & Ember.js - FITC WebU2017", "url": "https://www.slideshare.net/anulman/developing-desktop-apps-with-electron-emberjs-fitc-webu2017", "description": "Aidan Nulman."}, {"name": "Developing Desktop Apps with Electron & Ember.js", "url": "https://www.slideshare.net/fitc_slideshare/developing-desktop-apps-with-electron-emberjs", "description": ""}, {"name": "Ember addons, served three ways", "url": "https://www.slideshare.net/mikelnorth/ember-addons-served-three-ways", "description": "Mike North."}, {"name": "Ember At Scale", "url": "https://www.slideshare.net/chadhietala/ember-at-scale", "description": "Chad Hietala, LinkedIn."}, {"name": "EmberConf 2015 \u2013 Ambitious UX for Ambitious Apps", "url": "https://www.slideshare.net/sugarpirate/emberconf-2015-ambitious-ux-for-ambitious-apps", "description": "Lauren Elizabeth Tan."}, {"name": "EmberConf 2016 \u2013 Idiomatic Ember: Finding the Sweet Spot of Performance & Productivity", "url": "https://www.slideshare.net/sugarpirate/emberconf-2016-idiomatic-ember-finding-the-sweet-spot-of-performance-productivity", "description": "Lauren Elizabeth Tan."}, {"name": "Fun with Ember 2.x Features", "url": "https://www.slideshare.net/BenLimmer/fun-with-ember-2x-features", "description": "Ben Limmer."}, {"name": "How do I Even Web App", "url": "https://www.slideshare.net/lydiaguarino/how-do-i-even-web-app", "description": "An introduction to web programming with Ember CLI by Lydia Guarino."}, {"name": "Rapid prototyping and easy testing with ember cli mirage", "url": "https://www.slideshare.net/KrzysztofBiaek1/rapid-prototyping-and-easy-testing-with-ember-cli-mirage", "description": "Krzysztof Bialek."}, {"name": "Start Me Up - Building an MVP with EmberJS, Firebase and Material Design", "url": "https://www.slideshare.net/PickNBook/start-me-up-building-an-mvp-with-emberjs-firebase-and-material-design", "description": "Brendan O'Hara."}, {"name": "Upgrading Ember.js Apps", "url": "https://www.slideshare.net/BenLimmer/upgrading-emberjs-apps", "description": "Ben Limmer."}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Styleguides", "entries": [{"name": "ember-styleguide", "url": "https://github.com/ember-learn/ember-styleguide", "description": "", "stars": "79"}, {"name": "Softlayer Ember.js", "url": "https://github.com/softlayer/ember-style-guide", "description": "", "stars": "40"}, {"name": "Netguru Ember.js", "url": "https://github.com/netguru/ember-styleguide", "description": ""}, {"name": "DockYard Ember.js", "url": "https://github.com/DockYard/styleguides/blob/master/engineering/ember.md", "description": ""}, {"name": "JavaScript Style Guide", "url": "https://github.com/DockYard/styleguides/blob/master/engineering/javascript.md", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Tools", "entries": [{"name": "Ember Data Sails Adapter", "url": "https://github.com/bmac/ember-data-sails-adapter", "description": "An Ember Data adaptor for the Sails.js sockets.", "stars": "90"}, {"name": "Ember Data WordPress Adapter", "url": "https://github.com/HeyHumanAgency/Ember-Data-WordPress", "description": "An Ember Data adapter for the WordPress JSON API.", "stars": "37"}, {"name": "Ember Gist", "url": "http://ember-gist.joostdvrs.com/", "description": "Demo Ember CLI'eque apps using GitHub Gist."}, {"name": "Ember Inspector", "url": "https://github.com/emberjs/ember-inspector", "description": "Adds an Ember.js tab to Chrome or Firefox Developer Tools that allows you to inspect Ember.js objects in your application. - Officially maintained.", "stars": "970"}, {"name": "Ember Perf", "url": "https://github.com/mike-north/ember-perf", "description": "Measure user-percieved performance data in your ember.js app.", "stars": "73"}, {"name": "ember-cli-diff", "url": "http://www.ember-cli-diff.org/", "description": "A simple tool to see differences between new ember apps."}, {"name": "ember-cli", "url": "https://ember-cli.com/", "description": "The command line interface for ambitious web applications."}, {"name": "ember-data-model-maker", "url": "https://andycrum.github.io/ember-data-model-maker/", "description": "UI to make ember-data models & payload examples."}, {"name": "Glimmer Playground", "url": "https://try.glimmerjs.com/", "description": "An Glimmer.js playground."}, {"name": "mber", "url": "https://github.com/izelnakri/mber", "description": "Ember CLI replacement. Currently alpha.", "stars": "33"}, {"name": "remote-inspector", "url": "https://github.com/joostdevries/ember-cli-remote-inspector", "description": "Lets you inspect apps running on different devices/browsers over the network using websockets.", "stars": "92"}, {"name": "Ember Unused Components", "url": "https://github.com/vastec/ember-unused-components", "description": "This script searches for unused components in your Ember project", "stars": "51"}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Tutorials", "entries": [{"name": "How to learn EmberJS in a hurry", "url": "https://medium.com/ember-ish/how-to-learn-emberjs-in-a-hurry-c6fdeae256a0", "description": ""}, {"name": "Discover Ember 2", "url": "https://www.ludu.co/course/ember", "description": "Learn how to build a Twitter clone from scratch."}, {"name": "Ember Components: A Deep Dive", "url": "http://code.tutsplus.com/tutorials/ember-components-a-deep-dive--net-35551", "description": "A closer look at using Ember.js Components."}, {"name": "Ember runloop handbook", "url": "https://github.com/eoinkelly/ember-runloop-handbook", "description": "A deep dive into the Ember.js runloop.", "stars": "370"}, {"name": "Ember with Phoenix (AKA The PEEP Stack)", "url": "https://medium.com/peep-stack", "description": "Developing an Ember.js front-end alongside a [JSON API](http://jsonapi.org/)-compliant [Phoenix](http://www.phoenixframework.org/) backend."}, {"name": "Getting into Ember.js", "url": "http://code.tutsplus.com/tutorials/getting-into-emberjs--net-30709", "description": "A five part introductory course to Ember."}, {"name": "Getting Started with Ember.js using Ember CLI", "url": "https://thetechcofounder.com/getting-started-with-ember/", "description": "Building a Todo app with Ember CLI."}, {"name": "yoember.com/", "url": "http://yoember.com/", "description": "Ember.js Tutorial - From beginner to advance."}, {"name": "build-pacman", "url": "http://www.jeffreybiles.com/build-pacman", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Twitter", "entries": [{"name": "EmberJS", "url": "https://twitter.com/emberjs", "description": ""}, {"name": "The Ember Times", "url": "https://twitter.com/embertimes", "description": ""}, {"name": "Ember Watch", "url": "https://twitter.com/EmberWatch", "description": ""}, {"name": "Ember Weekly", "url": "https://twitter.com/EmberWeekly", "description": ""}, {"name": "Tom Dale", "url": "https://twitter.com/tomdale", "description": ""}, {"name": "Yehuda Katz", "url": "https://twitter.com/wycats", "description": ""}, {"name": "Melanie Sumner", "url": "https://twitter.com/melaniersumner", "description": ""}, {"name": "Jen Weber", "url": "https://twitter.com/jwwweber", "description": ""}, {"name": "Robert Jackson", "url": "https://twitter.com/rwjblue", "description": ""}, {"name": "Stefan Penner", "url": "https://twitter.com/stefanpenner", "description": ""}, {"name": "Matthew Beale", "url": "https://twitter.com/mixonic", "description": ""}, {"name": "Chris Thoburn", "url": "https://twitter.com/Runspired", "description": ""}, {"name": "Chris Garrett", "url": "https://twitter.com/pzuraq", "description": ""}, {"name": "Alex Navasardyan", "url": "https://twitter.com/twokul", "description": ""}, {"name": "Igor Terzic", "url": "https://twitter.com/terzicigor", "description": ""}, {"name": "Dan Gebhardt", "url": "https://twitter.com/dgeb", "description": ""}, {"name": "Alex Speller", "url": "https://twitter.com/alexspeller", "description": ""}, {"name": "Sam Selikoff", "url": "https://twitter.com/samselikoff", "description": ""}, {"name": "Erik Bryn", "url": "https://twitter.com/ebryn", "description": ""}, {"name": "Gavin Joyce", "url": "https://twitter.com/gavinjoyce", "description": ""}, {"name": "Ryan Toronto", "url": "https://twitter.com/ryantotweets", "description": ""}, {"name": "Balint Erdi", "url": "https://twitter.com/baaz", "description": ""}, {"name": "Luke Melia", "url": "https://twitter.com/lukemelia", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 Videos", "entries": [{"name": "Working with Ember Animated & Addon Internals: Ember Concurrency \u2013 Ember NYC, May 2019", "url": "https://www.youtube.com/watch?v=JbxaVHQFou0", "description": ""}, {"name": "Ember.js Tutorial: Build a painting game in 20 mins", "url": "https://www.youtube.com/watch?v=N4KrBuO0RRE", "description": ""}, {"name": "Ember-cli In-Repo Addons with Jacob Bixby", "url": "https://www.youtube.com/watch?v=VYrMs1Zzpqs", "description": ""}, {"name": "Maintaining an Ember App at Scale, with Chris Ng", "url": "https://www.youtube.com/watch?v=gyGZHydh0Hw\\&feature=em-uploademail", "description": ""}, {"name": "Jackie Luo: From React to Ember: A Modern Comparison", "url": "https://www.youtube.com/watch?v=7yxr4iBrZsw", "description": ""}, {"name": "Ember San Francisco Meetup at Square, October 2018", "url": "https://www.youtube.com/watch?v=ulWhjL0Aj5s", "description": ""}, {"name": "The Future of Ember js", "url": "https://www.youtube.com/watch?v=4b9VbB2bnfw", "description": "Summary of upcoming changes to Ember.js based on presentations from EmberConf 2018."}, {"name": "Ember: The Next 10 Years | Tom Dale | EmberCamp Chicago 2018", "url": "https://www.youtube.com/watch?v=9cseB2xoT-0", "description": ""}, {"name": "Stop Coding: You Have a Product Gap | Sam Selikoff | EmberCamp Chicago 2018", "url": "https://www.youtube.com/watch?v=fYHgyIlGttk", "description": ""}, {"name": "Caveats of the Default Store - Ember London - September 2018", "url": "https://www.youtube.com/watch?v=EcKaDu0xo_A", "description": ""}, {"name": "EmberFest 2019", "url": "https://www.youtube.com/playlist?list=PLN4SpDLOSVkT0e094BZhGkUnf2WBF09xx", "description": ""}, {"name": "EmberFest 2018", "url": "https://www.youtube.com/watch?v=oRzmDobMZ_Q\\&list=PLN4SpDLOSVkSB9034lDNdP1JoNBGssax9", "description": ""}, {"name": "EmberFest 2014", "url": "https://www.youtube.com/watch?v=z4oxa-UR7oA\\&list=PLN4SpDLOSVkSbGTLohVaYGDB8hxWxGPBA", "description": ""}, {"name": "Global Ember Meetup", "url": "https://vimeo.com/globalembermeetup", "description": ""}, {"name": "Ember @ Netflix", "url": "https://pusher.com/sessions/meetup/emberfest/ember-netflix", "description": ""}, {"name": "Ember Engines at Scale", "url": "https://pusher.com/sessions/meetup/ember-london/ember-engines-at-scale", "description": ""}, {"name": "Ember Test Recorder", "url": "https://pusher.com/sessions/meetup/ember-london/ember-test-recorder", "description": ""}, {"name": "Ember-cli In-Repo Addons with Jacob Bixby", "url": "https://www.youtube.com/watch?v=VYrMs1Zzpqs", "description": ""}, {"name": "ember-content-placeholders", "url": "https://pusher.com/sessions/meetup/emberfest/ember-content-placeholders", "description": ""}, {"name": "Ember.JS in the Year 2020", "url": "https://pusher.com/sessions/meetup/emberfest/emberjs-in-the-year-2020", "description": ""}, {"name": "EmberConf 2014", "url": "https://www.youtube.com/playlist?list=PLE7tQUdRKcyaOyfBnAndJxQ9PNVmKva0d", "description": "Videos of the sessions from EmberConf 2014."}, {"name": "EmberConf 2015", "url": "https://www.youtube.com/playlist?list=PLE7tQUdRKcyacwiUPs0CjPYt6tJub4xXU", "description": "Videos of the sessions from EmberConf 2015."}, {"name": "EmberConf 2016", "url": "https://www.youtube.com/playlist?list=PL4eq2DPpyBblc8aQAd516-jGMdAhEeUiW", "description": "Videos of the sessions from EmberConf 2016."}, {"name": "EmberConf 2017", "url": "https://www.youtube.com/playlist?list=PL4eq2DPpyBbna_5fLPqOqensqSZpGf-hT", "description": "Videos of the sessions from EmberConf 2017."}, {"name": "EmberConf 2018", "url": "https://www.youtube.com/watch?v=NhtpXs0ZtUc\\&list=PL4eq2DPpyBbnjD5iLp55as9OvIdEDI_Kt", "description": "Videos of the sessions from EmberConf 2018."}, {"name": "EmberConf 2019", "url": "https://www.youtube.com/playlist?list=PLE7tQUdRKcyYWLWrHgmWsvzsQBSWCLHYL", "description": "Videos of the sessions from EmberConf 2019."}, {"name": "EmberConf 2020", "url": "https://www.youtube.com/playlist?list=PL4eq2DPpyBbkC03mdzlyej6tcbEqrZK8N", "description": "Videos of the sessions from EmberConf 2020."}, {"name": "ReactiveConf 2017 - Tom Dale: Secrets of the Glimmer VM", "url": "https://www.youtube.com/watch?v=nXCSloXZ-wc", "description": ""}, {"name": "ReactiveConf 2017", "url": "https://youtu.be/62xd25kEZ3o?t=27618", "description": ""}, {"name": "Tim Thomas - Using Ember.js to build Electron Apps", "url": "https://www.youtube.com/watch?v=ER1V_u0N7u4", "description": ""}, {"name": "Tom Dale on Static Analysis, Upstreaming Glimmer, and Ember in 2018", "url": "https://embermap.com/topics/the-embermap-podcast/tom-dale-on-static-analysis-upstreaming-glimmer-and-ember-in-2018", "description": ""}, {"name": "Tom Dale Talks EmberJS", "url": "https://www.slideshare.net/LinkedInPulse/tom-dale-ember-javascript-emberjs-linkedin", "description": ""}, {"name": "Using TypeScript in Ember", "url": "https://pusher.com/sessions/meetup/ember-london/using-typescript-in-ember", "description": ""}, {"name": "Web App Performance & Ember.js", "url": "https://www.youtube.com/watch?v=BelKk7dvA1A", "description": "Web App Performance & Ember.js."}, {"name": "Why Ember CLI uses Broccoli", "url": "https://embermap.com/topics/intro-to-broccoli/why-ember-uses-broccoli", "description": ""}, {"name": "Developing ember apps on glitch.com", "url": "https://www.youtube.com/watch?v=uhXA6ECaknw", "description": ""}, {"name": "Chris Krycho: TypeScript and Ember js - Why and How?", "url": "https://www.youtube.com/watch?v=fFzxbBrvytU", "description": ""}, {"name": "Isaac Lee: Use D3 with Ember", "url": "https://www.youtube.com/watch?v=vD7H9O--tu4", "description": ""}, {"name": "Open Source Live - Robert Jackson and Chris Manson pair on ember-cli", "url": "https://www.youtube.com/watch?v=rsftBMGOfyo", "description": ""}, {"name": "Must have add-ons in EmberJS - Dawid Po\u015bli\u0144ski", "url": "https://www.youtube.com/watch?v=IprfNT0xbrI", "description": ""}, {"name": "Building Modern Apps Using API Services - Ember Meetup August 21, 2018", "url": "https://www.youtube.com/watch?v=VMnzGJ4PN0s", "description": ""}, {"name": "How to improve your tests? - Pawe\u0142 Kuwik", "url": "https://www.youtube.com/watch?v=rs71sx5IZ-U\\&t=0s\\&list=PLxt6MasYELQ5W3y8rwGa98GsyMBdhr_cp", "description": ""}, {"name": "Optional & upcoming features - Micha\u0142 Sta\u015bkiewicz", "url": "https://www.youtube.com/watch?v=4XokzPT4rgg\\&t=0s\\&list=PLxt6MasYELQ5W3y8rwGa98GsyMBdhr_cp", "description": ""}, {"name": "Hybrid Apps with Ember/Glimmer", "url": "https://pusher.com/sessions/meetup/emberfest/hybrid-apps-with-emberglimmer", "description": ""}, {"name": "Productive Frontend Test Driven Development That Actually Works", "url": "https://www.youtube.com/watch?v=63Ya91f8W-8", "description": ""}, {"name": "EmberCamp 2018", "url": "https://www.youtube.com/watch?v=0ziETDm1QTI\\&list=PL4eq2DPpyBbm-vTgHMdBjUi1Qd5GiRIfW", "description": "Videos of the sessions from EmberCamp 2018"}, {"name": "EmberCamp 2019", "url": "https://www.youtube.com/watch?v=a1HALof3r5M\\&list=PL4eq2DPpyBbmSKZLCqzMqdtpedlGrDQuc", "description": "Videos of the sessions from EmberCamp 2019"}, {"name": "Ember.js: The Documentary", "url": "https://www.youtube.com/watch?v=Cvz-9ccflKQ\\&vl=en", "description": ""}, {"name": "Ember.js: The Documentary (\u0420\u0443\u0441\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f)", "url": "https://www.youtube.com/watch?v=7Ym2ADCn77Q", "description": "Russian langauge version"}, {"name": "GraphQL: The Documentary", "url": "https://www.youtube.com/watch?v=783ccP__No8\\&vl=en", "description": ""}, {"name": "GraphQL: The Documentary (\u0420\u0443\u0441\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f)", "url": "https://www.youtube.com/watch?v=i_rsfHMF3x4", "description": "Russian language version"}, {"name": "Ember and GraphQL: A Quick Example", "url": "https://www.youtube.com/watch?v=YxRvXgDIHW8", "description": ""}, {"name": "Ember Octane Livestream: Build a drum machine", "url": "https://www.youtube.com/watch?v=5znpEiwHpL4", "description": ""}, {"name": "Tracking in the Glimmer VM", "url": "https://www.youtube.com/watch?v=BjKERSRpPeI", "description": "Chris Garrett discusses how tracking works in Ember"}, {"name": "Commit Porto '19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)", "url": "https://www.youtube.com/watch?v=ECkbVa0iC4k", "description": ""}, {"name": "Animating Across Routes with Ember Animated", "url": "https://www.youtube.com/watch?v=O4Mt-dDqkk0", "description": "EmberMap video adding across-route tranistion animations"}, {"name": "Creating an Ember Application", "url": "https://www.youtube.com/watch?v=R2JdP4lb5Xw", "description": "First in an upcoming series on Ember"}, {"name": "Ember and GraphQL: A Quick Example", "url": "https://www.youtube.com/watch?v=YxRvXgDIHW8", "description": ""}, {"name": "Stef & Rob: do we still need the built-in Input component?", "url": "https://www.youtube.com/watch?v=c0Rl6o9wLX0", "description": ""}, {"name": "Ember Octane - Great For Beginners", "url": "https://www.youtube.com/watch?v=iTPFsXcTAaY\\&feature=youtu.be", "description": "You can just write HTML and CSS and get pretty far with Ember Octane"}, {"name": "Yet Another Test Runner by Kelly Sheldon @ Ember London", "url": "https://www.youtube.com/watch?v=HYwXL3f854Y\\&list=PL4eq2DPpyBbmvEzhyW9fhMzlctxwrn8JM\\&index=1", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 YouTube channels", "entries": [{"name": "Amsterdam Ember.js", "url": "https://www.youtube.com/channel/UCx9sVlEZLOKxw8OGCtoqULw", "description": ""}, {"name": "Boston Ember", "url": "https://www.youtube.com/channel/UCp_L_YjmXTKR4Q2fg1XahsA", "description": ""}, {"name": "Denver Ember", "url": "https://www.youtube.com/channel/UCsy4OVL_kNXsxr0a5LNKWpw", "description": ""}, {"name": "Ember Videos", "url": "https://www.youtube.com/channel/UCMmzJ82sCmooDdtzVY8FxEA", "description": ""}, {"name": "EmberJS Chennai", "url": "https://www.youtube.com/channel/UC-PzS1OA64zFD2kt3hwfGTA", "description": ""}, {"name": "Ember.js Dublin", "url": "https://www.youtube.com/channel/UCQeD0i9ltSV1aOfX6FGeiOA", "description": ""}, {"name": "EmberATX", "url": "https://www.youtube.com/channel/UCl7qY85b7KLJV3xnn1Xh_Cw", "description": ""}, {"name": "EmberJSSeattleMeetup", "url": "https://www.youtube.com/channel/UC_EzRy1fCQPRPOD-uqk-E5w", "description": ""}, {"name": "EmberSchool", "url": "https://www.youtube.com/channel/UCntNIA2acwPDIY77bX2uLmw", "description": ""}, {"name": "EmberSherpa", "url": "https://www.youtube.com/user/EmberSherpa/videos", "description": ""}, {"name": "Meetup: London", "url": "https://www.youtube.com/playlist?list=PL4eq2DPpyBbmvEzhyW9fhMzlctxwrn8JM", "description": ""}, {"name": "Silicon Valley Ember.js meetup", "url": "https://www.youtube.com/channel/UCi12gVD9jIDwJLVTNnKvhlw", "description": ""}, {"name": "So Ember 2017", "url": "https://www.youtube.com/watch?v=UpUtVGW43hY\\&list=PLXOJZupxSq204IxtG80UfIW-gU0IxAScY", "description": ""}, {"name": "Wicked Good Ember 2016", "url": "https://www.youtube.com/playlist?list=PLXOJZupxSq22zfW2KVnXFgLbu--DA7q0G", "description": ""}, {"name": "May I ask a Question", "url": "https://www.youtube.com/channel/UCyErLHzPqLAkL1F-SivFDcA", "description": ""}], "notes": [], "source": "Ember"}, {"name": "Ember \u2014 YouTube playlists", "entries": [{"name": "Ember London 2018", "url": "https://www.youtube.com/watch?v=EcKaDu0xo_A\\&list=PL8xuokhAnn4rUlol6aspg-VYetu9BLsWV", "description": ""}, {"name": "Intercom Screencasts", "url": "https://www.youtube.com/playlist?list=PLpAr6J-75N27wctNT70O0lubaGTPjwi1L", "description": ""}, {"name": "Ember.js tutorial for beginners in 2020", "url": "https://www.youtube.com/watch?v=eQUvN9Ujs1s\\&list=PLk51HrKSBQ88wDXgPF-QLMfPFlLwcjTlo", "description": "A 10 part series by Shawn Chen"}], "notes": [], "source": "Ember"}, {"name": "React Components", "entries": [{"name": "@petebray", "url": "https://github.com/bluepeter", "description": ""}, {"name": "@brillout", "url": "https://twitter.com/brillout", "description": ""}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Contributing", "entries": [{"name": "UI Components", "url": "#ui-components", "description": ""}, {"name": "UI Layout", "url": "#ui-layout", "description": ""}, {"name": "UI Animation", "url": "#ui-animation", "description": ""}, {"name": "UI Frameworks", "url": "#ui-frameworks", "description": ""}, {"name": "UI Utilities", "url": "#ui-utilities", "description": ""}, {"name": "Code Design", "url": "#code-design", "description": ""}, {"name": "Utilities", "url": "#utilities", "description": ""}, {"name": "Performance", "url": "#performance", "description": ""}, {"name": "Dev Tools", "url": "#dev-tools", "description": ""}, {"name": "Miscellaneous", "url": "#miscellaneous-4", "description": ""}, {"name": "Cloud Solutions", "url": "#cloud-solutions", "description": ""}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Editable data grid / spreadsheet", "entries": [{"name": "AG Grid", "url": "https://github.com/ag-grid/ag-grid", "description": "Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.", "stars": "15k"}, {"name": "fortune-sheet", "url": "https://github.com/ruilisi/fortune-sheet", "description": "An online spreedsheet component that provides out-of-the-box features just like Excel.", "stars": "3.5k"}, {"name": "gigatables-react", "url": "https://github.com/GigaTables/reactables", "description": "Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.", "stars": "151"}, {"name": "Handsontable", "url": "https://github.com/handsontable/handsontable", "description": "[demo](https://handsontable.com/demo) - [docs](https://handsontable.com/docs/react-data-grid/) - Data Grid with spreadsheet-like UI supporting React, Angular, TypeScript and JavaScript.", "stars": "22k"}, {"name": "jqwidgets-react-grid", "url": "https://www.jqwidgets.com/react/react-grid/", "description": "Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more."}, {"name": "MUI X Data grid", "url": "https://github.com/mui/mui-x", "description": "[demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases.", "stars": "5.6k"}, {"name": "react-data-grid", "url": "https://github.com/adazzle/react-data-grid", "description": "Excel-like grid.", "stars": "7.6k"}, {"name": "ReactGrid", "url": "https://github.com/silevis/reactgrid", "description": "[demo/docs](https://reactgrid.com/docs/) - Add spreadsheet-like behavior to your app", "stars": "1.6k"}, {"name": "revo-grid", "url": "https://github.com/revolist/revogrid", "description": "[demo/docs](https://revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.", "stars": "3.3k"}, {"name": "SheetXL", "url": "https://github.com/sheetxl/sheetxl", "description": "A high-performance spreadsheet grid. TypeScript, ESM, Node/browser, Excel-compatible functions.", "stars": "17"}, {"name": "SVAR React DataGrid", "url": "https://svar.dev/react/datagrid/", "description": "[demo](https://docs.svar.dev/react/grid/samples/#/base/willow) - [docs](https://docs.svar.dev/react/grid/getting_started/) - React DataGrid with in-cell editing, tree data, context menu, virtual scrolling, etc."}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Table", "entries": [{"name": "ka-table", "url": "https://github.com/komarovalexander/ka-table", "description": "[demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc.", "stars": "853"}, {"name": "mantine-datatable", "url": "https://github.com/icflorescu/mantine-datatable", "description": "[demo/docs](https://icflorescu.github.io/mantine-datatable/) - Lightweight table component for Mantine UI applications, with lots of features", "stars": "1.2k"}, {"name": "material-table", "url": "https://github.com/mbrn/material-table", "description": "[demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing", "stars": "3.5k"}, {"name": "mui-datatables", "url": "https://github.com/gregnb/mui-datatables", "description": "Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows.", "stars": "2.7k"}, {"name": "react-data-table", "url": "https://github.com/jbetancur/react-data-table-component", "description": "[demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination", "stars": "2.2k"}, {"name": "TanStack Table", "url": "https://github.com/tannerlinsley/react-table", "description": "[demo](https://tanstack.com/table/v8/docs/examples/react/basic) - Headless UI for building powerful tables & datagrids", "stars": "28k"}, {"name": "react-table-library", "url": "https://github.com/table-library/react-table-library", "description": "[demo](https://react-table-library.com/) - React Table Library -- an almost headless table library -- for building better tables.", "stars": "794"}, {"name": "rsuite-table", "url": "https://github.com/rsuite/rsuite-table", "description": "[demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized.", "stars": "741"}, {"name": "DevExtreme React Grid", "url": "https://devexpress.github.io/devextreme-reactive/react/grid/", "description": "High-performance plugin-based data grid for Bootstrap and Material Design."}, {"name": "Smart React Grid", "url": "https://htmlelements.com/react/demos/grid/overview/", "description": "Fast and feature-complete data grid with Material Design."}, {"name": "simple-table", "url": "https://github.com/petera2c/simple-table", "description": "[demo](https://www.simple-table.com/examples) - [docs](https://www.simple-table.com/docs) - Lightweight, fast and feature rich. Sorting/filtering, virtualization, tree data, nested headers, pinned columns, customized styling etc.", "stars": "147"}, {"name": "KendoReact Grid", "url": "https://www.telerik.com/kendo-react-ui/components/grid/", "description": "Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more."}, {"name": "Material-React-Table", "url": "https://github.com/KevinVandy/material-react-table", "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript", "stars": "1.8k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Infinite Scroll", "entries": [{"name": "@egjs/react-infinitegrid", "url": "https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid", "description": "[npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types.", "stars": "2.3k"}, {"name": "react-lazyload", "url": "https://github.com/jasonslyvia/react-lazyload", "description": "Lazyload your Component, Image or anything else where the performance matters.", "stars": "5.9k"}, {"name": "react-list", "url": "https://github.com/orgsync/react-list", "description": "A versatile infinite scroll React component.", "stars": "2k"}, {"name": "@af-utils/virtual", "url": "https://github.com/nowaalex/af-utils", "description": "[demo/docs](https://af-utils.com/virtual) - Render large scrollable lists and grids.", "stars": "81"}, {"name": "react-window", "url": "https://github.com/bvaughn/react-window", "description": "[demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data", "stars": "17k"}, {"name": "virtua", "url": "https://github.com/inokawa/virtua", "description": "[demo](https://inokawa.github.io/virtua/) - A zero-config, fast and small (\\~3kB) virtual list component for React, Vue and Solid.", "stars": "3.4k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Overlay", "entries": [{"name": "react-aria-modal", "url": "https://github.com/davidtheclark/react-aria-modal", "description": "A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.", "stars": "1k"}, {"name": "react-modal", "url": "https://github.com/reactjs/react-modal", "description": "Accessible modal dialog component for React.", "stars": "7.4k"}, {"name": "@paratco/async-modal", "url": "https://github.com/Paratco/async-modal", "description": "Simple async modal handler for React.", "stars": "2"}, {"name": "reoverlay", "url": "https://github.com/hiradary/reoverlay", "description": "[demo](https://hiradary.github.io/reoverlay/) - The missing solution for managing modals.", "stars": "157"}, {"name": "sweetalert2", "url": "https://github.com/sweetalert2/sweetalert2", "description": "[demo/docs](https://sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.", "stars": "18k"}, {"name": "sweetalert2-react-content", "url": "https://github.com/sweetalert2/sweetalert2-react-content", "description": "Official SweetAlert2 enhancer adding support for React elements as content", "stars": "726"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Notification", "entries": [{"name": "react-notifications-component", "url": "https://github.com/teodosii/react-notifications-component", "description": "[demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications.", "stars": "1.3k"}, {"name": "notistack", "url": "https://iamhosseindhv.com/notistack", "description": "[demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1\\&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other"}, {"name": "react-local-toast", "url": "https://github.com/OlegWock/react-local-toast", "description": "[demo](https://react-local-toast.netlify.app/showcase/) - [docs](https://react-local-toast.netlify.app/tutorial) - show feedback linked to particular component instead of app-wide toasts.", "stars": "135"}, {"name": "react-toast", "url": "https://github.com/moharnadreza/react-toast", "description": "[demo](https://codesandbox.io/s/byqvk) - [docs (\u2b5083)](https://github.com/moharnadreza/react-toast/blob/main/README.md) - Minimal toast notifications.", "stars": "83"}, {"name": "react-confirm-lite", "url": "https://github.com/SaadNasir-git/react-confirm-lite", "description": "[demo](https://stackblitz.com/edit/vitejs-vite-bfthlpmw) - is a lightweight, promise-based confirmation dialog for React with built-in Tailwind CSS support. It\u2019s designed to be as simple to use as react-toastify, while remaining fully customizable.", "stars": "1"}, {"name": "reapop", "url": "https://github.com/LouisBarranqueiro/reapop", "description": "A React & Redux notifications system.", "stars": "1.6k"}, {"name": "react-hot-toast", "url": "https://github.com/timolins/react-hot-toast", "description": "[demo](https://react-hot-toast.com/) - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.", "stars": "11k"}, {"name": "Sonner", "url": "https://sonner.emilkowal.ski/", "description": "An opinionated toast component for React."}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Tooltip", "entries": [{"name": "react-tooltip", "url": "https://github.com/wwayne/react-tooltip", "description": "React tooltip component.", "stars": "3.8k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Menu", "entries": [{"name": "hamburger-react", "url": "https://github.com/luukdv/hamburger-react", "description": "[demo/docs](https://hamburger-react.netlify.app/) - Animated hamburger menu icons for React.", "stars": "1k"}, {"name": "react-burger-menu", "url": "https://github.com/negomi/react-burger-menu", "description": "An off-canvas sidebar with effects and styles.", "stars": "5.1k"}, {"name": "react-offcanvas", "url": "https://github.com/vutran/react-offcanvas", "description": "Off-canvas menus for React.", "stars": "52"}, {"name": "react-planet", "url": "https://github.com/innFactory/react-planet", "description": "[demo](https://innfactory.github.io/react-planet/) - Create circular menus which looks like planets.", "stars": "198"}, {"name": "mantine-contextmenu", "url": "https://github.com/icflorescu/mantine-contextmenu", "description": "[demo/docs](https://icflorescu.github.io/mantine-contextmenu/) - Context-menu hook/component for applications built with Mantine UI.", "stars": "167"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Sticky", "entries": [{"name": "react-headroom", "url": "https://github.com/KyleAMathews/react-headroom", "description": "Hide your header until you need it.", "stars": "1.9k"}, {"name": "react-stickynode", "url": "https://github.com/yahoo/react-stickynode", "description": "A performant and comprehensive React sticky.", "stars": "1.3k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Tabs", "entries": [{"name": "react-tabs", "url": "https://github.com/reactjs/react-tabs", "description": "React tabs component.", "stars": "3.1k"}, {"name": "react-tabtab", "url": "https://github.com/ctxhou/react-tabtab", "description": "React, tabs.", "stars": "417"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Loader", "entries": [{"name": "react-loader-spinner", "url": "https://github.com/mhnpd/react-loader-spinner", "description": "Collection set of react-spinner for async operation.", "stars": "1k"}, {"name": "react-redux-loading-bar", "url": "https://github.com/mironov/react-redux-loading-bar", "description": "Simple Loading Bar for Redux and React.", "stars": "939"}, {"name": "react-spinners-css", "url": "https://github.com/JoshK2/react-spinners-css", "description": "Amazing collection of react spinners components.", "stars": "333"}, {"name": "react-spinners", "url": "https://github.com/davidhu2000/react-spinners", "description": "A collection of loading spinner components for react.", "stars": "3.3k"}, {"name": "react-content-loader", "url": "https://github.com/danilowoz/react-content-loader", "description": "SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).", "stars": "14k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Captcha", "entries": [{"name": "react-simple-captcha", "url": "https://github.com/masroorejaz/react-simple-captcha", "description": "[npm](https://www.npmjs.com/package/react-simple-captcha) - [demo](https://www.scriptse.com/blog/add-captcha-in-reactjs-application/react-simple-captcha-demo/) - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS.", "stars": "50"}, {"name": "procaptcha", "url": "https://github.com/prosopo/captcha", "description": "[demo](https://prosopo.io/) - [docs](https://docs.prosopo.io/) - Privacy focused free CAPTCHA", "stars": "341"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Carousel", "entries": [{"name": "@egjs/react-flicking", "url": "https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/", "description": "[npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel.", "stars": "2.9k"}, {"name": "react-awesome-slider", "url": "https://github.com/rcaferati/react-awesome-slider", "description": "[demo](https://fullpage.caferati.me/) - Fullpage, 3D animated, 60fps media and content slider/carousel.", "stars": "3k"}, {"name": "pure-react-carousel", "url": "https://github.com/express-labs/pure-react-carousel", "description": "Built from scratch and not highly opinionated.", "stars": "1.7k"}, {"name": "react-id-swiper", "url": "https://github.com/kidjp85/react-id-swiper", "description": "A library to use idangerous Swiper as a ReactJs component", "stars": "1.5k"}, {"name": "react-instagram-zoom-slider", "url": "https://github.com/skozer/react-instagram-zoom-slider", "description": "[demo](https://skozer.github.io/react-instagram-zoom-slider/) - A slider component with pinch to zoom capabilities inspired by Instagram.", "stars": "78"}, {"name": "react-responsive-carousel", "url": "https://github.com/leandrowd/react-responsive-carousel", "description": "React.js Responsive Carousel (with Swipe).", "stars": "2.7k"}, {"name": "react-slick", "url": "https://github.com/akiran/react-slick", "description": "React carousel component.", "stars": "12k"}, {"name": "keen-slider", "url": "https://github.com/rcbyr/keen-slider", "description": "[demo](https://keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior.", "stars": "5k"}, {"name": "swiper", "url": "https://github.com/nolimits4web/Swiper", "description": "[demo](https://swiperjs.com/demos) - [docs](https://swiperjs.com/react) - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.", "stars": "42k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Buttons", "entries": [{"name": "react-awesome-button", "url": "https://github.com/rcaferati/react-awesome-button", "description": "[demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions.", "stars": "1.3k"}, {"name": "reactive-button", "url": "https://github.com/arifszn/reactive-button", "description": "[demo](https://arifszn.github.io/reactive-button/docs/playground) - [docs](https://arifszn.github.io/reactive-button) - A beautiful animated button component with progress indicator.", "stars": "136"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Collapse", "entries": [{"name": "react-accessible-accordion", "url": "https://github.com/springload/react-accessible-accordion", "description": "Accessible Accordion component for React.", "stars": "790"}, {"name": "react-collapse", "url": "https://github.com/nkbt/react-collapse", "description": "Component-wrapper for collapse animation with react-motion.", "stars": "1.1k"}, {"name": "react-tabbordion", "url": "https://github.com/Merri/react-tabbordion", "description": "[demo](https://merri.github.io/react-tabbordion) - Universal, semantic and CSS-only components for creating Accordions and Tabs.", "stars": "80"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Chart", "entries": [{"name": "essential js 2 charts", "url": "https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts", "description": "Beautiful and interactive charts & graphs for react.", "stars": "396"}, {"name": "EazyChart", "url": "https://github.com/Hexastack/eazychart", "description": "[demo](https://docs.eazychart.com/#demos) - [docs](https://docs.eazychart.com) - Easily transform data into meaningful charts", "stars": "30"}, {"name": "echarts for react", "url": "https://github.com/hustcc/echarts-for-react", "description": "Wrapper around beautiful Apache Echarts", "stars": "4.9k"}, {"name": "jscharting-react", "url": "https://github.com/jscharting/jscharting-react", "description": "React chart component offering a complete set of chart types and engaging data visualizations with [JSCharting](https://jscharting.com/).", "stars": "20"}, {"name": "react-chartist", "url": "https://github.com/fraserxu/react-chartist", "description": "React component for Chartist.js.", "stars": "525"}, {"name": "react-charty", "url": "https://github.com/99ff00/react-charty", "description": "[demo](https://99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming.", "stars": "71"}, {"name": "react-chartjs-2", "url": "https://github.com/jerairrest/react-chartjs-2", "description": "Common react charting components using Chart.js 2.0.", "stars": "6.9k"}, {"name": "react-d3-components", "url": "https://github.com/codesuki/react-d3-components", "description": "D3 Components for React.", "stars": "1.6k"}, {"name": "react-google-charts", "url": "https://github.com/RakanNimer/react-google-charts", "description": "React-google-charts React component.", "stars": "1.7k"}, {"name": "react-highcharts", "url": "https://github.com/kirjs/react-highcharts", "description": "React-highcharts.", "stars": "1.3k"}, {"name": "react-sparklines", "url": "https://github.com/borisyankov/react-sparklines", "description": "Beautiful and expressive Sparklines React component.", "stars": "2.9k"}, {"name": "react-timeseries-charts", "url": "https://github.com/esnet/react-timeseries-charts", "description": "Declarative timeseries charts.", "stars": "875"}, {"name": "react-vis", "url": "https://github.com/uber/react-vis", "description": "Data visualization library based on React and d3.", "stars": "8.8k"}, {"name": "recharts", "url": "https://github.com/recharts/recharts", "description": "Redefined chart library built with React and D3.", "stars": "27k"}, {"name": "rumble-charts", "url": "https://github.com/rumble-charts/rumble-charts", "description": "React components for building composable and flexible charts.", "stars": "344"}, {"name": "victory", "url": "https://github.com/FormidableLabs/victory", "description": "Data viz for React.", "stars": "11k"}, {"name": "semiotic", "url": "https://semiotic.nteract.io/", "description": "Semiotic is a data visualization framework for React."}, {"name": "SVAR React Gantt", "url": "https://svar.dev/react/gantt/", "description": "[demo](https://docs.svar.dev/react/gantt/samples/#/base/willow) - [docs](https://docs.svar.dev/react/gantt/getting_started/) - Customizable, interactive Gantt chart component"}, {"name": "DevExtreme React Chart", "url": "https://devexpress.github.io/devextreme-reactive/react/chart/", "description": "High-performance plugin-based chart for Bootstrap and Material Design."}, {"name": "Smart React Chart", "url": "https://www.htmlelements.com/react/demos/chart/overview/", "description": "Feature complete Charting library."}, {"name": "react-muze", "url": "https://github.com/chartshq/react-muze", "description": "React wrapper for [muze](https://muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)", "stars": "17"}, {"name": "Flowchart React", "url": "https://github.com/joyceworks/flowchart-react", "description": "Flowchart & Flowchart designer for React.js.", "stars": "47"}, {"name": "react-dashboard", "url": "https://github.com/flatlogic/react-dashboard", "description": "Isomorphic Dashboards.", "stars": "1.6k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Command palette", "entries": [{"name": "cmdk", "url": "https://cmdk.paco.me/", "description": "Fast, composable, unstyled command menu for React."}, {"name": "kbar", "url": "https://github.com/timc1/kbar", "description": "[demo](https://kbar.vercel.app) - Fast, portable, and extensible cmd+k interface.", "stars": "5.2k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Tree", "entries": [{"name": "json-edit-react", "url": "https://github.com/CarlosNZ/json-edit-react", "description": "[demo](https://carlosnz.github.io/json-edit-react/) - Highly configurable JSON/Object tree viewer and editor", "stars": "612"}, {"name": "react-arborist", "url": "https://github.com/brimdata/react-arborist", "description": "[demo](https://react-arborist.netlify.app/) - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search", "stars": "3.5k"}, {"name": "react-complex-tree", "url": "https://github.com/lukasbach/react-complex-tree", "description": "[demo](https://rct.lukasbach.com/) - [docs](https://rct.lukasbach.com/docs/getstarted) - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search", "stars": "1.3k"}, {"name": "he-tree-react", "url": "https://github.com/phphe/he-tree-react", "description": "[demo](https://he-tree-react.phphe.com/v1/examples) - [docs](https://he-tree-react.phphe.com/) - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized.", "stars": "32"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 UI Navigation", "entries": [{"name": "react-scroll", "url": "https://github.com/fisshy/react-scroll", "description": "React scroll component.", "stars": "4.4k"}, {"name": "react-swipeable-views", "url": "https://github.com/oliviertassinari/react-swipeable-views", "description": "A React Component for binded Tabs and Swipeable Views.", "stars": "4.5k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Custom Scrollbar", "entries": [{"name": "rc-scrollbars", "url": "https://github.com/sakhnyuk/rc-scrollbars", "description": "[demo](https://rc-scrollbars.vercel.app/) - Customizable scrollbars with flex options and 60FPS", "stars": "158"}, {"name": "react-custom-scroll", "url": "https://github.com/rommguy/react-custom-scroll", "description": "[demo](http://rommguy.github.io/react-custom-scroll/example/demo.html) - Easily customize the browser scroll bar with native OS scroll behavior.", "stars": "565"}, {"name": "react-shadow-scroll", "url": "https://github.com/andrelmlins/react-shadow-scroll", "description": "Component that customizes the image and inserts shadow when scrolling exists.", "stars": "32"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Audio / Video", "entries": [{"name": "react-dailymotion", "url": "https://github.com/u-wave/react-dailymotion", "description": "Dailymotion player component for React.", "stars": "17"}, {"name": "react-player", "url": "https://github.com/CookPete/react-player", "description": "A react component for playing a variety of URLs, including YouTube.", "stars": "10k"}, {"name": "react-soundplayer", "url": "https://github.com/soundblogs/react-soundplayer", "description": "Create custom SoundCloud players with React.", "stars": "1.5k"}, {"name": "react-youtube", "url": "https://github.com/troybetz/react-youtube", "description": "React.js powered YouTube player component.", "stars": "1.9k"}, {"name": "video-react", "url": "https://github.com/video-react/video-react", "description": "A web video player built for the HTML5 world using React library.", "stars": "2.7k"}, {"name": "material-ui-audio-player", "url": "https://github.com/Werter12/material-ui-audio-player", "description": "Audio player for material ui design.", "stars": "76"}, {"name": "react-vision-camera", "url": "https://github.com/xulihang/react-vision-camera", "description": "Camera component for React using getUserMedia. We can use this component for computer vision tasks like barcode scanning, text recognition, etc.", "stars": "9"}, {"name": "react-barcode-qrcode-scanner", "url": "https://github.com/xulihang/react-barcode-qrcode-scanner", "description": "Barcode and QR code scanner component for React. It uses react-vision-camera to access the camera and Dynamsoft Barcode Reader to read barcodes.", "stars": "23"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Map", "entries": [{"name": "google-map-react", "url": "https://github.com/istarkov/google-map-react", "description": "Universal google map react component, allows render react components on the google map.", "stars": "6.5k"}, {"name": "mapkit", "url": "https://github.com/1amageek/mapkit", "description": "A library for integrating Apple Maps using MapKit JS, with annotations, overlays, and search.", "stars": "3"}, {"name": "pigeon-maps", "url": "https://github.com/mariusandra/pigeon-maps", "description": "[demo](https://pigeon-maps.js.org/) - ReactJS Maps without external dependencies.", "stars": "3.5k"}, {"name": "react-geosuggest", "url": "https://github.com/ubilabs/react-geosuggest", "description": "A React autosuggest for the Google Maps Places API.", "stars": "1k"}, {"name": "react-leaflet", "url": "https://github.com/PaulLeCam/react-leaflet", "description": "React components for Leaflet maps.", "stars": "5.5k"}, {"name": "react-map-gl", "url": "https://github.com/uber/react-map-gl", "description": "A React wrapper for MapboxGL-js and overlay API.", "stars": "8.4k"}, {"name": "react-svg-map", "url": "https://github.com/VictorCazanave/react-svg-map", "description": "[demo](https://victorcazanave.github.io/react-svg-map/) - A set of components to display an interactive SVG map.", "stars": "240"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Time / Date / Age", "entries": [{"name": "react-timeago", "url": "https://github.com/nmn/react-timeago", "description": "A simple time-ago component for ReactJs.", "stars": "1.1k"}, {"name": "timeago-react", "url": "https://github.com/hustcc/timeago-react", "description": "Format date with `*** time ago` statement. eg: '3 hours ago'.", "stars": "434"}, {"name": "react-google-flight-datepicker", "url": "https://github.com/JSLancerTeam/react-google-flight-datepicker", "description": "Google flight date picker implemented in ReactJS.", "stars": "394"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Photo / Image", "entries": [{"name": "lightGallery", "url": "https://github.com/sachinchoolur/lightGallery", "description": "[demo](https://www.lightgalleryjs.com/) - [docs](https://www.lightgalleryjs.com/docs/react/) - Full-featured lightbox gallery component.", "stars": "7k"}, {"name": "react-compare-image", "url": "https://github.com/junkboy0315/react-compare-image", "description": "[demo](https://react-compare-image.yuuniworks.com/) - React component to compare two images using a slider.", "stars": "400"}, {"name": "react-image-gallery", "url": "https://github.com/xiaolin/react-image-gallery", "description": "Responsive image gallery, carousel, image slider react component.", "stars": "3.9k"}, {"name": "yet-another-react-lightbox", "url": "https://github.com/igordanchenko/yet-another-react-lightbox", "description": "[demo](https://yet-another-react-lightbox.com/examples) - [docs](https://yet-another-react-lightbox.com/documentation) - React lightbox component.", "stars": "1.2k"}, {"name": "react-intense", "url": "https://github.com/brycedorn/react-intense", "description": "A React component for viewing large images up close.", "stars": "189"}, {"name": "react-photo-album", "url": "https://github.com/igordanchenko/react-photo-album", "description": "[demo](https://react-photo-album.com/examples) - [docs](https://react-photo-album.com/documentation) - Responsive React Photo Gallery.", "stars": "733"}, {"name": "react-svg-pan-zoom", "url": "https://github.com/chrvadala/react-svg-pan-zoom", "description": "A React component that adds pan and zoom features to SVG.", "stars": "695"}, {"name": "react-particle-image", "url": "https://github.com/malerba118/react-particle-image", "description": "[demo](https://malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles.", "stars": "497"}, {"name": "react-imgix", "url": "https://github.com/imgix/react-imgix", "description": "Add fast, responsive images as an image, picture, or background!", "stars": "379"}, {"name": "@frameright/react-image-display-control", "url": "https://github.com/Frameright/react-image-display-control", "description": "Define zoom regions for smart responsive images.", "stars": "28"}, {"name": "zoom-image", "url": "https://github.com/willnguyen1312/zoom-image", "description": "[demo](https://willnguyen1312.github.io/zoom-image/examples/react.html) - [docs](https://willnguyen1312.github.io/zoom-image) - A little yet powerful framework agnostic library to zoom image on the web", "stars": "353"}, {"name": "react-infinite-gallery", "url": "https://github.com/AlirezaAzizi145/react-infinite-gallery", "description": "Infinite-scroll image gallery component for React apps.", "stars": "2"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Icons", "entries": [{"name": "iconify-react", "url": "https://github.com/iconify/iconify-react", "description": "Over 40k icons from 50+ icon sets, including all popular icon and emoji sets.", "stars": "218"}, {"name": "react-icons", "url": "https://github.com/gorangajic/react-icons", "description": "Svg react icons of popular icon packs using ES6 imports.", "stars": "12k"}, {"name": "react-open-doodles", "url": "https://github.com/lunahq/react-open-doodles", "description": "Awesome free illustrations as react components.", "stars": "78"}, {"name": "react-icomoon", "url": "https://github.com/aykutkardas/react-icomoon", "description": "With react-icomoon you can easily use the icons you have selected or created in icomoon.", "stars": "244"}, {"name": "tabler-icons-react", "url": "https://tabler-icons-react.vercel.app", "description": "A set of over 450 free MIT-licensed high-quality SVG icons."}, {"name": "Lucide", "url": "https://github.com/lucide-icons/lucide", "description": "Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.", "stars": "21k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Paginator", "entries": [{"name": "react-paginate", "url": "https://github.com/AdeleD/react-paginate", "description": "A ReactJS component that creates a pagination.", "stars": "2.8k"}, {"name": "react-laravel-paginex", "url": "https://github.com/lionix-team/react-laravel-paginex", "description": "Laravel Pagination with ReactJS (customizable).", "stars": "32"}, {"name": "paginated", "url": "https://github.com/makotot/paginated", "description": "React render props & custom hook to build pagination.", "stars": "21"}, {"name": "react-steps", "url": "https://github.com/tkwant/react-steps", "description": "[Demo](https://stepper.tkwant.de/) - Responsive React Stepper.", "stars": "19"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Markdown Viewer", "entries": [{"name": "react-markdown", "url": "https://github.com/rexxars/react-markdown", "description": "Render Markdown as React components.", "stars": "15k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Canvas", "entries": [{"name": "react-konva", "url": "https://github.com/konvajs/react-konva", "description": "React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework.", "stars": "6.3k"}, {"name": "react-sketch", "url": "https://github.com/tbolis/react-sketch", "description": "A Sketch tool for React based applications, backed-up by FabricJS", "stars": "707"}, {"name": "react-sketch-canvas", "url": "https://github.com/vinothpandian/react-sketch-canvas", "description": "[Demo](https://vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets", "stars": "546"}, {"name": "react-heat-map", "url": "https://github.com/uiwjs/react-heat-map", "description": "A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.", "stars": "259"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Screenshot", "entries": [{"name": "html2canvas", "url": "https://github.com/niklasvh/html2canvas", "description": "Take screenshots of any part of your web page using Javascript.", "stars": "32k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Miscellaneous", "entries": [{"name": "puck", "url": "https://github.com/measuredco/puck", "description": "[demo](https://puck-editor-demo.vercel.app/edit) - The self-hosted visual editor for React", "stars": "12k"}, {"name": "react-advanced-news-ticker", "url": "https://github.com/ahmetcanaydemir/react-advanced-news-ticker", "description": "[demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component", "stars": "54"}, {"name": "react-avatar-generator", "url": "https://github.com/JosephSmith127/react-avatar-generator", "description": "Allows users to create random kaleidoscopes to be used as avatars.", "stars": "74"}, {"name": "react-awesome-query-builder", "url": "https://github.com/ukrbublik/react-awesome-query-builder", "description": "[demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export", "stars": "2.2k"}, {"name": "react-blur", "url": "https://github.com/javierbyte/react-blur", "description": "React component for blurred backgrounds.", "stars": "470"}, {"name": "react-demo-tab", "url": "https://github.com/mkosir/react-demo-tab", "description": "[demo](https://mkosir.github.io/react-demo-tab) - A React component to easily create demos of other components.", "stars": "46"}, {"name": "fastcomments-react", "url": "https://github.com/fastcomments/fastcomments-react", "description": "[demo](https://blog.fastcomments.com/\\(12-30-2019\\)-fastcomments-demo.html) - FastComments component for embedding a live comment thread on a page or SPA.", "stars": "10"}, {"name": "react-pdf-viewer", "url": "https://github.com/phuoc-ng/react-pdf-viewer", "description": "[docs](https://react-pdf-viewer.dev) - A React component to view a PDF document.", "stars": "2.6k"}, {"name": "react-simple-chatbot", "url": "https://github.com/LucasBassetti/react-simple-chatbot", "description": "[demo (\u2b502)](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats.", "stars": "1.8k"}, {"name": "react-file-reader-input", "url": "https://github.com/ngokevin/react-file-reader-input", "description": "File input component for control for file reading styling and abstraction.", "stars": "119"}, {"name": "react-filter-control", "url": "https://github.com/komarovalexander/react-filter-control", "description": "The React filterbuilder component for building the filter criteria in the UI.", "stars": "55"}, {"name": "react-headings", "url": "https://github.com/alexnault/react-headings", "description": "Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered.", "stars": "84"}, {"name": "react-joyride", "url": "https://github.com/gilbarbara/react-joyride", "description": "Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.", "stars": "7.6k"}, {"name": "react-mouse-select", "url": "https://github.com/andreizanik/react-mouse-select", "description": "[Demo](https://andreizanik.github.io/react-mouse-select/) A component that allows selecting DOM elements by moving the mouse", "stars": "56"}, {"name": "react-resizable-and-movable", "url": "https://github.com/bokuweb/react-resizable-and-movable", "description": "Resizable and movable component for React.", "stars": "4.3k"}, {"name": "react-resizable-box", "url": "https://github.com/bokuweb/react-resizable-box", "description": "Resizable component for React. #reactjs.", "stars": "2.7k"}, {"name": "react-searchbox-awesome", "url": "https://github.com/axmz/react-searchbox-awesome", "description": "[demo](https://axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox.", "stars": "32"}, {"name": "react-split-pane", "url": "https://github.com/tomkp/react-split-pane", "description": "React split-pane component.", "stars": "3.3k"}, {"name": "react-swipe-to-delete-ios", "url": "https://github.com/arnaudambro/react-swipe-to-delete-ios", "description": "[demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does.", "stars": "53"}, {"name": "react-swipeable-list", "url": "https://github.com/marekrozmus/react-swipeable-list", "description": "[demo](https://marekrozmus.github.io/react-swipeable-list/) - Configurable component to render list with swipeable items.", "stars": "128"}, {"name": "typography", "url": "https://github.com/KyleAMathews/typography.js", "description": "A powerful toolkit for building websites with beautiful typography.", "stars": "3.9k"}, {"name": "react-pulse-text", "url": "https://github.com/Kelsier90/React-Pulse-Text", "description": "[demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component.", "stars": "20"}, {"name": "captcha-image", "url": "https://github.com/tpkahlon/captcha-image", "description": "Allows you to generate a random captcha image with options.", "stars": "11"}, {"name": "react-pdf", "url": "https://github.com/wojtekmaj/react-pdf", "description": "Display PDFs in your React app as easily as if they were images.", "stars": "11k"}, {"name": "react-customizable-chat-bot", "url": "https://github.com/chithakumar13/react-chat-bot", "description": "[Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes.", "stars": "18"}, {"name": "@restpace/schema-form", "url": "https://github.com/restspace/schema-form", "description": "[Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema.", "stars": "51"}, {"name": "react-darkreader", "url": "https://github.com/Turkyden/react-darkreader", "description": "A React Hook for adding a dark / night mode to your site inspired by darkreader.", "stars": "280"}, {"name": "react-apple-signin-auth", "url": "https://github.com/A-Tokyo/react-apple-signin-auth", "description": "Apple signin for React using the official Apple JS SDK.", "stars": "134"}, {"name": "react-mrz-scanner", "url": "https://github.com/tony-xlh/react-mrz-scanner", "description": "A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer.", "stars": "5"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Form Components", "entries": [{"name": "date-range-picker", "url": "https://github.com/almogtavor/date-range-picker", "description": "[demo](https://almogtavor.github.io/date-range-picker/) - A calendar component that supports date, range & ranges picks.", "stars": "105"}, {"name": "react-big-calendar", "url": "https://github.com/intljusticemission/react-big-calendar", "description": "Gcal/outlook like calendar component.", "stars": "8.6k"}, {"name": "react-datepicker", "url": "https://github.com/Hacker0x01/react-datepicker", "description": "A simple and reusable datepicker component for React.", "stars": "8.4k"}, {"name": "react-day-picker", "url": "https://github.com/gpbl/react-day-picker", "description": "Flexible date picker for React.", "stars": "6.7k"}, {"name": "react-flatpickr", "url": "https://github.com/coderhaoxin/react-flatpickr", "description": "Flatpickr for React.", "stars": "620"}, {"name": "react-simple-timefield", "url": "https://github.com/antonfisher/react-simple-timefield", "description": "[demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field.", "stars": "97"}, {"name": "react-timezone-select", "url": "https://github.com/ndom91/react-timezone-select", "description": "[demo](https://ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`.", "stars": "241"}, {"name": "DevExtreme React Scheduler", "url": "https://devexpress.github.io/devextreme-reactive/react/scheduler/", "description": "High-performance plugin-based scheduler/calendar for Material Design."}, {"name": "jQWidgets Scheduler", "url": "https://www.jqwidgets.com/react/react-scheduler/", "description": "Feature complete Scheduling library."}, {"name": "react-calendar", "url": "https://github.com/wojtekmaj/react-calendar", "description": "Ultimate calendar for your React app.", "stars": "3.8k"}, {"name": "react-date-picker", "url": "https://github.com/wojtekmaj/react-date-picker", "description": "A date picker for your React app.", "stars": "1.3k"}, {"name": "schedule-x", "url": "https://github.com/schedule-x/schedule-x", "description": "Material design event calendar and date picker components. Demo site: <https://schedule-x.dev/>", "stars": "2.2k"}, {"name": "interweave-emoji-picker", "url": "https://github.com/milesj/interweave/tree/master/packages/emoji-picker", "description": "A React based emoji picker powered by Interweave and Emojibase.", "stars": "1.2k"}, {"name": "react-credit-cards", "url": "https://github.com/amarofashion/react-credit-cards", "description": "Beautiful credit cards for your payment forms.", "stars": "2.6k"}, {"name": "react-payment-inputs", "url": "https://github.com/medipass/react-payment-inputs", "description": "[demo](https://medipass.github.io/react-payment-inputs/?path=/story/usepaymentinputs--basic-no-styles) - A zero-dependency container to help with payment card input fields.", "stars": "448"}, {"name": "react-input-mask", "url": "https://github.com/sanniassin/react-input-mask", "description": "[demo](http://sanniassin.github.io/react-input-mask/demo.html) - Yet another react component for input masking.", "stars": "2.3k"}, {"name": "@lunasec/react-sdk", "url": "https://github.com/lunasec-io/lunasec", "description": "[docs](https://www.lunasec.io/docs/) - Secure, hardened form components that encrypt/tokenize all data automatically.", "stars": "1.5k"}, {"name": "react-numpad", "url": "https://github.com/gpietro/react-numpad", "description": "[demo](https://gpietro.github.io/react-numpad-demo/) - Extensible number pad control for numbers, dates and times.", "stars": "139"}, {"name": "react-multi-email", "url": "https://github.com/axisj/react-multi-email", "description": "[demo](https://react-multi-email.vercel.app/) - Format multiple emails as the user types.", "stars": "317"}, {"name": "react-autosuggest", "url": "https://github.com/moroshko/react-autosuggest", "description": "WAI-ARIA compliant React autosuggest component.", "stars": "6k"}, {"name": "react-typeahead", "url": "https://github.com/fmoo/react-typeahead", "description": "Pure react-based typeahead and typeahead-tokenizer.", "stars": "676"}, {"name": "react-aria-menubutton", "url": "https://github.com/davidtheclark/react-aria-menubutton", "description": "A fully accessible, easily themeable, React-powered menu button.", "stars": "454"}, {"name": "react-functional-select", "url": "https://github.com/based-ghost/react-functional-select", "description": "[demo](https://based-ghost.github.io/react-functional-select/) - Micro-sized & micro-optimized select component for React.js.", "stars": "196"}, {"name": "react-mobile-picker", "url": "https://github.com/adcentury/react-mobile-picker", "description": "[demo](https://react-mobile-picker.vercel.app/) - An iOS like select box component.", "stars": "350"}, {"name": "react-select", "url": "https://github.com/JedWatson/react-select", "description": "A Select control built with and for React JS.", "stars": "28k"}, {"name": "react-column-select", "url": "https://github.com/chr-ge/react-column-select", "description": "A column select component built for react.", "stars": "14"}, {"name": "react-select-search", "url": "https://github.com/tbleckert/react-select-search", "description": "[demo](https://react-select-search.com/) - A lightweight select component for React", "stars": "693"}, {"name": "coloreact", "url": "https://github.com/elrumordelaluz/coloreact", "description": "A tiny Color Picker for React.", "stars": "91"}, {"name": "react-color", "url": "https://github.com/uiwjs/react-color", "description": "Is a tiny color picker widget component for React apps.", "stars": "494"}, {"name": "react-colorful", "url": "https://github.com/omgovich/react-colorful", "description": "A tiny (2,5 KB), dependency-free, fast and accessible color picker component.", "stars": "3.5k"}, {"name": "react-input-color", "url": "https://github.com/wangzuo/react-input-color", "description": "React input color component with hsv color picker.", "stars": "248"}, {"name": "@anatoliygatt/heart-switch", "url": "https://github.com/anatoliygatt/heart-switch", "description": "[demo](https://codesandbox.io/s/demo-for-anatoliygatt-heart-switch-cds5p) - A fully themeable and accessible heart-shaped toggle switch component.", "stars": "452"}, {"name": "react-ios-switch", "url": "https://github.com/clari/react-ios-switch", "description": "React switch component.", "stars": "129"}, {"name": "react-toggle", "url": "https://github.com/instructure-react/react-toggle", "description": "An elegant, accessible toggle component for React. Also a glorified checkbox.", "stars": "954"}, {"name": "ui-switch", "url": "https://github.com/yairEO/ui-switch", "description": "The most complete *Toggle* component", "stars": "5"}, {"name": "react-slider", "url": "https://github.com/mpowaga/react-slider", "description": "Slider component for React.", "stars": "915"}, {"name": "react-radio-group", "url": "https://github.com/chenglou/react-radio-group", "description": "Better radio buttons.", "stars": "444"}, {"name": "react-autocomplete-input", "url": "https://github.com/yury-dymov/react-autocomplete-input", "description": "Autocomplete input field for React.", "stars": "206"}, {"name": "react-mentions", "url": "https://github.com/effektif/react-mentions", "description": "Mention people in a textarea.", "stars": "2.7k"}, {"name": "rich-textarea", "url": "https://github.com/inokawa/rich-textarea", "description": "A textarea to colorize, highlight, decorate texts and offer autocomplete.", "stars": "410"}, {"name": "react-tag-input", "url": "https://github.com/prakhar1989/react-tags", "description": "A fantastically simple tagging component for your React projects.", "stars": "1.6k"}, {"name": "react-tagsinput", "url": "https://github.com/olahol/react-tagsinput", "description": "A simple react component for inputing tags.", "stars": "1.4k"}, {"name": "react-tokeninput", "url": "https://github.com/instructure-react/react-tokeninput", "description": "Tokeninput component for React.", "stars": "150"}, {"name": "tagify", "url": "https://github.com/yairEO/tagify", "description": "[demo & docs](https://yaireo.github.io/tagify/) - Lightweight, efficient Tags input component.", "stars": "3.9k"}, {"name": "react-input-autosize", "url": "https://github.com/JedWatson/react-input-autosize", "description": "Auto-resizing input field for React.", "stars": "777"}, {"name": "react-autowidth-input", "url": "https://github.com/kierien/react-autowidth-input", "description": "Highly configurable & extensible automatically sized input field built with hooks.", "stars": "14"}, {"name": "react-textarea-autosize", "url": "https://github.com/andreypopp/react-textarea-autosize", "description": "\\<textarea /> component for React which grows with content.", "stars": "2.4k"}, {"name": "react-rating", "url": "https://github.com/smastrom/react-rating", "description": "[demo](https://react-rating.onrender.com/) - Zero-dependency, highly customizable rating component.", "stars": "381"}, {"name": "react-awesome-stars-rating", "url": "https://github.com/fedoryakubovich/react-awesome-stars-rating", "description": "[demo](https://react-awesome-stars-rating.herokuapp.com/) - The star rating component with accessibility.", "stars": "38"}, {"name": "react-star-rating-input", "url": "https://github.com/ikr/react-star-rating-input", "description": "React.js component for entering 0-5 (or more) stars.", "stars": "55"}, {"name": "react-beautiful-dnd", "url": "https://github.com/atlassian/react-beautiful-dnd", "description": "Beautiful and accessible drag and drop for lists with React", "stars": "34k"}, {"name": "react-dnd", "url": "https://github.com/gaearon/react-dnd", "description": "Drag and Drop for React.", "stars": "22k"}, {"name": "react-drag-sizing", "url": "https://github.com/fritx/react-drag-sizing", "description": "\"Drag to resize\" (sizing) as React Component.", "stars": "19"}, {"name": "react-draggable", "url": "https://github.com/mzabriskie/react-draggable", "description": "React draggable component.", "stars": "9.3k"}, {"name": "react-dragula", "url": "https://github.com/bevacqua/react-dragula", "description": "Drag and drop so simple it hurts.", "stars": "998"}, {"name": "react-dropzone", "url": "https://github.com/okonet/react-dropzone", "description": "Simple HTML5 drag-drop zone with React.js.", "stars": "11k"}, {"name": "react-movable", "url": "https://github.com/tajo/react-movable", "description": "Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables.", "stars": "1.7k"}, {"name": "react-sortable-pane", "url": "https://github.com/bokuweb/react-sortable-pane", "description": "Sortable and resizable pane component for React.", "stars": "650"}, {"name": "neodrag", "url": "https://github.com/PuruVJ/neodrag", "description": "Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same.", "stars": "2.4k"}, {"name": "react-anything-sortable", "url": "https://github.com/jasonslyvia/react-anything-sortable", "description": "Sort any children with touch support and IE8 compatibility.", "stars": "460"}, {"name": "sortablejs", "url": "https://github.com/SortableJS/Sortable", "description": "Lists reorderable by drag-and-drop, within and among lists.", "stars": "31k"}, {"name": "alloyeditor", "url": "https://github.com/liferay/alloy-editor", "description": "WYSIWYG editor based on CKEditor with completely rewritten UI.", "stars": "1.4k"}, {"name": "ckeditor4-react", "url": "https://github.com/ckeditor/ckeditor4-react", "description": "An official CKEditor 4 rich text editor wrapper.", "stars": "103"}, {"name": "ckeditor5-react", "url": "https://github.com/ckeditor/ckeditor5-react", "description": "An official CKEditor 5 rich text editor wrapper.", "stars": "458"}, {"name": "draft-js", "url": "https://github.com/facebook/draft-js", "description": "A React framework for building text editors.", "stars": "23k"}, {"name": "edtr-io", "url": "https://github.com/edtr-io/edtr-io", "description": "[demo](https://edtr.io/) - [docs](https://edtr.io/docs/getting-started) - WYSIWYG in-line web editor with plugins.", "stars": "706"}, {"name": "megadraft", "url": "https://github.com/globocom/megadraft", "description": "Rich Text editor built on top of draft.js.", "stars": "1.2k"}, {"name": "react-ace", "url": "https://github.com/securingsincity/react-ace", "description": "Ace (Advanced Code Editor) wraper.", "stars": "4.2k"}, {"name": "react-codemirror", "url": "https://github.com/uiwjs/react-codemirror", "description": "[demo](https://uiwjs.github.io/react-codemirror/) - CodeMirror component for React.", "stars": "2.1k"}, {"name": "react-contenteditable", "url": "https://github.com/lovasoa/react-contenteditable", "description": "React component for a div with editable contents.", "stars": "1.7k"}, {"name": "react-draft-wysiwyg", "url": "https://github.com/jpuri/react-draft-wysiwyg", "description": "WYSIWYG editor build on top of [DraftJS](https://draftjs.org/).", "stars": "6.5k"}, {"name": "react-editor", "url": "https://github.com/fritx/react-editor", "description": "Simple richtext editor that can insert images and HTML.", "stars": "55"}, {"name": "react-medium-editor", "url": "https://github.com/wangzuo/react-medium-editor", "description": "medium-editor wrapper.", "stars": "505"}, {"name": "react-monacoeditor", "url": "https://github.com/jaywcjlove/react-monacoeditor", "description": "Monaco Editor component for React.", "stars": "318"}, {"name": "react-simple-code-editor", "url": "https://github.com/satya164/react-simple-code-editor", "description": "Simple no-frills code editor with syntax highlighting", "stars": "1.7k"}, {"name": "react-quill", "url": "https://github.com/zenoamaro/react-quill", "description": "Quill wrapper.", "stars": "7k"}, {"name": "react-trumbowyg", "url": "https://github.com/RD17/react-trumbowyg", "description": "[Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper.", "stars": "148"}, {"name": "remirror", "url": "https://github.com/remirror/remirror", "description": "[demo](https://remirror.io/playground) - [docs](https://remirror.io/docs) - ProseMirror toolkit for React.", "stars": "3k"}, {"name": "slate", "url": "https://github.com/ianstormtaylor/slate", "description": "[demo](http://slatejs.org/) - [docs](https://docs.slatejs.org/) - A completely customizable framework for building rich text editors.", "stars": "32k"}, {"name": "smartblock", "url": "https://github.com/appleple/smartblock", "description": "[demo](https://appleple.github.io/smartblock/) - [docs](https://appleple.github.io/smartblock/get-started) - Block based WYSIWYG editor based on ProseMirror.", "stars": "321"}, {"name": "tiptap", "url": "https://github.com/ueberdosis/tiptap", "description": "[demo](https://tiptap.dev/) - [docs](https://tiptap.dev/introduction) - The headless editor framework for web artisans.", "stars": "35k"}, {"name": "react-simplemde-editor", "url": "https://github.com/RIP21/react-simplemde-editor", "description": "React component wrapper for [EasyMDE (the most fresh SimpleMDE fork) (\u2b502.9k)](https://github.com/Ionaru/easy-markdown-editor).", "stars": "784"}, {"name": "react-markdown-editor", "url": "https://github.com/jrm2k6/react-markdown-editor", "description": "A markdown editor using React/Reflux.", "stars": "219"}, {"name": "react-md-editor", "url": "https://github.com/uiwjs/react-md-editor", "description": "A simple markdown editor with preview, implemented with React.js and TypeScript.", "stars": "2.8k"}, {"name": "react-avatar-editor", "url": "https://github.com/mosch/react-avatar-editor", "description": "Facebook-like, avatar / profile picture component.", "stars": "2.5k"}, {"name": "react-avatar-generator", "url": "https://github.com/JosephSmith127/react-avatar-generator", "description": "Generate fun kaleidoscope for user avatars.", "stars": "74"}, {"name": "react-easy-crop", "url": "https://github.com/ricardo-ch/react-easy-crop", "description": "Component to crop/rotate images/videos with easy interactions. Touch friendly.", "stars": "2.7k"}, {"name": "react-image-crop", "url": "https://github.com/DominicTobias/react-image-crop", "description": "A responsive image cropping tool for React.", "stars": "4.1k"}, {"name": "react-image-cropper", "url": "https://github.com/jerryshew/react-image-cropper", "description": "Image cropper.", "stars": "173"}, {"name": "react-advanced-cropper", "url": "https://github.com/advanced-cropper/react-advanced-cropper", "description": "A react cropper library to create the cropper exactly suited for your website design.", "stars": "868"}, {"name": "react-mobile-cropper", "url": "https://github.com/advanced-cropper/react-mobile-cropper", "description": "A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on `react-advanced-cropper`.", "stars": "46"}, {"name": "formsy-material-ui", "url": "https://github.com/mbrookes/formsy-material-ui", "description": "A Formsy compatibility wrapper for Material UI form components.", "stars": "570"}, {"name": "formsy-react-components", "url": "https://github.com/twisty/formsy-react-components", "description": "A set of React JS components for use in a formsy-react form.", "stars": "288"}, {"name": "react-input-enhancements", "url": "https://github.com/alexkuz/react-input-enhancements", "description": "Set of enhancements for input control.", "stars": "1.4k"}, {"name": "react-widgets", "url": "https://github.com/jquense/react-widgets", "description": "An \u00e0 la carte set of polished, extensible, and accessible inputs.", "stars": "2.4k"}, {"name": "@anatoliygatt/numeric-stepper", "url": "https://github.com/anatoliygatt/numeric-stepper", "description": "[demo](https://codesandbox.io/s/demo-for-anatoliygatt-numeric-stepper-mllfyl) - A fully themeable and accessible numeric stepper component.", "stars": "161"}, {"name": "interweave", "url": "https://github.com/milesj/interweave", "description": "React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.", "stars": "1.2k"}, {"name": "react-designer", "url": "https://github.com/react-designer/react-designer", "description": "Easy to configure, lightweight, editable vector graphics in your react components.", "stars": "1.9k"}, {"name": "react-upload-gallery", "url": "https://github.com/TPMinan/react-upload-gallery", "description": "React for Upload Image Gallery. Drag & Drop, Sortable, Customize.", "stars": "79"}, {"name": "react-syntax-highlighter", "url": "https://github.com/conorhastings/react-syntax-highlighter", "description": "Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.", "stars": "4.6k"}, {"name": "autoresponsive-react", "url": "https://github.com/xudafeng/autoresponsive-react", "description": "Auto responsive grid layout library.", "stars": "1.6k"}, {"name": "hedron", "url": "https://github.com/JSBros/hedron", "description": "A no-frills flexbox grid system, powered by styled-components.", "stars": "863"}, {"name": "m-react-splitters", "url": "https://github.com/martinnov92/React-Splitters", "description": "Splitter component, written in TypeScript.", "stars": "165"}, {"name": "muuri-react", "url": "https://github.com/Paol-imi/muuri-react", "description": "[demo](https://1czo5.csb.app/) - [docs](https://paol-imi.github.io/muuri-react) - Responsive, sortable, filterable and draggable grid layouts.", "stars": "369"}, {"name": "react-grid-layout", "url": "https://github.com/STRML/react-grid-layout", "description": "A draggable and resizable grid layout with responsive breakpoints, for React.", "stars": "22k"}, {"name": "react-layman", "url": "https://github.com/Jeshwin/react-layman", "description": "[demo](https://jeshwin.github.io/react-layman/) - Dynamic tiling layout manager with tabs", "stars": "6"}, {"name": "react-masonry-component", "url": "https://github.com/eiriklv/react-masonry-component", "description": "Wrapper for @desandro's Masonry.", "stars": "1.5k"}, {"name": "react-reflex", "url": "https://github.com/leefsmp/Re-Flex", "description": "Flex layout container component for advanced React web applications.", "stars": "657"}, {"name": "react-spaces", "url": "https://github.com/aeagle/react-spaces", "description": "[demo/docs](https://www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components.", "stars": "1.3k"}, {"name": "react-stonecutter", "url": "https://github.com/dantrain/react-stonecutter", "description": "Animated grid layout component.", "stars": "1.2k"}, {"name": "react-colrow", "url": "https://github.com/phphe/react-colrow", "description": "Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.", "stars": "9"}, {"name": "react-schematic", "url": "https://github.com/umeshmk/react-schematic", "description": "[demo](https://umeshmk.github.io/react-schematic) - Build responsive layouts using styled schematics without an overhead of any theme configuration", "stars": "11"}, {"name": "data-driven-motion", "url": "https://github.com/tkh44/data-driven-motion", "description": "Easily animate your data.", "stars": "549"}, {"name": "react-animatable", "url": "https://github.com/inokawa/react-animatable", "description": "An animation library using Web Animations API.", "stars": "113"}, {"name": "react-anime", "url": "https://github.com/stelatech/react-anime", "description": "A super easy animation library.", "stars": "1.6k"}, {"name": "react-flip-move", "url": "https://github.com/joshwcomeau/react-flip-move", "description": "Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.", "stars": "4.1k"}, {"name": "react-gsap-enhancer", "url": "https://github.com/azazdeaz/react-gsap-enhancer", "description": "Use the full power of React and GSAP together.", "stars": "728"}, {"name": "react-tsparticles", "url": "https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md", "description": "A lightweight component to easily create interactive particles animations", "stars": "8.7k"}, {"name": "react-motion", "url": "https://github.com/chenglou/react-motion", "description": "A spring that solves your animation problems.", "stars": "22k"}, {"name": "react-mt-svg-lines", "url": "https://github.com/moarwick/react-mt-svg-lines", "description": "Wrapper to animate the line stroke in SVGs.", "stars": "360"}, {"name": "react-router-transition", "url": "https://github.com/maisano/react-router-transition", "description": "Transitions built for react-router, powered by react-motion.", "stars": "2.6k"}, {"name": "react-spring", "url": "https://github.com/react-spring/react-spring", "description": "A spring physics based animation library.", "stars": "29k"}, {"name": "react-ts-typewriter", "url": "https://github.com/gerardmarquinarubio/ReactTypewriter", "description": "[demo](https://codesandbox.io/s/react-typewriter-example-mgyclf) - Easy to use and customizable typewriter effect for any text.", "stars": "40"}, {"name": "framer-motion", "url": "https://github.com/framer/motion", "description": "An animation and gesture library.", "stars": "31k"}, {"name": "react-spark-scroll", "url": "https://github.com/gilbox/react-spark-scroll", "description": "Scroll-based actions and animations for react.", "stars": "357"}, {"name": "react-track", "url": "https://github.com/gilbox/react-track", "description": "Track the position of DOM elements. Create cool animations.", "stars": "342"}, {"name": "react-transitive-number", "url": "https://github.com/Lapple/react-transitive-number", "description": "Apply transition effect to numeric strings, a la old Groupon timers.", "stars": "214"}, {"name": "react-web-animation", "url": "https://github.com/bringking/react-web-animation", "description": "React components for the Web Animations API -.", "stars": "299"}, {"name": "auto-size-transition", "url": "https://github.com/DualWield/auto-size-transition", "description": "A component that scale dynamically according to the internal children size", "stars": "10"}, {"name": "react-particles-bg", "url": "https://github.com/lindelof/particles-bg", "description": "Particles backgrounds.", "stars": "669"}, {"name": "gooey-react", "url": "https://github.com/luukdv/gooey-react", "description": "[demo/docs](https://gooey-react.netlify.app/) - The gooey effect for React, used for shape blobbing / metaballs.", "stars": "679"}, {"name": "react-voodoo", "url": "https://github.com/react-voodoo/react-voodoo", "description": "[demo/samples (\u2b504)](https://github.com/react-voodoo/react-voodoo-samples) - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc", "stars": "28"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Parallax", "entries": [{"name": "simple-parallax-js", "url": "https://github.com/geosigno/simpleParallax.js", "description": "[demo](https://simpleparallax.com) - The easiest way to get a parallax effect with React and JavaScript on images", "stars": "2.1k"}, {"name": "react-parallax-tilt", "url": "https://github.com/mkosir/react-parallax-tilt", "description": "[demo](https://mkosir.github.io/react-parallax-tilt) - Easily apply parallax tilt hover effect on components.", "stars": "1k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Responsive", "entries": [{"name": "ant-design", "url": "https://github.com/ant-design/ant-design", "description": "[demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available.", "stars": "97k"}, {"name": "atlaskit", "url": "https://atlaskit.atlassian.com/packages", "description": "Atlassian's official UI library, with components from *badge* to *tree table*."}, {"name": "base web", "url": "https://baseweb.design", "description": "Base Web is a foundation for initiating, evolving, and unifying web products."}, {"name": "carbon", "url": "https://github.com/carbon-design-system/carbon", "description": "[demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM.", "stars": "8.8k"}, {"name": "cdbreact", "url": "https://github.com/Devwares-Team/cdbreact", "description": "[demo](https://www.devwares.com/product/contrast) - [docs](https://www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps.", "stars": "52"}, {"name": "chakra-ui", "url": "https://github.com/chakra-ui/chakra-ui", "description": "[demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications.", "stars": "40k"}, {"name": "ChatUI", "url": "https://github.com/alibaba/ChatUI", "description": "[demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI", "stars": "4.3k"}, {"name": "CoreUI for React", "url": "https://github.com/coreui/coreui-react", "description": "[demo/docs](https://coreui.io/react) - Open Source UI components library.", "stars": "713"}, {"name": "evergreen", "url": "https://github.com/segmentio/evergreen", "description": "[demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment.", "stars": "12k"}, {"name": "fluentui", "url": "https://github.com/microsoft/fluentui", "description": "UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.", "stars": "20k"}, {"name": "gestalt", "url": "https://github.com/pinterest/gestalt", "description": "[demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest\u2019s design language.", "stars": "4.3k"}, {"name": "grommet", "url": "https://github.com/grommet/grommet", "description": "The most advanced UX framework for enterprise applications.", "stars": "8.4k"}, {"name": "kokonut-ui", "url": "https://github.com/kokonut-labs/kokonutui", "description": "Free Modern and Customizable UI components.", "stars": "1.8k"}, {"name": "Mantine", "url": "https://github.com/mantinedev/mantine", "description": "[demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support", "stars": "31k"}, {"name": "orbit", "url": "https://github.com/kiwicom/orbit", "description": "Components for building travel oriented projects.", "stars": "1.4k"}, {"name": "flowbite-react", "url": "https://github.com/themesberg/flowbite-react", "description": "Open-source UI component library based on React, Tailwind CSS, and Flowbite.", "stars": "2.1k"}, {"name": "primereact", "url": "https://github.com/primefaces/primereact", "description": "A complete UI Framework with 50+ components featuring material, bootstrap and custom themes.", "stars": "8.2k"}, {"name": "radix-ui", "url": "https://www.radix-ui.com/", "description": "Unstyled, accessible components for building high\u2011quality design systems and web apps."}, {"name": "react-bootstrap", "url": "https://github.com/react-bootstrap/react-bootstrap", "description": "Bootstrap components built with React.", "stars": "23k"}, {"name": "react-foundation", "url": "https://github.com/digiaonline/react-foundation", "description": "Foundation as React components.", "stars": "597"}, {"name": "reakit", "url": "https://github.com/ariakit/ariakit", "description": "[demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps", "stars": "8.5k"}, {"name": "searchkit", "url": "https://github.com/searchkit/searchkit", "description": "React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.", "stars": "4.9k"}, {"name": "semantic-ui-react", "url": "https://github.com/Semantic-Org/Semantic-UI-React", "description": "The official Semantic-UI-React integration.", "stars": "13k"}, {"name": "semi-design", "url": "https://github.com/DouyinFE/semi-design", "description": "[demo/docs](https://semi.design/) - A modern, comprehensive, flexible design system.", "stars": "9.7k"}, {"name": "shadcn/ui", "url": "https://github.com/shadcn-ui/ui", "description": "[demo](https://ui.shadcn.com/examples/mail) - [docs](https://ui.shadcn.com/docs) - Beautifully designed components that you can copy and paste into your apps.", "stars": "106k"}, {"name": "shineout", "url": "https://github.com/sheinsight/shineout", "description": "[demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc.", "stars": "940"}, {"name": "Tremor", "url": "https://github.com/tremorlabs/tremor-raw", "description": "[demo](https://tremor.so/charts) - [docs](https://tremor.so/docs/getting-started/installation) - Open-source components to build charts and dashboards.", "stars": "2"}, {"name": "untitled-ui-react", "url": "https://github.com/untitleduico/react", "description": "[demo](https://www.untitledui.com/react/) - Beautifully crafted collection of components built with React Aria and Tailwind CSS.", "stars": "1.5k"}, {"name": "react-essence", "url": "https://github.com/Evo-Forge/Essence", "description": "Essence - The Essential Material Design Framework.", "stars": "412"}, {"name": "react-materialize", "url": "https://github.com/react-materialize/react-materialize", "description": "Material design for react, powered by materializecss.", "stars": "1.4k"}, {"name": "react-toolbox", "url": "https://github.com/react-toolbox/react-toolbox", "description": "A set of React components implementing Google's Material Design.", "stars": "8.6k"}, {"name": "mdbootstrap", "url": "https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design", "description": "React Bootstrap with Material Design", "stars": "1.4k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Mobile", "entries": [{"name": "antd-mobile", "url": "https://github.com/ant-design/ant-design-mobile", "description": "Configurable Mobile UI from China.", "stars": "12k"}, {"name": "Ionic React", "url": "https://ionicframework.com/blog/announcing-ionic-react/", "description": "Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base."}, {"name": "OnsenUI", "url": "https://github.com/OnsenUI/OnsenUI/", "description": "[demo/docs](https://onsen.io/v2/guide/react/) - Mobile app framework with Material and flat (iOS) designs. Based on Web Components.", "stars": "8.9k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Component Collections", "entries": [{"name": "blueprint", "url": "https://github.com/palantir/blueprint", "description": "[demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications.", "stars": "21k"}, {"name": "dataminr-react-components", "url": "https://github.com/dataminr/react-components", "description": "Collection of reusable React Components and utility functions."}, {"name": "shards-react", "url": "https://github.com/DesignRevision/shards-react", "description": "[docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium.", "stars": "764"}, {"name": "aframe-react", "url": "https://github.com/ngokevin/aframe-react", "description": "Build virtual reality experiences with A-Frame and React.", "stars": "1.4k"}, {"name": "react-admin", "url": "https://github.com/marmelab/react-admin", "description": "Build admin user experiences on top of REST and GraphQL services.", "stars": "27k"}, {"name": "refine", "url": "https://github.com/pankod/refine", "description": "[demo](https://example.refine.dev) - [docs](https://refine.dev/docs) - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit.", "stars": "34k"}, {"name": "matrix-card", "url": "https://github.com/MehmetKaplan/matrix-card", "description": "[demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards.", "stars": "31"}, {"name": "rsuite", "url": "https://github.com/rsuite/rsuite", "description": "[demo/docs](https://rsuitejs.com/) - Suite of components for \"enterprise system products\".", "stars": "8.7k"}, {"name": "lens-ui", "url": "https://github.com/luciancaetano/lens-ui", "description": "[docs (\u2b509)](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md) - A Suit of components focused on simplicity.", "stars": "9"}, {"name": "Tailwindadmin", "url": "https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template", "description": "[docs](https://tailwind-admin.com/components) - A collection of Ready-made ShadCN UI components you can directly plug into your React/Next.js projects.", "stars": "101"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Reporter", "entries": [{"name": "react-intersection-observer", "url": "https://github.com/thebuilder/react-intersection-observer", "description": "React implementation of the Intersection Observer API.", "stars": "5.5k"}, {"name": "react-visibility-sensor", "url": "https://github.com/joshwnj/react-visibility-sensor", "description": "Sensor component.", "stars": "2.3k"}, {"name": "react-waypoint", "url": "https://github.com/brigade/react-waypoint", "description": "A React component to execute a function whenever you scroll to an element.", "stars": "4.1k"}, {"name": "react-component-queries", "url": "https://github.com/ctrlplusb/react-component-queries", "description": "Provide props to your Components based on their Width and/or Height.", "stars": "182"}, {"name": "react-container-dimensions", "url": "https://github.com/okonet/react-container-dimensions", "description": "Wrapper component that detects element resize.", "stars": "231"}, {"name": "react-dimensions", "url": "https://github.com/digidem/react-dimensions", "description": "React higher-order component to get dimensions of container.", "stars": "450"}, {"name": "react-height", "url": "https://github.com/nkbt/react-height", "description": "Component-wrapper to determine and report children elements height.", "stars": "182"}, {"name": "react-measure", "url": "https://github.com/souporserious/react-measure", "description": "Compute measurements of a React component.", "stars": "1.9k"}, {"name": "react-sizeme", "url": "https://github.com/ctrlplusb/react-sizeme", "description": "Make your React Components aware of their width and height.", "stars": "2k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Device Input", "entries": [{"name": "react-hotkeys", "url": "https://github.com/chrisui/react-hotkeys", "description": "Declarative hotkey and focus area management for React.", "stars": "2.2k"}, {"name": "react-key-handler", "url": "https://github.com/ayrton/react-key-handler", "description": "React component to handle keyboard events.", "stars": "390"}, {"name": "react-keydown", "url": "https://github.com/glortho/react-keydown", "description": "Lightweight keydown wrapper for React components.", "stars": "498"}, {"name": "react-shortcuts", "url": "https://github.com/avocode/react-shortcuts", "description": "Manage keyboard shortcuts from one place.", "stars": "329"}, {"name": "useKeyCapture", "url": "https://github.com/pranesh239/use-key-capture", "description": "A custom hook to ease the key-press listeners of a target/global.", "stars": "24"}, {"name": "react-keyboard-navigator", "url": "https://github.com/zheeeng/react-keyboard-navigator", "description": "A suite of React components and hook for selecting sibling components through the keyboard.", "stars": "33"}, {"name": "react-scroll-components", "url": "https://github.com/jeroencoumans/react-scroll-components", "description": "A set of components that react to page scrolling.", "stars": "123"}, {"name": "react-swipe", "url": "https://github.com/voronianski/react-swipe", "description": "Swipe.js as a React component.", "stars": "1.7k"}, {"name": "react-hook-mighty-mouse", "url": "https://github.com/mkosir/react-hook-mighty-mouse", "description": "[demo](https://mkosir.github.io/react-hook-mighty-mouse) - Hook that tracks mouse events on selected element.", "stars": "122"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Meta Tags", "entries": [{"name": "react-helmet-async", "url": "https://github.com/staylor/react-helmet-async#readme", "description": "Thread-safe Helmet for React 16+ and friends", "stars": "2.3k"}, {"name": "react-helmet", "url": "https://github.com/nfl/react-helmet", "description": "A document head manager for React.", "stars": "17k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Portal", "entries": [{"name": "react-layer-stack", "url": "https://github.com/fckt/react-layer-stack", "description": "Simple but ubiquitously powerful and agnostic layering system for React.", "stars": "160"}, {"name": "react-portal", "url": "https://github.com/tajo/react-portal", "description": "React component for transportation of modals, lightboxes, loading bars... to document.body.", "stars": "2.2k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Test User Behavior", "entries": [{"name": "react-experiments", "url": "https://github.com/HubSpot/react-experiments", "description": "React components for implementing UI experiments.", "stars": "319"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Data Store", "entries": [{"name": "baobab-react", "url": "https://github.com/Yomguithereal/baobab-react", "description": "React integration for Baobab.", "stars": "310"}, {"name": "cerebral", "url": "https://github.com/cerebral/cerebral", "description": "A state controller with its own debugger.", "stars": "2k"}, {"name": "effector-react", "url": "https://github.com/effector/effector", "description": "React bindings for effector, an effective multi-store state manager.", "stars": "4.8k"}, {"name": "fireproof", "url": "https://github.com/fireproof-storage/fireproof", "description": "[demo](https://fireproof.storage/try-free/) - [docs](https://use-fireproof.com/docs/welcome) Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend", "stars": "946"}, {"name": "RxDB", "url": "https://rxdb.info/", "description": "[demo (\u2b5023k)](https://github.com/pubkey/rxdb/tree/master/examples/react) - [docs](https://rxdb.info/quickstart.html) A fast, local first, reactive Database for JavaScript Applications"}, {"name": "fluxible", "url": "https://github.com/yahoo/fluxible", "description": "A pluggable container for universal flux applications.", "stars": "1.8k"}, {"name": "kea", "url": "https://github.com/mariusandra/kea", "description": "High level architecture for React apps.", "stars": "2k"}, {"name": "react-i13n", "url": "https://github.com/yahoo/react-i13n", "description": "A performant, scalable and pluggable approach to instrumenting your React application.", "stars": "384"}, {"name": "react-redux", "url": "https://github.com/reactjs/react-redux", "description": "Official React bindings for Redux.", "stars": "24k"}, {"name": "redux-batched-actions", "url": "https://github.com/tshelburne/redux-batched-actions", "description": "Reducer + action to reduce actions under a single subscriber notification.", "stars": "1k"}, {"name": "redux", "url": "https://github.com/reactjs/redux", "description": "Predictable state container for JavaScript apps.", "stars": "61k"}, {"name": "reselect", "url": "https://github.com/reactjs/reselect", "description": "Selector library for Redux.", "stars": "19k"}, {"name": "resourcerer", "url": "https://github.com/SiftScience/resourcerer", "description": "Declarative data-fetching framework for REST APIs", "stars": "82"}, {"name": "synergies", "url": "https://github.com/lukasbach/synergies", "description": "[docs](https://synergies.js.org) A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces.", "stars": "9"}, {"name": "zustand", "url": "https://zustand.surge.sh/", "description": "[docs (\u2b5057k)](https://github.com/pmndrs/zustand) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api."}, {"name": "teaful", "url": "https://github.com/teafuljs/teaful", "description": "Tiny, easy and powerful React state management", "stars": "713"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Form Logic", "entries": [{"name": "data-driven-forms", "url": "https://github.com/data-driven-forms/react-forms", "description": "A declarative way for building forms with all the functionality.", "stars": "322"}, {"name": "formik", "url": "https://github.com/jaredpalmer/formik", "description": "Build forms without tears and supports Validation in ease.", "stars": "34k"}, {"name": "formsy-react", "url": "https://github.com/formsy/formsy-react/", "description": "A form input builder and validator for React JS.", "stars": "763"}, {"name": "Phormal", "url": "https://github.com/phormal/phormal", "description": "[Docs & Demos](https://phormal.dev/getting-started/react) - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages."}, {"name": "react-hook-form", "url": "https://github.com/react-hook-form/react-hook-form", "description": "React hooks for form validation without the hassle.", "stars": "44k"}, {"name": "react-jsonschema-form", "url": "https://github.com/mozilla-services/react-jsonschema-form", "description": "A React component for building Web forms from JSONSchema.", "stars": "16k"}, {"name": "react-client-validation", "url": "https://github.com/0529bill/react-client-validation", "description": "Simple and super lightweight validation for React.", "stars": "4"}, {"name": "react-final-form", "url": "https://github.com/final-form/react-final-form", "description": "Subscription-based form state management", "stars": "7.4k"}, {"name": "react-formawesome", "url": "https://github.com/MAKARD/react-formawesome", "description": "Complex library for creating awesome forms.", "stars": "7"}, {"name": "surveyjs", "url": "https://github.com/surveyjs/survey-library", "description": "The advanced Survey and Form library", "stars": "4.7k"}, {"name": "Formily", "url": "https://github.com/alibaba/formily", "description": "High performance, extensible, and Typescript friendly", "stars": "13k"}, {"name": "hook-form-react", "url": "https://github.com/luoanb/hook-form-react", "description": "[docs](https://luoanb.github.io/hook-form-react) - A lightweight, dependency-free solution React hooks for form validation.", "stars": "6"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Router", "entries": [{"name": "react-router-component", "url": "https://github.com/STRML/react-router-component", "description": "Declarative router component for React.", "stars": "868"}, {"name": "react-router-scroll", "url": "https://github.com/taion/react-router-scroll", "description": "React Router scroll management.", "stars": "833"}, {"name": "react-router", "url": "https://github.com/reactjs/react-router", "description": "A complete routing library for React.", "stars": "56k"}, {"name": "redux-first-history", "url": "https://github.com/salvoravida/redux-first-history", "description": "Redux First History - Redux history binding support react-router - @reach/router - wouter", "stars": "453"}, {"name": "universal-router", "url": "https://github.com/kriasoft/universal-router", "description": "A simple middleware-style router for isomorphic JavaScript web apps.", "stars": "1.8k"}, {"name": "wouter", "url": "https://github.com/molefrog/wouter", "description": "A minimalist-friendly \\~1.3KB routing library. Nothing else but hooks.", "stars": "7.7k"}, {"name": "tanstack-router", "url": "https://github.com/TanStack/router", "description": "Type-safe router with built-in caching & URL state management", "stars": "13k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Props from server", "entries": [{"name": "react-refetch", "url": "https://github.com/heroku/react-refetch", "description": "A simple, declarative, and composable way to fetch data for React components.", "stars": "3.4k"}, {"name": "redux-connect", "url": "https://github.com/makeomatic/redux-connect", "description": "Provides decorator for resolving async props in react-router.", "stars": "546"}, {"name": "axios-react", "url": "https://github.com/soroushchehresa/axios-react", "description": "HTTP client component for React.", "stars": "47"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Communication with server", "entries": [{"name": "apollo-client", "url": "https://github.com/apollostack/apollo-client", "description": "A simple caching client for any GraphQL server and UI framework.", "stars": "20k"}, {"name": "react-relay", "url": "https://github.com/facebook/relay", "description": "Relay is a JavaScript framework for building data-driven React applications.", "stars": "19k"}, {"name": "query", "url": "https://github.com/TanStack/query", "description": "[docs](https://tanstack.com/query/v4) Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.", "stars": "48k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 CSS / Style", "entries": [{"name": "aesthetic", "url": "https://github.com/milesj/aesthetic", "description": "A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names.", "stars": "206"}, {"name": "aphrodite", "url": "https://github.com/Khan/aphrodite", "description": "It's inline styles, but they work!.", "stars": "5.3k"}, {"name": "inline-style-prefixer", "url": "https://github.com/rofrischmann/inline-style-prefixer", "description": "Run-time Autoprefixer for Inline Style Objects.", "stars": "394"}, {"name": "@classmatejs/react", "url": "https://github.com/richard-unterberg/classmatejs/tree/master/packages/react", "description": "A class name focused component builder with a syntax like styled components and the sugar of cva's variants.", "stars": "0"}, {"name": "react-container-query", "url": "https://github.com/d6u/react-container-query", "description": "Modular responsive component.", "stars": "892"}, {"name": "react-responsive", "url": "https://github.com/contra/react-responsive", "description": "Media queries in react for responsive design.", "stars": "7.2k"}, {"name": "reactponsive", "url": "https://github.com/jmlweb/reactponsive", "description": "Responsive components and hooks.", "stars": "14"}, {"name": "styled-components", "url": "https://github.com/styled-components/styled-components", "description": "Visual primitives for the component age.", "stars": "41k"}, {"name": "stitches", "url": "https://github.com/stitchesjs/stitches", "description": "CSS-in-JS with near-zero runtime, SSR, multi-variant support.", "stars": "7.8k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 HTML Template", "entries": [{"name": "jsx-control-statements", "url": "https://github.com/AlexGilleran/jsx-control-statements", "description": "Neater If and For for React JSX.", "stars": "1.6k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Isomorphic Apps", "entries": [{"name": "hypernova", "url": "https://github.com/airbnb/hypernova", "description": "A service for server-side rendering your JavaScript views.", "stars": "5.8k"}, {"name": "isomorphic-style-loader", "url": "https://github.com/kriasoft/isomorphic-style-loader", "description": "Isomorphic CSS style loader for Webpack.", "stars": "1.3k"}, {"name": "react-server", "url": "https://github.com/redfin/react-server", "description": "React framework with server render for blazing fast page load.", "stars": "3.9k"}, {"name": "rill", "url": "https://github.com/rill-js/rill", "description": "Universal web application framework.", "stars": "615"}, {"name": "webpack-isomorphic-tools", "url": "https://github.com/halt-hammerzeit/webpack-isomorphic-tools", "description": "Server-side rendering for your Webpack-built applications (e.g. React).", "stars": "1.3k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Boilerplate", "entries": [{"name": "create-react-app", "url": "https://github.com/facebookincubator/create-react-app", "description": "Create React apps with no build configuration.", "stars": "104k"}, {"name": "crisp-react", "url": "https://github.com/winwiz1/crisp-react", "description": "Express integration in TypeScript with support for multiple SPAs and pitfall avoidance.", "stars": "189"}, {"name": "cra-template-redux-auth-starter", "url": "https://github.com/Nilanth/cra-template-redux-auth-starter", "description": "A Redux auth starter boilerplate for CRA.", "stars": "35"}, {"name": "electron-react-boilerplate", "url": "https://github.com/chentsulin/electron-react-boilerplate", "description": "Live editing development on desktop app.", "stars": "24k"}, {"name": "elegant", "url": "https://github.com/elegantframework/elegant-cli", "description": "[docs](https://www.elegantframework.com/docs/installation) - [demo](https://www.elegantframework.com/) - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading.", "stars": "221"}, {"name": "extensive-react-boilerplate", "url": "https://github.com/brocoders/extensive-react-boilerplate", "description": "Boilerplate with Next.js, Auth (Sign in, Sign up, Reset password, Confirm email, Refresh Token), Material UI, React Hook Form, I18N, File uploads (support local and Amazon S3 drivers), Tests, CI.", "stars": "500"}, {"name": "generator-starhackit", "url": "https://github.com/FredericHeem/starhackit", "description": "Full-stack starter kit.", "stars": "1.3k"}, {"name": "nwb", "url": "https://github.com/insin/nwb", "description": "CLI tool and devDependency for React apps & components and npm modules.", "stars": "5.6k"}, {"name": "nx", "url": "https://nx.dev", "description": "Next generation build system with first class monorepo support and powerful integrations."}, {"name": "PBandJ", "url": "https://github.com/moishinetzer/pbandj", "description": "Zero-Config Reusable Component Framework.", "stars": "109"}, {"name": "react-hot-boilerplate", "url": "https://github.com/gaearon/react-hot-boilerplate", "description": "Minimal live-editing boilerplate for your next ReactJS project.", "stars": "3.9k"}, {"name": "rockpack", "url": "https://github.com/AlexSergey/rockpack", "description": "Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes.", "stars": "682"}, {"name": "create-react-dependency", "url": "https://github.com/andrelmlins/create-react-dependency", "description": "Create react dependencies with no build configuration.", "stars": "25"}, {"name": "phoenix", "url": "https://github.com/Sazito/phoenix", "description": "A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support.", "stars": "161"}, {"name": "react-enterprise-starter-kit", "url": "https://github.com/anandgupta193/react-enterprise-starter-kit", "description": "Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase.", "stars": "97"}, {"name": "Tailwindadmin", "url": "https://tailwind-admin.com/", "description": "Free Shadcn Dashboard Template Built On React and Tailwind CSS comes with Multiple-framework support"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Miscellaneous", "entries": [{"name": "react-inlinesvg", "url": "https://github.com/matthewwithanm/react-inlinesvg", "description": "An SVG loader component for ReactJS.", "stars": "1.3k"}, {"name": "react-godfather", "url": "https://github.com/kapolos/react-godfather", "description": "A new way to write Functional Components, without Hooks.", "stars": "28"}, {"name": "react-vvm", "url": "https://github.com/behnamrhp/React-VVM", "description": "A new approach to MVVM in React, to enforce clean separation of concerns, reduce boilerplate, and automatic re-render optimization for scalable UI logic.", "stars": "16"}, {"name": "react-call", "url": "https://github.com/desko27/react-call", "description": "Call your React components.", "stars": "936"}, {"name": "redux-auth-patch", "url": "https://github.com/lynndylanhurley/redux-auth", "description": "Complete token authentication system for react + redux that supports isomorphic rendering.", "stars": "2.1k"}, {"name": "redux-search", "url": "https://github.com/treasure-data/redux-search", "description": "Redux bindings for client-side search.", "stars": "1.4k"}, {"name": "tcomb-react", "url": "https://github.com/gcanti/tcomb-react", "description": "Alternative syntax for PropTypes.", "stars": "202"}, {"name": "react-universal-hooks", "url": "https://github.com/salvoravida/react-universal-hooks", "description": ":tada: support react hooks everywhere (Functional or Class Component).", "stars": "189"}, {"name": "qrcode.react", "url": "https://github.com/zpao/qrcode.react", "description": "A \\<QRCode/> component for use with React.", "stars": "4.2k"}, {"name": "`<qr-code>`", "url": "https://github.com/bitjson/qr-code", "description": "A no-dependencies, customizable, animate-able, SVG-based `<qr-code>` element."}, {"name": "react-children-utilities", "url": "https://github.com/fernandopasik/react-children-utilities", "description": "Extended utils for React.Children.", "stars": "380"}, {"name": "react-media", "url": "https://github.com/ReactTraining/react-media", "description": "A CSS media query component for React.", "stars": "2.4k"}, {"name": "react-middle-ellipsis", "url": "https://github.com/bluepeter/react-middle-ellipsis", "description": "[demo](https://bluepeter.github.io/react-middle-ellipsis/) - Truncate long strings in the middle instead of the end.", "stars": "66"}, {"name": "react-translate-component", "url": "https://github.com/martinandert/react-translate-component", "description": "Multi-lingual/localized text content.", "stars": "322"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 i18n", "entries": [{"name": "react-i18next", "url": "https://github.com/i18next/react-i18next", "description": "Internationalization for react done right. Using the i18next i18n ecosystem.", "stars": "9.9k"}, {"name": "react-intl", "url": "https://github.com/yahoo/react-intl", "description": "Internationalize React apps.", "stars": "15k"}, {"name": "react-localized", "url": "https://github.com/fakundo/react-localized", "description": "Internationalization for React components based on `gettext` format.", "stars": "10"}, {"name": "react-translate-maker", "url": "https://github.com/CherryProjects/react-translate-maker", "description": "Universal internationalization (i18n) open source library for React.", "stars": "35"}, {"name": "react-intl-universal", "url": "https://github.com/alibaba/react-intl-universal", "description": "[demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS.", "stars": "1.4k"}, {"name": "@tolgee/react", "url": "https://github.com/tolgee/tolgee-js/tree/main/packages/react", "description": "[docs](https://tolgee.io/docs/web/using_with_react/installation) \u2013 Web-based localization tool enabling users to translate directly in the React app they develop", "stars": "256"}, {"name": "js-lingui", "url": "https://github.com/lingui/js-lingui", "description": "[docs](https://lingui.js.org) \u2013 A readable, automated, and optimized (5 kb) internationalization for JavaScript.", "stars": "5.6k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Framework bindings / integrations", "entries": [{"name": "backbone-react-component", "url": "https://github.com/magalhas/backbone-react-component", "description": "A bit of nifty glue that automatically plugs your Backbone models.", "stars": "807"}, {"name": "elm-react-component", "url": "https://github.com/KtorZ/elm-react-component", "description": "A React component which wraps an Elm module to be used in a React application.", "stars": "112"}, {"name": "gl-react", "url": "https://github.com/ProjectSeptemberInc/gl-react", "description": "OpenGL / WebGL bindings for React to implement complex effects over images and content.", "stars": "265"}, {"name": "react-backbone", "url": "https://github.com/jhudson8/react-backbone", "description": "Backbone-aware mixins for react and a whole lot more.", "stars": "131"}, {"name": "react-d3-library", "url": "https://github.com/react-d3-library/react-d3-library", "description": "Open source library for using D3 in React.", "stars": "1.5k"}, {"name": "react-elm-components", "url": "https://github.com/evancz/react-elm-components", "description": "Write React components in Elm.", "stars": "782"}, {"name": "react-famous", "url": "https://github.com/pilwon/react-famous", "description": "React bridge to Famo.us.", "stars": "172"}, {"name": "react-localstorage", "url": "https://github.com/STRML/react-localstorage", "description": "Simple componentized localstorage implementation for Facebook's React.", "stars": "288"}, {"name": "react-lottie-player", "url": "https://github.com/mifi/react-lottie-player", "description": "[demo](https://mifi.github.io/react-lottie-player/) - Declarative lottie animation player.", "stars": "535"}, {"name": "react-on-rails", "url": "https://github.com/shakacode/react_on_rails", "description": "Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps.", "stars": "5.2k"}, {"name": "react-three-renderer", "url": "https://github.com/toxicFork/react-three-renderer", "description": "Render into a three.js canvas using React.", "stars": "1.5k"}, {"name": "react-threejs", "url": "https://github.com/fritx/react-threejs", "description": "Simplest bindings between React & Three.js", "stars": "79"}, {"name": "reactfire", "url": "https://github.com/firebase/reactfire", "description": "ReactJS mixin for easy Firebase integration.", "stars": "3.6k"}, {"name": "reactive-elements", "url": "https://github.com/PixelsCommander/ReactiveElements", "description": "Allows to use React.js component as HTML element (web component).", "stars": "697"}, {"name": "react-unity-webgl", "url": "https://github.com/elraccoone/react-unity-webgl", "description": "Unity intergration with two-way communication using a built-in Event System.", "stars": "1.9k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Integrations with Third Party Services", "entries": [{"name": "react-ga", "url": "https://github.com/react-ga/react-ga", "description": "React Google Analytics Module.", "stars": "5.1k"}, {"name": "react-google-analytics", "url": "https://github.com/hzdg/react-google-analytics", "description": "Google analytics component.", "stars": "111"}, {"name": "react-google-autocomplete", "url": "https://github.com/ErrorPro/react-google-autocomplete", "description": "Google Places API components and hooks.", "stars": "506"}, {"name": "react-recaptcha", "url": "https://github.com/appleboy/react-recaptcha", "description": "A react.js reCAPTCHA for Google.", "stars": "643"}, {"name": "react-stripe-checkout", "url": "https://github.com/azmenak/react-stripe-checkout", "description": "Load stripe's checkout.js as a react component. Easiest way to use checkout with React.", "stars": "977"}, {"name": "redux-segment", "url": "https://github.com/rangle/redux-segment", "description": "Segment.io analytics integration for redux."}, {"name": "react-slack-notification", "url": "https://github.com/Nilanth/react-slack-notification", "description": "Send messages and error logs to a Slack channel directly.", "stars": "15"}, {"name": "react-firebase-hooks", "url": "https://github.com/csfrequency/react-firebase-hooks", "description": "Hooks to integrate firebase in your application.", "stars": "3.6k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 UI", "entries": [{"name": "inferno", "url": "https://github.com/trueadm/inferno", "description": "An extremely fast, React-like JavaScript library for building modern user interfaces.", "stars": "16k"}, {"name": "react-fastclick", "url": "https://github.com/JakeSidSmith/react-fastclick", "description": "Fast Touch Events for React.", "stars": "487"}, {"name": "react-static-container", "url": "https://github.com/reactjs/react-static-container", "description": "Renders static content efficiently.", "stars": "223"}, {"name": "react-perf-tool", "url": "https://github.com/RamonGebben/react-perf-tool", "description": "Debug performance of your React application.", "stars": "414"}, {"name": "react-render-visualizer", "url": "https://github.com/redsunsoft/react-render-visualizer", "description": "Render visualizer for ReactJS.", "stars": "836"}, {"name": "react-infinite-grid", "url": "https://github.com/ggordan/react-infinite-grid", "description": "A React component which renders a grid of elements.", "stars": "201"}, {"name": "react-infinite", "url": "https://github.com/seatgeek/react-infinite", "description": "A browser-ready efficient scrolling container based on UITableView.", "stars": "2.7k"}, {"name": "react-lazy-load", "url": "https://github.com/loktar00/react-lazy-load", "description": "React component that renders children elements when they enter the viewport.", "stars": "983"}, {"name": "react-lazyload", "url": "https://github.com/jasonslyvia/react-lazyload", "description": "Lazyload your Component, Image or anything matters the performance.", "stars": "5.9k"}, {"name": "react-virtualized", "url": "https://github.com/bvaughn/react-virtualized", "description": "React components for efficiently rendering large lists and tabular data.", "stars": "27k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 App Size", "entries": [{"name": "babel-plugin-transform-react-remove-prop-types", "url": "https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types", "description": "Remove unnecessary React propTypes.", "stars": "891"}, {"name": "react-lite", "url": "https://github.com/Lucifier129/react-lite", "description": "An implementation of React that optimizes for small script size.", "stars": "1.7k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Server-Side Rendering", "entries": [{"name": "iSSR", "url": "https://github.com/AlexSergey/issr", "description": "The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.", "stars": "102"}, {"name": "react-esi", "url": "https://github.com/dunglas/react-esi", "description": "A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments", "stars": "685"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Test", "entries": [{"name": "enzyme", "url": "https://github.com/airbnb/enzyme", "description": "JavaScript Testing utilities for React.", "stars": "20k"}, {"name": "jest-cli", "url": "https://github.com/facebook/jest", "description": "Painless JavaScript Testing.", "stars": "45k"}, {"name": "react-unit", "url": "https://github.com/pzavolinsky/react-unit", "description": "Lightweight unit test library for ReactJS.", "stars": "194"}, {"name": "redux-test-recorder", "url": "https://github.com/conorhastings/redux-test-recorder", "description": "A redux middleware to automatically generate tests for reducers through ui interaction.", "stars": "492"}, {"name": "rut", "url": "https://github.com/milesj/rut", "description": "React testing made easy with `react-test-renderer`. Supports DOM and custom renderers.", "stars": "16"}, {"name": "unexpected-react", "url": "https://github.com/bruderstein/unexpected-react", "description": "Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer.", "stars": "186"}, {"name": "playwright", "url": "https://github.com/microsoft/playwright", "description": "", "stars": "82k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Redux", "entries": [{"name": "redux-devtools-chart-monitor", "url": "https://github.com/romseguy/redux-devtools-chart-monitor", "description": "A chart monitor for Redux DevTools.", "stars": "290"}, {"name": "redux-devtools-dock-monitor", "url": "https://github.com/gaearon/redux-devtools-dock-monitor", "description": "A resizable and movable dock for Redux DevTools monitors.", "stars": "404"}, {"name": "redux-devtools-filterable-log-monitor", "url": "https://github.com/bvaughn/redux-devtools-filterable-log-monitor", "description": "Filterable tree view monitor for Redux DevTools.", "stars": "153"}, {"name": "redux-devtools-inspector", "url": "https://github.com/alexkuz/redux-devtools-inspector", "description": "Another Redux DevTools Monitor.", "stars": "237"}, {"name": "redux-devtools-log-monitor", "url": "https://github.com/gaearon/redux-devtools-log-monitor", "description": "The default monitor for Redux DevTools with a tree view.", "stars": "308"}, {"name": "redux-devtools", "url": "https://github.com/gaearon/redux-devtools", "description": "DevTools for Redux with hot reloading, action replay, and customizable UI.", "stars": "14k"}, {"name": "remote-redux-devtools", "url": "https://github.com/zalmoxisus/remote-redux-devtools", "description": "Redux DevTools remotely.", "stars": "1.8k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Inspect", "entries": [{"name": "fluxguard", "url": "https://fluxguard.com", "description": "PROD change monitoring that highlights all DOM + design changes."}, {"name": "react-inspector", "url": "https://github.com/xyc/react-inspector", "description": "Power of Browser DevTools inspectors right inside your React app.", "stars": "842"}, {"name": "reactotron", "url": "https://github.com/reactotron/reactotron", "description": "A CLI and OS X app for inspecting your React JS and React Native apps.", "stars": "15k"}, {"name": "Tail Lens", "url": "https://taillens.io", "description": "Tailwind editor in browser : Inspect, edit, preview, copy."}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Miscellaneous", "entries": [{"name": "component-controls", "url": "https://github.com/ccontrols/component-controls", "description": "[demo](https://component-controls.com) - [docs](https://component-controls.com/tutorial) - A next-generation tool to create blazing-fast documentation sites.", "stars": "82"}, {"name": "cosmos-js", "url": "https://github.com/skidding/cosmos", "description": "DX tool for designing truly encapsulated React components.", "stars": "8.6k"}, {"name": "react-demo-tab-cli", "url": "https://github.com/mkosir/react-demo-tab-cli", "description": "CLI tool for creating demos of react components.", "stars": "56"}, {"name": "react-styleguidist", "url": "https://github.com/sapegin/react-styleguidist", "description": "React style guide generator.", "stars": "11k"}, {"name": "standard-react", "url": "https://github.com/feross/standard", "description": "JavaScript Standard Style Guide.", "stars": "29k"}, {"name": "Plasmic", "url": "https://www.plasmic.app/", "description": "Powerful design tool for building your React components visually."}, {"name": "SimpleLocalize", "url": "https://github.com/simplelocalize/simplelocalize-cli", "description": "Open source CLI tool for finding i18n keys in React projects.", "stars": "72"}, {"name": "react-device-frameset", "url": "https://github.com/zheeeng/react-device-frameset", "description": "React device frameset component.", "stars": "104"}, {"name": "DataFormsJS JSX Loader", "url": "https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md", "description": "Small JavaScript Compiler for quickly converting JSX to JS directly on a web page.", "stars": "197"}, {"name": "html-to-react-components", "url": "https://github.com/roman01la/html-to-react-components", "description": "Extract annotated portions of HTML into React components as separate modules.", "stars": "2.2k"}, {"name": "htmltojsx", "url": "https://github.com/reactjs/react-magic", "description": "Automatically AJAXify plain HTML with the power of React. It's magic!.", "stars": "940"}, {"name": "jsonx", "url": "https://github.com/repetere/jsonx", "description": "React JSON Syntax.", "stars": "178"}, {"name": "mozaik", "url": "https://github.com/plouc/mozaik", "description": "Moza\u00efk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards.", "stars": "3.6k"}, {"name": "react-blessed", "url": "https://github.com/Yomguithereal/react-blessed", "description": "A react renderer for blessed.", "stars": "4.5k"}, {"name": "jsondiffpatch-react", "url": "https://github.com/bluepeter/jsondiffpatch-react", "description": "JSON diffing.", "stars": "12"}, {"name": "iron-session", "url": "https://github.com/vvo/iron-session", "description": "Secure, stateless, and cookie-based session library.", "stars": "4.1k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Static Website Generator", "entries": [{"name": "gatsby", "url": "https://github.com/gatsbyjs/gatsby", "description": "Transform plain text into dynamic blogs and websites using React.js.", "stars": "56k"}], "notes": [], "source": "React Components"}, {"name": "React Components \u2014 Databases", "entries": [{"name": "BCMS", "url": "https://github.com/bcms/cms", "description": "API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next.", "stars": "452"}, {"name": "crisp-bigquery", "url": "https://github.com/winwiz1/crisp-bigquery", "description": "Full stack Google BigQuery with Express in TypeScript.", "stars": "49"}, {"name": "react-server-routing-example", "url": "https://github.com/mhart/react-server-routing-example", "description": "Universal client/server routing and data with AWS DynamoDB.", "stars": "297"}], "notes": [], "source": "React Components"}, {"name": "Webcomponents the Right Way", "entries": [{"name": "Introduction", "url": "#introduction", "description": ""}, {"name": "Standards", "url": "#standards", "description": ""}, {"name": "Guides", "url": "#guides", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Real World", "url": "#real-world", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Frameworks", "url": "#frameworks", "description": ""}, {"name": "Ecosystem", "url": "#ecosystem", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Insights", "url": "#insights", "description": ""}, {"name": "Usage Metrics", "url": "#usage-metrics", "description": ""}, {"name": "Proposals", "url": "#proposals", "description": ""}, {"name": "Miscellaneous", "url": "#miscellaneous", "description": ""}, {"name": "Archive", "url": "#archive", "description": ""}, {"name": "Who To Follow", "url": "#who-to-follow", "description": ""}, {"name": "Maintainers", "url": "#maintainers", "description": ""}, {"name": "An Introduction to Web Components", "url": "https://css-tricks.com/an-introduction-to-web-components/", "description": ""}, {"name": "Intro to Web Components", "url": "https://developer.salesforce.com/blogs/2020/01/intro-to-web-components.html", "description": ""}, {"name": "The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM", "url": "https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/", "description": ""}, {"name": "The Motivation For Using Web Components, an Introduction", "url": "https://www.thinktecture.com/web-components/introduction-and-motivation/", "description": ""}, {"name": "The Power of Web Components", "url": "https://hacks.mozilla.org/2018/11/the-power-of-web-components/", "description": ""}, {"name": "Web Components 101", "url": "https://nhswd.com/blog/web-components-101-what-are-web-components/", "description": ""}, {"name": "Web Components: From the orbital height", "url": "https://javascript.info/webcomponents-intro", "description": ""}, {"name": "What are browser-native web components?", "url": "https://gomakethings.com/what-are-browser-native-web-components/", "description": ""}, {"name": "Why Web Components?", "url": "https://www.fast.design/docs/resources/why-web-components/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Custom Elements", "entries": [{"name": "A Guide to Custom Elements for React Developers", "url": "https://css-tricks.com/a-guide-to-custom-elements-for-react-developers/", "description": ""}, {"name": "All about HTML Custom Elements", "url": "https://github.com/shawnbot/custom-elements", "description": "", "stars": "203"}, {"name": "Custom elements", "url": "https://javascript.info/custom-elements", "description": ""}, {"name": "Custom Elements v1: Reusable Web Components", "url": "https://web.dev/custom-elements-v1/", "description": ""}, {"name": "Handling properties in custom element upgrades", "url": "https://nolanlawson.com/2021/08/03/handling-properties-in-custom-element-upgrades/", "description": ""}, {"name": "Handy Custom Elements' Patterns", "url": "https://gist.github.com/WebReflection/ec9f6687842aa385477c4afca625bbf4", "description": ""}, {"name": "HTML Living Standard: Custom elements", "url": "https://html.spec.whatwg.org/multipage/custom-elements.html", "description": ""}, {"name": "MDN - Using Custom Elements", "url": "https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements", "description": ""}, {"name": "web-platform-tests", "url": "https://github.com/web-platform-tests/wpt/tree/master/custom-elements", "description": "", "stars": "5.8k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Shadow DOM", "entries": [{"name": "A complete guide on shadow DOM and event propagation", "url": "https://pm.dartus.fr/blog/a-complete-guide-on-shadow-dom-and-event-propagation/", "description": ""}, {"name": "DOM Living Standard: Shadow tree", "url": "https://dom.spec.whatwg.org/#shadow-trees", "description": ""}, {"name": "MDN - Using Shadow DOM", "url": "https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM", "description": ""}, {"name": "Mind the document.activeElement!", "url": "https://dev.to/open-wc/mind-the-document-activeelement-2o9a", "description": ""}, {"name": "Open vs. Closed Shadow DOM", "url": "https://blog.revillweb.com/open-vs-closed-shadow-dom-9f3d7427d1af", "description": ""}, {"name": "Shadow DOM", "url": "https://javascript.info/shadow-dom", "description": ""}, {"name": "Shadow DOM and events", "url": "https://javascript.info/shadow-dom-events", "description": ""}, {"name": "Shadow DOM in depth", "url": "https://github.com/praveenpuglia/shadow-dom-in-depth", "description": "", "stars": "237"}, {"name": "Shadow DOM slots, composition", "url": "https://javascript.info/slots-composition", "description": ""}, {"name": "Shadow DOM styling", "url": "https://javascript.info/shadow-dom-style", "description": ""}, {"name": "Shadow DOM v1: Self-Contained Web Components", "url": "https://web.dev/shadowdom-v1/", "description": ""}, {"name": "The Rise of Shadow DOM", "url": "https://medium.com/front-end-hacking/the-rise-of-shadow-dom-84aa1f731e82", "description": ""}, {"name": "Understanding Slot Updates with Web Components", "url": "https://coryrylan.com/blog/understanding-slot-updates-with-web-components", "description": ""}, {"name": "What is the Shadow DOM?", "url": "https://bitsofco.de/what-is-the-shadow-dom/", "description": ""}, {"name": "Who doesn't love some slots?", "url": "https://dev.to/westbrook/who-doesnt-love-some-s-3de0", "description": ""}, {"name": "Your Content in Shadow DOM Portals", "url": "https://dev.to/westbrook/your-content-in-shadow-dom-portals-3cdb", "description": ""}, {"name": "web-platform-tests", "url": "https://github.com/web-platform-tests/wpt/tree/master/shadow-dom", "description": "", "stars": "5.8k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 HTML Templates", "entries": [{"name": "Crafting Reusable HTML Templates", "url": "https://css-tricks.com/crafting-reusable-html-templates/", "description": ""}, {"name": "HTML Living Standard: The `template` element", "url": "https://html.spec.whatwg.org/multipage/scripting.html#the-template-element", "description": ""}, {"name": "HTML templates with vanilla JavaScript", "url": "https://gomakethings.com/html-templates-with-vanilla-javascript/", "description": ""}, {"name": "MDN - \\<template>: The Content Template element", "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template", "description": ""}, {"name": "MDN - Using templates and slots", "url": "https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots", "description": ""}, {"name": "Template element", "url": "https://javascript.info/template-element", "description": ""}, {"name": "Templating in HTML", "url": "https://kittygiraudel.com/2022/09/30/templating-in-html/", "description": ""}, {"name": "The HTML5 template element", "url": "https://dev.to/ahferroin7/the-html5-template-element-26b6", "description": ""}, {"name": "Understanding The Template Element In HTML", "url": "https://blog.openreplay.com/understanding-the-template-element-in-html/", "description": ""}, {"name": "web-platform-tests", "url": "https://github.com/web-platform-tests/wpt/tree/master/html/semantics/scripting-1/the-template-element", "description": "", "stars": "5.8k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 CSS Shadow Parts", "entries": [{"name": "W3C First Public Working Draft", "url": "https://www.w3.org/TR/css-shadow-parts-1/", "description": ""}, {"name": "CSS Shadow Parts are coming!", "url": "https://dev.to/webpadawan/css-shadow-parts-are-coming-mi5", "description": ""}, {"name": "MDN - `::part()` CSS pseudo element", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/::part", "description": ""}, {"name": "MDN - `part` global attribute", "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part", "description": ""}, {"name": "::part and ::theme, an ::explainer", "url": "https://meowni.ca/posts/part-theme-explainer/", "description": ""}, {"name": "web-platform-tests", "url": "https://github.com/web-platform-tests/wpt/tree/master/css/css-shadow-parts", "description": "", "stars": "5.8k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Accessibility", "entries": [{"name": "Accessibility for Web Components", "url": "https://developer.salesforce.com/blogs/2020/01/accessibility-for-web-components.html", "description": ""}, {"name": "Accessibility with ID Referencing and Shadow DOM", "url": "https://coryrylan.com/blog/accessibility-with-id-referencing-and-shadow-dom", "description": ""}, {"name": "Dialogs and shadow DOM: can we make it accessible?", "url": "https://nolanlawson.com/2022/06/14/dialogs-and-shadow-dom-can-we-make-it-accessible/", "description": ""}, {"name": "How to Make Accessible Web Components \u2014 a Brief Guide", "url": "https://www.sitepoint.com/accessible-web-components/", "description": ""}, {"name": "Managing focus in the shadow DOM", "url": "https://nolanlawson.com/2021/02/13/managing-focus-in-the-shadow-dom/", "description": ""}, {"name": "The future of accessibility for custom elements", "url": "https://robdodson.me/the-future-of-accessibility-for-custom-elements/", "description": ""}, {"name": "The Guide to Accessible Web Components", "url": "https://www.erikkroes.nl/blog/accessibility/the-guide-to-accessible-web-components-draft/", "description": ""}, {"name": "Web Components and the Accessibility Object model (AOM)", "url": "https://www.24a11y.com/2019/web-components-and-the-aom/", "description": ""}, {"name": "Web Components punch list", "url": "https://www.tpgi.com/web-components-punch-list/", "description": ""}, {"name": "Web components still need to be accessible", "url": "https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Best Practices", "entries": [{"name": "Custom Element Best Practices", "url": "https://web.dev/custom-elements-best-practices/", "description": ""}, {"name": "Developing Components: Publishing", "url": "https://open-wc.org/guides/developing-components/publishing/", "description": ""}, {"name": "Gold Standard Checklist for Web Components", "url": "https://github.com/webcomponents/gold-standard/wiki", "description": "", "stars": "1k"}, {"name": "Guidelines for creating web platform compatible components", "url": "https://w3ctag.github.io/webcomponents-design-guidelines/", "description": ""}, {"name": "How to Publish Web Components to NPM", "url": "https://justinfagnani.com/2019/11/01/how-to-publish-web-components-to-npm/", "description": ""}, {"name": "Open Web Components Recommendations", "url": "https://open-wc.org", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Codelabs", "entries": [{"name": "Build a Story Web Component with LitElement", "url": "https://dev.to/straversi/build-a-story-web-component-with-litelement-e59", "description": ""}, {"name": "Building Custom Elements with Web Components for the 2020 Elections", "url": "https://medium.com/stories-from-upstatement/building-custom-elements-with-web-components-for-the-2020-elections-f767ff9e9c6a", "description": ""}, {"name": "Creating Custom Form Controls with ElementInternals", "url": "https://css-tricks.com/creating-custom-form-controls-with-elementinternals/", "description": ""}, {"name": "From Web Component to Lit Element", "url": "https://codelabs.developers.google.com/codelabs/the-lit-path", "description": ""}, {"name": "HowTo Components \u2013`<howto-checkbox>`", "url": "https://web.dev/components-howto-checkbox/", "description": ""}, {"name": "HowTo Components \u2013`<howto-tabs>`", "url": "https://web.dev/components-howto-tabs/", "description": ""}, {"name": "HowTo Components \u2013 `<howto-tooltip>`", "url": "https://web.dev/components-howto-tooltip/", "description": ""}, {"name": "Lit: basics", "url": "https://open-wc.org/codelabs/basics/lit-html.html#0", "description": ""}, {"name": "Lit: intermediate", "url": "https://open-wc.org/codelabs/intermediate/lit-html.html#0", "description": ""}, {"name": "Lit for React Developers", "url": "https://codelabs.developers.google.com/codelabs/lit-2-for-react-devs#0", "description": ""}, {"name": "Web Components: basics", "url": "https://open-wc.org/codelabs/basics/web-components.html#0", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Examples", "entries": [{"name": "generic-components", "url": "https://github.com/thepassle/generic-components", "description": "Collection of generic web components with a focus on accessibility, and ease of use.", "stars": "573"}, {"name": "howto-components", "url": "https://github.com/GoogleChromeLabs/howto-components", "description": "Collection of web components that implement common web UI patterns.", "stars": "874"}, {"name": "Nude UI", "url": "https://github.com/LeaVerou/nudeui", "description": "Collection of accessible, customizable, ultra-light web components.", "stars": "232"}, {"name": "open-wc code examples", "url": "https://open-wc.org/guides/developing-components/code-examples/", "description": "Collection of best practices and design patterns for developing web components."}, {"name": "vanilla-retro-js", "url": "https://github.com/martine-dowden/vanilla-retro-js", "description": "Vanilla JS UI component library of HTML deprecated tags.", "stars": "17"}, {"name": "web-components-examples", "url": "https://github.com/mdn/web-components-examples", "description": "Series of web components examples, related to the MDN web components documentation.", "stars": "3.4k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Architecture", "entries": [{"name": "A deep analysis into isomorphic, autonomous cross-framework usage #MicroFrontends", "url": "https://itnext.io/a-deep-analysis-into-isomorphic-autonomous-cross-framework-usage-microfrontends-364271dc5fa9", "description": ""}, {"name": "Frankenstein Migration: Framework-Agnostic Approach (Part 1)", "url": "https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/", "description": ""}, {"name": "Frankenstein Migration: Framework-Agnostic Approach (Part 2)", "url": "https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-2/", "description": ""}, {"name": "Generating Config driven Dynamic Forms using Web Components", "url": "https://codeburst.io/generating-config-driven-dynamic-forms-using-web-components-7c8d400f7f2e", "description": ""}, {"name": "Hiding internal framework methods and properties from web component APIs", "url": "https://component.kitchen/blog/posts/hiding-internal-framework-methods-and-properties-from-web-component-apis", "description": ""}, {"name": "How to deliver Custom Elements", "url": "https://medium.com/@WebReflection/how-to-deliver-custom-elements-702fae32d25c", "description": ""}, {"name": "Making Web Components for Different Contexts", "url": "https://css-tricks.com/making-web-components-for-different-contexts/", "description": ""}, {"name": "Supporting both automatic and manual registration of custom elements", "url": "https://component.kitchen/blog/posts/supporting-both-automatic-and-manual-registration-of-custom-elements", "description": ""}, {"name": "Web Components \u2014 the right way", "url": "https://equinusocio.dev/blog/web-components-the-right-way/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Interoperability", "entries": [{"name": "Advanced Tooling for Web Components", "url": "https://css-tricks.com/advanced-tooling-for-web-components/", "description": ""}, {"name": "Custom Elements Everywhere", "url": "https://custom-elements-everywhere.com", "description": ""}, {"name": "Custom Elements That Work Anywhere", "url": "https://robdodson.me/interoperable-custom-elements/", "description": ""}, {"name": "JavaScript frameworks, meet Web Components", "url": "https://www.voorhoede.nl/nl/blog/javascript-frameworks-meet-web-components/", "description": ""}, {"name": "Web Components aren't a framework replacement - they're better than that", "url": "https://lamplightdev.com/blog/2020/01/18/web-components-arent-a-framework-replacement-theyre-better-than-that/", "description": ""}, {"name": "Web Components: Seamlessly interoperable", "url": "https://medium.com/@sergicontre/web-components-seamlessly-interoperable-82efd6989ca4", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Limitations", "entries": [{"name": "Beyond the polyfills: how Web Components affect us today?", "url": "https://dev.to/webpadawan/beyond-the-polyfills-how-web-components-affect-us-today-3j0a", "description": ""}, {"name": "Custom elements, shadow DOM and implicit form submission", "url": "https://www.hjorthhansen.dev/shadow-dom-and-forms/", "description": ""}, {"name": "Form-associated custom elements", "url": "https://www.hjorthhansen.dev/shadow-dom-form-participation/", "description": ""}, {"name": "You might not need shadow DOM", "url": "https://www.hjorthhansen.dev/you-might-not-need-shadow-dom/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Styling", "entries": [{"name": "Does shadow DOM improve style performance?", "url": "https://nolanlawson.com/2021/08/15/does-shadow-dom-improve-style-performance/", "description": ""}, {"name": "Eschewing Shadow DOM", "url": "https://every-layout.dev/blog/eschewing-shadow-dom/", "description": ""}, {"name": "How Nordhealth uses Custom Properties in Web Components", "url": "https://web.dev/custom-properties-web-components/", "description": ""}, {"name": "Options for styling web components", "url": "https://nolanlawson.com/2021/01/03/options-for-styling-web-components/", "description": ""}, {"name": "Style scoping versus shadow DOM: which is fastest?", "url": "https://nolanlawson.com/2022/06/22/style-scoping-versus-shadow-dom-which-is-fastest/", "description": ""}, {"name": "Styling a Web Component", "url": "https://css-tricks.com/styling-a-web-component/", "description": ""}, {"name": "Styling in the Shadow DOM With CSS Shadow Parts", "url": "https://css-tricks.com/styling-in-the-shadow-dom-with-css-shadow-parts/", "description": ""}, {"name": "Thinking Through Styling Options for Web Components", "url": "https://css-tricks.com/thinking-through-styling-options-for-web-components/", "description": ""}, {"name": "Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think", "url": "https://css-tricks.com/web-component-pseudo-classes-and-pseudo-elements/", "description": ""}, {"name": "Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements", "url": "https://css-tricks.com/web-standards-meet-user-land-using-css-in-js-to-style-custom-elements/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Case Studies", "entries": [{"name": "Apple Just Shipped Web Components to Production and You Probably Missed It", "url": "https://dev.to/ionic/apple-just-shipped-web-components-to-production-and-you-probably-missed-it-57pf", "description": ""}, {"name": "Bringing Order to Web Design Chaos (with Web Components)", "url": "https://dev.to/thatjoemoore/bringing-order-to-web-design-chaos--3fhb", "description": ""}, {"name": "Get moving with Microsoft\u2019s FAST web components", "url": "https://www.infoworld.com/article/3618410/get-moving-with-microsofts-fast-web-components.html", "description": ""}, {"name": "How Web Components Are Used at GitHub and Salesforce", "url": "https://thenewstack.io/how-web-components-are-used-at-github-and-salesforce/", "description": ""}, {"name": "How we use Web Components at GitHub", "url": "https://github.blog/2021-05-04-how-we-use-web-components-at-github/", "description": ""}, {"name": "Implementing a Design Language System with Stencil.js", "url": "https://medium.com/@Danetag/implementing-a-design-language-system-with-stencil-js-515432918eb5", "description": ""}, {"name": "ING \u2764 Web Components", "url": "https://dev.to/thepassle/ing--web-components-aef", "description": ""}, {"name": "ING Open-Sources Lion, Its White-Label Web Component Library \u2013 Q\\&A with Thomas Allmer", "url": "https://www.infoq.com/articles/ing-open-sources-lion-web-component/", "description": ""}, {"name": "Lessons Learned, making our app with Web Components", "url": "https://medium.com/samsung-internet-dev/lessons-learned-making-our-app-with-web-components-bf55379cfcda", "description": ""}, {"name": "Looking back on five years of web components", "url": "https://bitworking.org/news/2019/07/looking-back-on-five-years-of-web-components", "description": ""}, {"name": "Shipping Web Components in 2020", "url": "https://dev.to/joe8bit/shipping-web-components-in-2020-2h54", "description": ""}, {"name": "The Firefox UI is now built with Web Components", "url": "https://briangrinstead.com/blog/firefox-webcomponents/", "description": ""}, {"name": "Using web components to encapsulate CSS and resolve design system conflicts", "url": "https://about.gitlab.com/blog/2021/05/03/using-web-components-to-encapsulate-css-and-resolve-design-system-conflicts/", "description": ""}, {"name": "Web Components at GitHub - Web Components SF Meetup", "url": "https://www.infoq.com/news/2020/08/web-components-sf-meetup-2020/", "description": ""}, {"name": "Web Components at Scale at Salesforce: Challenges Encountered, Lessons Learnt", "url": "https://www.infoq.com/news/2020/03/web-components-salesforce-lwc/", "description": ""}, {"name": "Web Development At Scale: Composable Applications With Web Components", "url": "https://medium.com/@jarrodek/composable-applications-with-web-components-ebe5158387be", "description": ""}, {"name": "web.dev engineering blog #1: How we build the site and use Web Components", "url": "https://web.dev/how-we-build-webdev-and-use-web-components/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Components", "entries": [{"name": "`<active-table>`", "url": "https://github.com/OvidijusParsiunas/active-table", "description": "Editable table web component."}, {"name": "`<api-viewer>`", "url": "https://github.com/web-padawan/api-viewer-element", "description": "API documentation and live playground for Web Components."}, {"name": "`<chess-board>`", "url": "https://github.com/justinfagnani/chessboard-element", "description": "Standalone chess board web component."}, {"name": "`<css-doodle>`", "url": "https://github.com/css-doodle/css-doodle", "description": "Web component for drawing patterns with CSS."}, {"name": "`<dark-mode-toggle>`", "url": "https://github.com/GoogleChromeLabs/dark-mode-toggle", "description": "Custom element that allows to create a dark mode toggle or switch."}, {"name": "`<deep-chat>`", "url": "https://github.com/OvidijusParsiunas/deep-chat", "description": "Web component for chat with AI capabilities."}, {"name": "`<emoji-picker>`", "url": "https://github.com/nolanlawson/emoji-picker-element", "description": "Lightweight emoji picker, distributed as a web component."}, {"name": "`<fg-modal>`", "url": "https://github.com/filamentgroup/fg-modal", "description": "Accessible modal dialog web component."}, {"name": "`<file-viewer>`", "url": "https://github.com/avipunes/file-viewer", "description": "Web component built with Svelte to view files."}, {"name": "`<json-viewer>`", "url": "https://github.com/alenaksu/json-viewer", "description": "Web component to visualize JSON data in a tree view."}, {"name": "`<lite-youtube>`", "url": "https://github.com/paulirish/lite-youtube-embed", "description": "Lite YouTube embed with a focus on visual performance."}, {"name": "`<midi-player>`", "url": "https://github.com/cifkao/html-midi-player", "description": "MIDI file player and visualizer web components."}, {"name": "`<model-viewer>`", "url": "https://github.com/google/model-viewer", "description": "Web component for rendering interactive 3D models."}, {"name": "`<notectl-editor>`", "url": "https://github.com/Samyssmile/notectl", "description": "Modern rich text editor with plugin architecture, immutable state, and zero-config framework-agnostic deployment."}, {"name": "`<pdfjs-viewer-element>`", "url": "https://github.com/alekswebnet/pdfjs-viewer-element", "description": "Custom element that embeds PDF.js default viewer."}, {"name": "`<player-x>`", "url": "https://github.com/playerxo/playerx", "description": "Media player web component."}, {"name": "`<progressive-image>`", "url": "https://github.com/andreruffert/progressive-image-element", "description": "Custom element to progressively enhance image placeholders."}, {"name": "`<qr-code>`", "url": "https://github.com/bitjson/qr-code", "description": "Web component for rendering customizable, animate-able, SVG-based QR codes."}, {"name": "`<range-slider>`", "url": "https://github.com/andreruffert/range-slider-element", "description": "Accessible range slider custom element with keyboard support."}, {"name": "`<rapi-doc>`", "url": "https://github.com/mrin9/RapiDoc", "description": "Web component for creating documentation from OpenAPI Specification."}, {"name": "`<shader-doodle>`", "url": "https://github.com/halvves/shader-doodle", "description": "Web component for writing and rendering shaders."}, {"name": "`<theme-switch>`", "url": "https://github.com/mahozad/theme-switch", "description": "Animated toggle button to switch between light, dark, and system theme."}, {"name": "`<trix-editor>`", "url": "https://github.com/basecamp/trix", "description": "Rich text editor custom element for everyday writing."}, {"name": "`<vime-player>`", "url": "https://github.com/vime-js/vime", "description": "Customizable, extensible, accessible and framework agnostic media player."}, {"name": "`<web-vitals>`", "url": "https://github.com/stefanjudis/web-vitals-element", "description": "Bring [web vitals (\u2b508.4k)](https://github.com/GoogleChrome/web-vitals) quickly into your page using custom elements."}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Component Libraries", "entries": [{"name": "AgnosticUI", "url": "https://github.com/AgnosticUI/agnosticui", "description": "A CLI-based UI component library that copies Lit web components directly into your project. Full React and Vue wrappers for native framework experience.", "stars": "773"}, {"name": "AMP", "url": "https://github.com/ampproject/amphtml", "description": "Web component framework for easily creating user-first websites, stories, ads, emails and more.", "stars": "15k"}, {"name": "AnywhereUI", "url": "https://github.com/adaleks/anywhere-ui", "description": "Collection of rich web components that includes framework bindings. Created with StencilJS.", "stars": "39"}, {"name": "Apollo Elements", "url": "https://github.com/apollo-elements/apollo-elements", "description": "Custom elements for using Apollo GraphQL with various web components libraries.", "stars": "423"}, {"name": "AXA Pattern Library", "url": "https://github.com/axa-ch-webhub-cloud/pattern-library", "description": "AXA CH UI components library built with Web Components.", "stars": "130"}, {"name": "Blackstone UI", "url": "https://github.com/kjantzer/bui", "description": "Web components for creating interfaces by Blackstone Publishing.", "stars": "108"}, {"name": "Blaze UI Atoms", "url": "https://github.com/BlazeSoftware/atoms", "description": "Set of web components powered by Blaze CSS.", "stars": "1.6k"}, {"name": "Brightspace UI core", "url": "https://github.com/BrightspaceUI/core", "description": "Collection of web components for building Brightspace applications.", "stars": "77"}, {"name": "Clever components", "url": "https://github.com/CleverCloud/clever-components", "description": "Collection of Web Components made by Clever Cloud.", "stars": "238"}, {"name": "Curvenote", "url": "https://github.com/curvenote/article", "description": "Web components for creating interactive scientific articles.", "stars": "193"}, {"name": "DataFormsJS", "url": "https://github.com/dataformsjs/dataformsjs", "description": "Standalone Components for SPA routing, displaying data from web services, and more.", "stars": "197"}, {"name": "Dile Components", "url": "https://github.com/Polydile/dile-components", "description": "General use Web Components for websites and applications.", "stars": "98"}, {"name": "elements-sk", "url": "https://github.com/google/elements-sk", "description": "Collection of custom elements for \"a la carte\" web development.", "stars": "29"}, {"name": "github-elements", "url": "https://github.com/github/github-elements", "description": "GitHub's Web Component collection.", "stars": "2.9k"}, {"name": "Elix", "url": "https://github.com/elix/elix", "description": "High-quality, customizable web components for common user interface patterns.", "stars": "833"}, {"name": "Furo Webcomponents", "url": "https://github.com/eclipse/eclipsefuro-web", "description": "Enterprise ready set of web components which work best with Eclipse Furo.", "stars": "12"}, {"name": "Fusion Web Components", "url": "https://github.com/equinor/fusion-web-components", "description": "Ser of web components used by Equinor Fusion.", "stars": "13"}, {"name": "Ignite UI Web Components", "url": "https://github.com/IgniteUI/igniteui-webcomponents", "description": "Complete library of UI components from Infragistics.", "stars": "168"}, {"name": "Immersive Custom Elements", "url": "https://github.com/MozillaReality/immersive-custom-elements", "description": "Set of web components for embedding immersive (VR & AR) content.", "stars": "134"}, {"name": "Joomla UI custom elements", "url": "https://github.com/joomla-projects/custom-elements", "description": "Compilation of Joomla 4 Custom Elements.", "stars": "31"}, {"name": "Ketch.UP", "url": "https://github.com/smeup/ketchup", "description": "Web components library for Sme.UP.", "stars": "11"}, {"name": "LDRS", "url": "https://github.com/GriffinJohnston/ldrs", "description": "Lightweight, customizable loading animations/spinners.", "stars": "2.1k"}, {"name": "Lion Web Components", "url": "https://github.com/ing-bank/lion", "description": "Set of highly performant, accessible and flexible Web Components.", "stars": "1.9k"}, {"name": "LRNWebComponents", "url": "https://github.com/elmsln/lrnwebcomponents/", "description": "ELMS:LN produced web components for any project.", "stars": "269"}, {"name": "Lume", "url": "https://github.com/lume/lume", "description": "Custom elements for 3D graphics. Built with Three.js for WebGL/WebGPU rendering, and Solid.js for reactivity and templating.", "stars": "1.5k"}, {"name": "Medblocks UI", "url": "https://github.com/medblocks/medblocks-ui", "description": "Web Components for rapid development of openEHR and FHIR systems.", "stars": "68"}, {"name": "Microsoft Graph Toolkit", "url": "https://github.com/microsoftgraph/microsoft-graph-toolkit", "description": "Collection of web components for the Microsoft Graph.", "stars": "1k"}, {"name": "Mutation testing elements", "url": "https://github.com/stryker-mutator/mutation-testing-elements", "description": "A schema for mutation testing results with the web components to visualize it.", "stars": "27"}, {"name": "Nightingale", "url": "https://github.com/ebi-webcomponents/nightingale", "description": "Data visualisation web components for the life sciences.", "stars": "143"}, {"name": "Nuxeo Elements", "url": "https://github.com/nuxeo/nuxeo-elements", "description": "Components for building web applications with Nuxeo using Web Components.", "stars": "27"}, {"name": "One Platform Components", "url": "https://github.com/1-Platform/op-components", "description": "Set of web components for Red Hat One Platform.", "stars": "31"}, {"name": "Open Business Application Platform Web Components", "url": "https://github.com/openbap/obap-elements", "description": "Collection of web components designed for business applications.", "stars": "14"}, {"name": "Pixano Elements", "url": "https://github.com/pixano/pixano-elements", "description": "Re-usable web components dedicated to data annotation tasks.", "stars": "42"}, {"name": "Playground Elements", "url": "https://github.com/PolymerLabs/playground-elements", "description": "Serverless code experiences with web components.", "stars": "640"}, {"name": "Shoelace", "url": "https://github.com/shoelace-style/shoelace", "description": "A forward-thinking library of web components.", "stars": "14k"}, {"name": "Smart Web Components", "url": "https://github.com/HTMLElements/smart-webcomponents", "description": "Web components for business applications.", "stars": "471"}, {"name": "Stripe Elements", "url": "https://github.com/bennypowers/stripe-elements", "description": "Custom Element Wrapper for Stripe.js v3 Elements.", "stars": "84"}, {"name": "TEI Publisher Components", "url": "https://github.com/eeditiones/tei-publisher-components", "description": "Collection of web components used by TEI Publisher and apps generated by it.", "stars": "18"}, {"name": "Titanium Elements", "url": "https://github.com/LeavittSoftware/titanium-elements", "description": "Collection of lightweight web components used by Leavitt Group Enterprises.", "stars": "19"}, {"name": "Tradeshift Elements", "url": "https://github.com/Tradeshift/elements", "description": "Reusable Tradeshift UI Components as Web Components.", "stars": "18"}, {"name": "TrendChart Elements", "url": "https://github.com/WebLogin/trendchart-elements", "description": "Components to generate simple, light and responsive charts.", "stars": "62"}, {"name": "Umbraco UI Components", "url": "https://github.com/umbraco/Umbraco.UI", "description": "Collection of user interface web components for Umbraco CMS.", "stars": "144"}, {"name": "Vaadin components", "url": "https://github.com/vaadin/web-components", "description": "Evolving set of high-quality web components for building business web applications.", "stars": "554"}, {"name": "VSCode Webview Elements", "url": "https://github.com/bendera/vscode-webview-elements", "description": "Components for creating VSCode extensions which use the Webview API.", "stars": "0"}, {"name": "Warp View", "url": "https://github.com/senx/warpview", "description": "Collection of charting web components for Warp 10.", "stars": "8"}, {"name": "Webmarkets web components", "url": "https://github.com/Webmarkets/wm-web-components", "description": "Set of Webmarkets' public web components.", "stars": "1"}, {"name": "Wired Elements", "url": "https://github.com/wiredjs/wired-elements", "description": "Set of common UI elements with a hand-drawn, sketchy look.", "stars": "11k"}, {"name": "Wokwi Elements", "url": "https://github.com/wokwi/wokwi-elements", "description": "Web Components for Arduino and various electronic parts.", "stars": "224"}, {"name": "XWeather", "url": "https://github.com/kherrick/x-weather", "description": "Collection of web components implementing portions of the OpenWeatherMap API.", "stars": "7"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Design Systems", "entries": [{"name": "Astro Space UX Design System", "url": "https://github.com/RocketCommunicationsInc/astro", "description": "Set of components to build rich space app experiences with established interaction patterns.", "stars": "149"}, {"name": "Auro Design System", "url": "https://auro.alaskaair.com", "description": "Alaska Airlines design system to innovate on ideas and collaborate on the future."}, {"name": "Blueprint UI", "url": "https://blueprintui.dev", "description": "Web Component based design system with flexible and lightweight components."}, {"name": "Bolt Design System", "url": "https://github.com/boltdesignsystem/bolt", "description": "Twig and Web Component-powered UI components, reusable visual styles and tooling."}, {"name": "Calcite Components", "url": "https://github.com/Esri/calcite-components", "description": "Shared Web Components for Esri's Calcite design framework.", "stars": "346"}, {"name": "Carbon Web Components", "url": "https://github.com/carbon-design-system/carbon-web-components", "description": "Carbon Design System variant on top of Web Components.", "stars": "474"}, {"name": "Clarity Core Web Components", "url": "https://github.com/vmware-clarity/core/tree/main/projects/core", "description": "Suite of web components from the Clarity Design System.", "stars": "185"}, {"name": "Crayons", "url": "https://github.com/freshdesk/crayons", "description": "Collection of web components that adheres to the Freshworks Design System.", "stars": "236"}, {"name": "FAST Components", "url": "https://github.com/microsoft/fast/tree/master/packages/web-components", "description": "Library of Web Components based on the FAST design language.", "stars": "9.6k"}, {"name": "Fluent UI Web Components", "url": "https://github.com/microsoft/fluentui/tree/master/packages/web-components", "description": "Library of Web Components that supports Microsoft's Fluent design language.", "stars": "20k"}, {"name": "Forge Components", "url": "https://github.com/tyler-technologies-oss/forge", "description": "Library of Web Components adhering to the Forge Design System.", "stars": "64"}, {"name": "GOV.UK Web Components", "url": "https://github.com/tgreyuk/govuk-webcomponents", "description": "Set of encapsulated web components consuming the GOV.UK Design System.", "stars": "5"}, {"name": "Helix UI", "url": "https://github.com/HelixDesignSystem/helix-ui", "description": "Web Component library for the Helix Design System.", "stars": "64"}, {"name": "Liquid", "url": "https://github.com/emdgroup-liquid/liquid", "description": "UI component library based on the Liquid Design System.", "stars": "84"}, {"name": "Lyne Components", "url": "https://github.com/lyne-design-system/lyne-components", "description": "Building blocks of the Lyne Design System are based on Web Components.", "stars": "58"}, {"name": "Material Web Components", "url": "https://github.com/material-components/material-web", "description": "Material Design implemented as Web Components.", "stars": "11k"}, {"name": "Momentum UI Web Components", "url": "https://github.com/momentum-design/momentum-ui/tree/master/web-components", "description": "Set of UI components based on Momentum Design.", "stars": "212"}, {"name": "Nord", "url": "https://nordhealth.design", "description": "Nordhealth\u2019s design system for products, digital experiences and brand."}, {"name": "NuML | NUDE Elements", "url": "https://github.com/tenphi/numl", "description": "HTML Framework and Design System based on Web Components and runtime CSS generation.", "stars": "338"}, {"name": "OutlineJS", "url": "https://github.com/phase2/outline", "description": "Web component based design system starter kit.", "stars": "131"}, {"name": "PatternFly Elements", "url": "https://github.com/patternfly/patternfly-elements", "description": "Collection of flexible and lightweight Web Components based on the Unified Design Kit.", "stars": "389"}, {"name": "Pharos Design System", "url": "https://github.com/ithaka/pharos", "description": "JSTOR's design system to create cohesive, supportive, and beautiful experiences.", "stars": "129"}, {"name": "Red Hat Design System", "url": "https://github.com/RedHat-UX/red-hat-design-system", "description": "Web components for building uniform experiences with the Red Hat brand.", "stars": "135"}, {"name": "Siemens iX Web Components", "url": "https://github.com/siemens/ix/tree/main/packages/core", "description": "Web Components implementing Siemens iX design system.", "stars": "324"}, {"name": "Spectrum Web Components", "url": "https://github.com/adobe/spectrum-web-components", "description": "Adobe Spectrum design language implementation built with Web Components.", "stars": "1.5k"}, {"name": "UI5 Web Components", "url": "https://github.com/SAP/ui5-webcomponents", "description": "Set of reusable UI elements implementing SAP Fiori Design Guidelines.", "stars": "1.7k"}, {"name": "U-M Library Design System", "url": "https://design-system.lib.umich.edu", "description": "University of Michigan Library Design System."}, {"name": "Zooplus web components", "url": "https://github.com/zooplus/zoo-web-components", "description": "Set of web components that implement Z+ shop style guide.", "stars": "50"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Use Cases", "entries": [{"name": "How we chose to build our Design System using StencilJS Web Components", "url": "https://medium.com/8451/how-we-chose-to-build-our-design-system-using-stenciljs-web-components-4878c36743c5", "description": ""}, {"name": "How searching for a bundle-free React led me to web components", "url": "https://www.bryanbraun.com/2020/08/31/how-searching-for-a-bundle-free-react-led-me-to-web-components/", "description": ""}, {"name": "Reasons Web Components are perfect for a big company", "url": "https://medium.com/@sergicontre/reasons-web-components-are-perfect-for-a-big-company-28790d712ad5", "description": ""}, {"name": "5 Reasons Web Components Are Perfect for Design Systems", "url": "https://ionicframework.com/blog/5-reasons-web-components-are-perfect-for-design-systems/", "description": ""}, {"name": "Web components: the secret ingredient helping power the web", "url": "https://web.dev/web-components-io-2019/", "description": ""}, {"name": "Web Components for Enterprise. Part 1: Salesforce, Oracle, SAP", "url": "https://dev.to/webpadawan/web-components-for-enterprise-part-1-salesforce-oracle-sap-e70", "description": ""}, {"name": "Web Components for Enterprise. Part 2: Nuxeo, Ionic, Vaadin", "url": "https://dev.to/webpadawan/web-components-for-enterprise-part-2-nuxeo-ionic-vaadin-22l7", "description": ""}, {"name": "Why I use Web Components - My use cases", "url": "https://dev.to/shihn/why-i-use-web-components-my-use-cases-1nip", "description": ""}, {"name": "Why we use Web Components", "url": "https://viljamis.com/2019/why-we-use-web-components/", "description": ""}, {"name": "Why we use Web Components", "url": "https://dev.to/ionic/why-we-use-web-components-2c1i", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Class Based", "entries": [{"name": "DNA", "url": "https://github.com/chialab/dna", "description": "Progressive Web Components library.", "stars": "59"}, {"name": "element-js", "url": "https://github.com/webtides/element-js", "description": "Simple and lightweight base classes for web components with a beautiful API.", "stars": "30"}, {"name": "FAST Element", "url": "https://github.com/microsoft/fast/tree/master/packages/web-components/fast-element", "description": "Lightweight library for building performant, memory-efficient, standards-compliant Web Components.", "stars": "9.6k"}, {"name": "Forge Core", "url": "https://github.com/tyler-technologies-oss/forge-core", "description": "Building blocks and utilities that are used when building Forge Web Components.", "stars": "7"}, {"name": "Joist", "url": "https://github.com/joist-framework/joist", "description": "Set of small libraries designed to add the bare minimum to web components to make you productive.", "stars": "135"}, {"name": "Lit", "url": "https://lit.dev", "description": "Simple library for building fast, lightweight web components."}, {"name": "Lightning Web Components", "url": "https://github.com/salesforce/lwc", "description": "blazing fast, enterprise-grade Web Components foundation.", "stars": "1.8k"}, {"name": "Lume Element", "url": "https://github.com/lume/element", "description": "Write custom elements with reactivity and templating powered by Solid.js signals and effects.", "stars": "184"}, {"name": "Omi", "url": "https://github.com/Tencent/omi", "description": "Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating).", "stars": "13k"}, {"name": "Panel", "url": "https://github.com/mixpanel/panel", "description": "Web Components + Virtual DOM: web standards for powerful UIs.", "stars": "277"}, {"name": "ReadyMade", "url": "https://github.com/readymade-ui/readymade/tree/main/src/modules/core", "description": "Write custom element classes with decorators. No dependencies.", "stars": "67"}, {"name": "slim.js", "url": "https://github.com/slimjs/slim.js", "description": "Fast & Robust Front-End Micro-framework based on modern standards.", "stars": "1k"}, {"name": "Stencil", "url": "https://github.com/ionic-team/stencil", "description": "Compiler for generating Web Components.", "stars": "13k"}, {"name": "Tonic", "url": "https://github.com/optoolco/tonic", "description": "Minimalist, stable, audit friendly component framework.", "stars": "889"}, {"name": "WebCell", "url": "https://github.com/EasyWebApp/WebCell", "description": "Web Components engine based on VDOM, JSX, MobX & TypeScript.", "stars": "179"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Functional", "entries": [{"name": "atomico", "url": "https://github.com/atomicojs/atomico", "description": "Small library for the creation of interfaces based on web components using functions and hooks.", "stars": "1.3k"}, {"name": "Elemento", "url": "https://github.com/dsolimando/elemento", "description": "A lightweight library for building functional web components using signals and Lit.", "stars": "7"}, {"name": "haunted", "url": "https://github.com/matthewp/haunted", "description": "React's Hooks API implemented for web components.", "stars": "2.7k"}, {"name": "hybrids", "url": "https://github.com/hybridsjs/hybrids", "description": "UI library for creating Web Components with simple and functional API.", "stars": "3.2k"}, {"name": "Solid Element", "url": "https://github.com/solidjs/solid/tree/main/packages/solid-element", "description": "Library that extends Solid adding Custom Web Components and extensions.", "stars": "35k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Integrations", "entries": [{"name": "ember-custom-elements", "url": "https://github.com/Ravenstine/ember-custom-elements", "description": "Render Ember and Glimmer components using custom elements.", "stars": "15"}, {"name": "preact-custom-element", "url": "https://github.com/preactjs/preact-custom-element", "description": "Generate/register a custom element from a preact component.", "stars": "400"}, {"name": "@adobe/react-webcomponent", "url": "https://github.com/adobe/react-webcomponent", "description": "Automate the wrapping of a React component in a custom element.", "stars": "104"}, {"name": "nuxt-custom-elements", "url": "https://github.com/GrabarzUndPartner/nuxt-custom-elements", "description": "Export your project components as custom elements for integration into external pages.", "stars": "83"}, {"name": "react-shadow", "url": "https://github.com/Wildhoney/ReactShadow", "description": "Utilise Shadow DOM in React with all the benefits of style encapsulation.", "stars": "1.4k"}, {"name": "reactify-wc", "url": "https://github.com/BBKolton/reactify-wc", "description": "Use web components with React properties and functions.", "stars": "178"}, {"name": "remount", "url": "https://github.com/rstacruz/remount", "description": "Mount React components to the DOM using custom elements.", "stars": "724"}, {"name": "@riotjs/custom-elements", "url": "https://github.com/riot/custom-elements", "description": "Simple API to create vanilla custom elements with Riot.js.", "stars": "39"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Benchmarks", "entries": [{"name": "All the Ways to Make a Web Component", "url": "https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/", "description": ""}, {"name": "web-components-benchmark", "url": "https://vogloblinsky.github.io/web-components-benchmark/", "description": "Benchmark Web Components technologies with various examples."}, {"name": "web-components-todo", "url": "https://wc-todo.firebaseapp.com/", "description": "The same todo application built in different Web Components libraries for benchmark purpose."}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Angular", "entries": [{"name": "Angular Elements Overview", "url": "https://angular.io/guide/elements", "description": ""}, {"name": "Building and consuming Angular Elements as Web Components", "url": "https://indepth.dev/building-and-bundling-web-components/", "description": ""}, {"name": "How to use Angular ngModel and ngForms with WebComponents", "url": "https://itnext.io/how-to-use-angular-ngmodel-and-ngforms-with-webcomponents-802bd9e1d3d7", "description": ""}, {"name": "Using Web Components in Angular", "url": "https://coryrylan.com/blog/using-web-components-in-angular", "description": ""}, {"name": "Web Components With Angular Ivy In 6 Steps", "url": "https://www.softwarearchitekt.at/post/2019/05/18/web-components-custom-elements-with-angular-ivy-in-6-steps.aspx", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 React", "entries": [{"name": "3 Approaches to Integrate React with Custom Elements", "url": "https://css-tricks.com/3-approaches-to-integrate-react-with-custom-elements/", "description": ""}, {"name": "Building Interoperable Web Components That Even Work With React", "url": "https://css-tricks.com/building-interoperable-web-components-react/", "description": ""}, {"name": "Rendering React Components With Custom Elements", "url": "https://guillaumebriday.fr/rendering-react-components-with-custom-elements", "description": ""}, {"name": "How to use Web Components in React", "url": "https://www.robinwieruch.de/react-web-components", "description": ""}, {"name": "Using Web Components With Next (or Any SSR Framework)", "url": "https://css-tricks.com/using-web-components-with-next-or-any-ssr-framework/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Vue", "entries": [{"name": "Using Web Components in Vue", "url": "https://coryrylan.com/blog/using-web-components-in-vue", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Svelte", "entries": [{"name": "Svelte Custom Element API", "url": "https://svelte.dev/docs#Custom_element_API", "description": ""}, {"name": "How to Create a Web Component in Svelte", "url": "https://dev.to/silvio/how-to-create-a-web-components-in-svelte-2g4j", "description": ""}, {"name": "Svelte Web Component \u2014 5.4KB", "url": "https://itnext.io/svelte-web-component-5-4kb-4afe46590d99", "description": ""}, {"name": "AMP", "url": "https://github.com/ampproject/amphtml", "description": "Web component framework to easily create user-first experiences for the web.", "stars": "15k"}, {"name": "Enhance", "url": "https://enhance.dev/docs/", "description": "Web standards-based HTML framework for building lightweight web applications."}, {"name": "luna-js", "url": "https://github.com/webtides/luna-js", "description": "SSR framework that makes working with the WebComponents standard a breeze.", "stars": "10"}, {"name": "Rocket", "url": "https://rocket.modern-web.dev", "description": "Modern web setup for static sites with a sprinkle of JavaScript."}, {"name": "Web Components Compiler", "url": "https://github.com/ProjectEvergreen/wcc", "description": "Compiler to make server-side rendering of native web components easier.", "stars": "120"}, {"name": "WebC", "url": "https://github.com/11ty/webc", "description": "Framework-independent standalone HTML serializer for generating markup for web components.", "stars": "1.4k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Starter Kits", "entries": [{"name": "Create Open Web Components", "url": "https://open-wc.org/docs/development/generator/", "description": "Web component project scaffolding."}, {"name": "custom-element-boilerplate", "url": "https://github.com/github/custom-element-boilerplate", "description": "Boilerplate for creating a custom element.", "stars": "176"}, {"name": "hello-web-components", "url": "https://github.com/fernandopasik/hello-web-components", "description": "Simple starter hello world web component written in TypeScript.", "stars": "31"}, {"name": "nutmeg", "url": "https://github.com/abraham/nutmeg", "description": "Build, test, and publish vanilla Web Components with a little spice.", "stars": "117"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Testing Solutions", "entries": [{"name": "capybara-shadowdom", "url": "https://github.com/yuki24/capybara-shadowdom", "description": "Ruby gem that adds basic support for the Shadow DOM to Capybara.", "stars": "15"}, {"name": "Cypress component tests for Lit", "url": "https://dev.to/simonireilly/cypress-component-tests-for-lit-elements-web-components-45oj", "description": "How to run component tests for a Lit web component with Cypress."}, {"name": "cypress-lit", "url": "https://github.com/simonireilly/cypress-lit", "description": "Test your Lit elements and native web components in Cypress with all the modern browsers.", "stars": "25"}, {"name": "Developing Components: Testing", "url": "https://open-wc.org/guides/developing-components/testing/", "description": "Using @web/test-runner for testing web components in a real browser."}, {"name": "How To Automate Shadow DOM In Selenium WebDriver", "url": "https://www.lambdatest.com/blog/shadow-dom-in-selenium/", "description": "Locating Shadow DOM elements using Selenium WebDriver in a Maven project."}, {"name": "Native Automation support for Shadow DOM", "url": "https://staleelement.medium.com/native-automation-support-for-shadow-dom-with-webdriverio-and-cypress-chapter-3-26249a589f5e", "description": "Shadow DOM and open-source testing frameworks."}, {"name": "Open Web Components: Testing", "url": "https://open-wc.org/docs/testing/testing-package/", "description": "Opinionated package that combines and configures testing libraries."}, {"name": "query-selector-shadow-dom", "url": "https://github.com/webdriverio/query-selector-shadow-dom", "description": "querySelector that can pierce Shadow DOM roots, useful for automated testing.", "stars": "260"}, {"name": "shadow-automation-selenium", "url": "https://github.com/sukgu/shadow-automation-selenium", "description": "Shadow DOM automation using Selenium.", "stars": "116"}, {"name": "Testing Shadow DOM elements in Selenium", "url": "https://reflect.run/articles/testing-shadow-dom-elements-in-selenium/", "description": "In Selenium 4, there is now a way to access Shadow DOM nodes."}, {"name": "Test web components with Playwright", "url": "https://alexbilson.dev/plants/technology/test-web-components-with-playwright/", "description": "So you\u2019ve created a native web component or two. How do you test them in popular browsers?"}, {"name": "W3C Webdriver conquering automation of Shadow DOM", "url": "https://staleelement.medium.com/w3c-webdriver-conquering-automation-of-shadow-dom-chapter-2-d92c7fe9e74c", "description": "Shadow DOM tree and its interaction with the W3C Webdriver."}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Tools", "entries": [{"name": "Backlight", "url": "https://backlight.dev/", "description": "With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design Systems."}, {"name": "Custom Elements Locator", "url": "https://github.com/open-wc/locator", "description": "Chrome extension to find custom elements on a page.", "stars": "38"}, {"name": "@storybook/web-components", "url": "https://www.npmjs.com/package/@storybook/web-components", "description": "UI development environment for plain web-component snippets."}, {"name": "webcomponents.dev", "url": "https://webcomponents.dev", "description": "Component IDE for web platform developers."}, {"name": "web-component-analyzer", "url": "https://github.com/runem/web-component-analyzer", "description": "CLI that analyzes web components and emits documentation / diagnostics.", "stars": "516"}, {"name": "Web Components Codemods", "url": "https://github.com/kcmr/web-components-codemods", "description": "Codemods for Web Components.", "stars": "10"}, {"name": "Web Components in Action", "url": "https://www.manning.com/books/web-components-in-action", "description": "Book by Ben Farrell, available at Manning early release program."}, {"name": "Web Component Essentials", "url": "https://leanpub.com/web-component-essentials", "description": "Book by Cory Rylan, early preview edition available at Leanpub."}, {"name": "Building Web Components with Vanilla JavaScript", "url": "https://dev.to/aspittel/building-web-components-with-vanilla-javascript--jho", "description": ""}, {"name": "Creating a Custom Element from Scratch", "url": "https://css-tricks.com/creating-a-custom-element-from-scratch/", "description": ""}, {"name": "Creating a Reusable Avatar Web Component", "url": "https://marcoslooten.com/blog/creating-a-reusable-avatar-web-component/", "description": ""}, {"name": "Creating Web Components with Stencil", "url": "https://auth0.com/blog/creating-web-components-with-stencil/", "description": ""}, {"name": "Encapsulating Style and Structure with Shadow DOM", "url": "https://css-tricks.com/encapsulating-style-and-structure-with-shadow-dom/", "description": ""}, {"name": "Getting started with LitElement and TypeScript", "url": "https://labs.thisdot.co/blog/getting-started-with-litelement-and-typescript", "description": ""}, {"name": "Web Components: from zero to hero", "url": "https://dev.to/thepassle/web-components-from-zero-to-hero-4n4m", "description": ""}, {"name": "Deep Dive: Web Components & Dependency Injection \u2013 The Experiment", "url": "https://www.thinktecture.com/web-components/dependency-injection/", "description": ""}, {"name": "Handling data with Web Components", "url": "https://itnext.io/handling-data-with-web-components-9e7e4a452e6e", "description": ""}, {"name": "How to use D3js with WebComponents", "url": "https://towardsdatascience.com/how-to-use-d3js-with-webcomponents-a75ae4f980de", "description": ""}, {"name": "Navigation Lifecycle using Vaadin Router, LitElement and TypeScript", "url": "https://labs.thisdot.co/blog/navigation-lifecycle-using-vaadin-router-litelement-and-typescript", "description": ""}, {"name": "Recreating The Arduino Pushbutton Using SVG And `<lit-element>`", "url": "https://www.smashingmagazine.com/2020/01/recreating-arduino-pushbutton-svg/", "description": ""}, {"name": "Routing Management with LitElement and TypeScript", "url": "https://labs.thisdot.co/blog/routing-management-with-litelement", "description": ""}, {"name": "Snake-Eating Game Making with Web Components of Omi and MVP Architecture", "url": "https://dev.to/dntzhang/snake-eating-game-making-with-web-components-of-omi-and-mvp-architecture-206", "description": ""}, {"name": "Stencil \u2013 Web Components On Steroids", "url": "https://www.thinktecture.com/web-components/stenciljs-web-components-on-steroids/", "description": ""}, {"name": "Using Modern Web Components", "url": "https://coryrylan.com/blog/using-modern-web-components", "description": ""}, {"name": "Using Web Components in WordPress is Easier Than You Think", "url": "https://css-tricks.com/using-web-components-in-wordpress-is-easier-than-you-think/", "description": ""}, {"name": "Web Components 101: Framework Comparison", "url": "https://coderpad.io/blog/development/web-components-101-framework-comparison/", "description": ""}, {"name": "Web Components 101: Lit Framework", "url": "https://coderpad.io/blog/development/web-components-101-lit-framework/", "description": ""}, {"name": "Web Components Tools: A Comparison", "url": "https://www.nexmo.com/blog/2020/05/20/web-components-tools-a-comparison", "description": ""}, {"name": "Where to begin building Web Components? - The Basics", "url": "https://dev.to/alangdm/where-to-begin-building-web-components-the-basics-3b78", "description": ""}, {"name": "Where to begin building Web Components? - Class-based Libraries", "url": "https://dev.to/alangdm/where-to-begin-building-web-components-class-based-libraries-18m6", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Podcasts", "entries": [{"name": "Code\\[ish\\], episode 38: Building with Web Components", "url": "https://www.heroku.com/podcasts/codeish/38-building-with-web-components", "description": ""}, {"name": "Frontend Happy Hour, episode 62: Web Components - shots of shadow DOM", "url": "https://frontendhappyhour.com/episodes/web-components-shots-of-shadow-dom/", "description": ""}, {"name": "Labs Talk - Web Components with Peter Muessig", "url": "https://labstalk.buzzsprout.com/993481/3932975-web-components-with-peter-muessig", "description": ""}, {"name": "Real Talk JavaScript, episode 7: Custom Web Components with Rob Wormald", "url": "https://realtalkjavascript.simplecast.fm/eaf3db9e", "description": ""}, {"name": "Real Talk JavaScript, episode 101: Back to Basics with Native HTML and LitElement", "url": "https://realtalkjavascript.simplecast.com/episodes/episode-101-back-to-basics-with-native-html-and-litelement", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Presentations", "entries": [{"name": "Are Web Components the Betamax of web development?", "url": "https://noti.st/lostinbrittany/EjUZyd/are-web-components-the-betamax-of-web-development", "description": ""}, {"name": "Designing Standard Systems", "url": "https://drive.google.com/file/d/1ALFiWOFU0UAGUpaZPMIVnoADs9_REtL5/view", "description": ""}, {"name": "Frontend Architecture for Scalable Design Systems", "url": "https://events.drupal.org/seattle2019/sessions/design-system-architecture-pattern-lab-twig-and-web-components", "description": ""}, {"name": "lit-apollo: Data-Driven Components that Use the Platform", "url": "https://apolloelements.dev/using-lit-apollo/", "description": ""}, {"name": "Mastering Shadow DOM", "url": "https://martine-dowden.github.io/portfolio/presentation/mastering-shadow-dom", "description": ""}, {"name": "Modernizing Large Frontends with Web Components", "url": "https://speakerdeck.com/samjulien/modernizing-large-frontends-with-web-components", "description": ""}, {"name": "Shadow DOM: off the beaten track", "url": "https://docs.google.com/presentation/d/1wi74YiTLtLSfgjyccKm5LxYp9k8aeJda0AekWV5mqJI/edit?usp=sharing", "description": ""}, {"name": "Using Web Components to Build a Framework-agnostic UI Library", "url": "https://gotochgo.com/2019/sessions/866/using-web-components-to-build-a-framework-agnostic-ui-library", "description": ""}, {"name": "Web Components and the AOM", "url": "https://decks.tink.uk/2019/jsconf/index.html", "description": ""}, {"name": "Web Components and Styles Scoping", "url": "https://www.dropbox.com/s/wdh9uufjui5htll/Web-Components-and-Styles-Scoping-by-bashmish-FrontMania-2018.pdf", "description": ""}, {"name": "Web Components can do that?!", "url": "https://slides.com/vogloblinsky/web-components-can-do-that", "description": ""}, {"name": "Web Components: Introduction and State of the Art", "url": "https://webcomponents.dev/blog/web-components-slides/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Talks", "entries": [{"name": "Better Apps: Delivering Universal UI Patterns as Web Components", "url": "https://youtu.be/mtHf7crZZIQ", "description": ""}, {"name": "Custom Web Shadow Elements, or Whatever\u2026", "url": "https://vimeo.com/364370506", "description": ""}, {"name": "Styling and Theming Web Components", "url": "https://youtu.be/FM7ROEVPA4k", "description": ""}, {"name": "Web Components at Enterprise Scale", "url": "https://youtu.be/iFp-P2UJT_Y", "description": ""}, {"name": "Chrome Platform Status: `CustomElementRegistryDefine`", "url": "https://chromestatus.com/metrics/feature/timeline/popularity/1689", "description": ""}, {"name": "Chrome Platform Status: `ElementAttachShadow`", "url": "https://chromestatus.com/metrics/feature/timeline/popularity/804", "description": ""}, {"name": "Chrome Platform Status: `HTMLTemplateElement`", "url": "https://chromestatus.com/metrics/feature/timeline/popularity/2769", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Form-associated Custom Elements", "entries": [{"name": "Form Participation API Explained", "url": "https://docs.google.com/document/d/1JO8puctCSpW-ZYGU8lF-h4FWRIDQNDVexzHoOQ2iQmY/edit?usp=sharing", "description": "Document by Google Chrome team."}, {"name": "Form-associated custom elements", "url": "https://www.chromestatus.com/features/4708990554472448", "description": "Feature in Chrome platform status."}, {"name": "web-platform-tests", "url": "https://github.com/web-platform-tests/wpt/tree/master/custom-elements/form-associated", "description": "", "stars": "5.8k"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Constructable Stylesheet Objects", "entries": [{"name": "Specification Draft", "url": "https://wicg.github.io/construct-stylesheets/", "description": ""}, {"name": "web-platform-tests", "url": "https://github.com/web-platform-tests/wpt/blob/master/css/cssom/CSSStyleSheet-constructable.html", "description": "", "stars": "5.8k"}, {"name": "Explainer", "url": "https://github.com/WICG/construct-stylesheets/blob/gh-pages/explainer.md", "description": "", "stars": "137"}, {"name": "Constructable Stylesheets", "url": "https://www.chromestatus.com/feature/5394843094220800", "description": "Feature in Chrome platform status."}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Custom State Pseudo Class", "entries": [{"name": "Blink: Intent to implement", "url": "https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/CApU9QIu3TM", "description": ""}, {"name": "`ElementInternals`'s `states` property and the `:state()` pseudo class", "url": "https://github.com/w3c/webcomponents/blob/gh-pages/proposals/custom-states-and-state-pseudo-class.md", "description": ""}, {"name": "bruck", "url": "https://github.com/Heydon/bruck", "description": "Prototyping system built with web components and the Houdini Paint API.", "stars": "515"}, {"name": "Vaadin Directory", "url": "https://vaadin.com/directory", "description": "Publish, discuss and rate web components"}, {"name": "webcomponents.org", "url": "http://webcomponents.org/", "description": "Discuss & share web components."}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 Polyfills", "entries": [{"name": "@webcomponents/custom-elements", "url": "https://github.com/webcomponents/polyfills/tree/master/packages/custom-elements", "description": "Custom Elements polyfill by Polymer team.", "stars": "1.2k"}, {"name": "document-register-element", "url": "https://github.com/WebReflection/document-register-element", "description": "Custom Elements polyfill by Andrea Giammarchi.", "stars": "1.1k"}, {"name": "@corpuscule/custom-builtin-elements", "url": "https://github.com/corpusculejs/custom-builtin-elements", "description": "Customized built-in elements polyfill by [CorpusculeJS](https://github.com/corpusculejs).", "stars": "11"}, {"name": "@ungap/custom-elements-builtin", "url": "https://github.com/ungap/custom-elements-builtin", "description": "Customized built-in elements polyfill by [ungap project](https://ungap.github.io).", "stars": "103"}, {"name": "@webcomponents/shadydom", "url": "https://github.com/webcomponents/polyfills/tree/master/packages/shadydom", "description": "ShadowDOM v1 shim.", "stars": "1.2k"}, {"name": "@webcomponents/shadycss", "url": "https://github.com/webcomponents/polyfills/tree/master/packages/shadycss", "description": "ShadowDOM style encapsulation shim.", "stars": "1.2k"}, {"name": "@lwc/synthetic-shadow", "url": "https://github.com/salesforce/lwc/blob/master/packages/@lwc/synthetic-shadow", "description": "Shadow DOM polyfill by [LWC](https://lwc.dev).", "stars": "1.8k"}, {"name": "@webcomponents/template", "url": "https://github.com/webcomponents/polyfills/tree/master/packages/template", "description": "Minimal polyfill for `<template>`.", "stars": "1.2k"}, {"name": "@ungap/import-node", "url": "https://github.com/ungap/import-node", "description": "An `importNode` polyfill for IE11 by [ungap project](https://ungap.github.io).", "stars": "7"}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Webcomponents the Right Way \u2014 History", "entries": [{"name": "A history of the HTML slot element", "url": "https://component.kitchen/blog/posts/a-history-of-the-html-slot-element", "description": ""}, {"name": "Web Components for Cross-Framework Component Libraries", "url": "https://codeburst.io/web-components-for-cross-framework-component-libraries-2647741f9470", "description": ""}, {"name": "Web Components in 2019: Part 1", "url": "https://codeburst.io/web-components-in-2019-part-1-6bd7251edce5", "description": ""}, {"name": "Web Components in 2019: Part 2", "url": "https://codeburst.io/web-components-in-2019-part-2-a7de8c770c5a", "description": ""}, {"name": "Web Components in 2019: Part 3", "url": "https://codeburst.io/web-components-in-2019-part-3-e725b781a414", "description": ""}, {"name": "Web Components in 2019: Part 4", "url": "https://codeburst.io/web-components-in-2019-part-4-7fe8e63a4dee", "description": ""}, {"name": "Developments in Web Components I\u2019m excited about in 2019", "url": "https://medium.com/angular-in-depth/developments-in-web-components-im-excited-about-in-2019-3ae7751c2f64", "description": ""}, {"name": "Styling Accessibility: A Web Components Approach", "url": "https://medium.com/@cfscorreia/styling-accessibility-a-web-components-approach-dc2aa8123eb2", "description": ""}, {"name": "Web Components 101: An Introduction to Web Components", "url": "https://www.telerik.com/blogs/web-components-101-an-introduction-to-web-components", "description": ""}, {"name": "Get started with Vue web components", "url": "https://medium.com/@royprins/get-started-with-vue-web-components-593b3d5b3200", "description": ""}, {"name": "6 Reasons You Should Use Native Web Components", "url": "https://codeburst.io/6-reasons-you-should-use-native-web-components-b45e18e069c2", "description": ""}, {"name": "Web Components in 2018", "url": "https://www.sitepen.com/blog/web-components-in-2018", "description": ""}, {"name": "Web Components Introduction: Creating Custom HTML Elements in 2018", "url": "https://www.grapecity.com/en/blogs/web-components-introduction-creating-custom-html-elements-2018", "description": ""}, {"name": "Create & Publish Web Components With Vue CLI 3", "url": "https://vuejsdevelopers.com/2018/05/21/vue-js-web-component/", "description": ""}, {"name": "Extending Native DOM Elements with Web Components", "url": "https://medium.com/revillweb/extending-native-dom-elements-with-web-components-233350c8e86a", "description": ""}, {"name": "Styling is critical to web component reuse, but may prove difficult in practice", "url": "https://component.kitchen/blog/posts/styling-is-critical-to-web-component-reuse-but-may-prove-difficult-in-practice", "description": ""}, {"name": "Web Components: The Long Game", "url": "https://infrequently.org/2017/10/web-components-the-long-game/", "description": ""}, {"name": "Web Components: Just in the Nick of Time (Polymer Summit 2017)", "url": "https://youtu.be/y-8Lmg5Gobw", "description": ""}, {"name": "Using Web Components in Ionic (Polymer Summit 2017)", "url": "https://youtu.be/UfD-k7aHkQE", "description": ""}, {"name": "Web Components for VR (Polymer Summit 2017)", "url": "https://youtu.be/8GmTu2JF4-0", "description": ""}, {"name": "Building UI at Enterprise Scale with Web Components (Polymer Summit 2017)", "url": "https://youtu.be/FJ2KEvzlyo4", "description": ""}, {"name": "Custom Elements Everywhere (Polymer Summit 2017)", "url": "https://youtu.be/sK1ODp0nDbM", "description": ""}, {"name": "Evolving the Next Generation of Polymer Elements (Polymer Summit 2017)", "url": "https://youtu.be/rvpJ5O0W_6A", "description": ""}, {"name": "Polymer @ YouTube (Polymer Summit 2017)", "url": "https://youtu.be/tNulrEbTQf8", "description": ""}, {"name": "Web Components for CMS (Polymer Summit 2017)", "url": "https://youtu.be/c-WDHG6rrdU", "description": ""}, {"name": "An intro to web components with otters", "url": "https://meowni.ca/posts/web-components-with-otters/", "description": ""}, {"name": "The broken promise of Web Components", "url": "https://dmitriid.com/blog/2017/03/the-broken-promise-of-web-components/", "description": ""}, {"name": "Regarding the broken promise of Web Components", "url": "http://robdodson.me/regarding-the-broken-promise-of-web-components/", "description": ""}, {"name": "Web Components v1 - the next generation", "url": "https://web.dev/webcomponents-org/", "description": ""}, {"name": "Introducing Custom Elements", "url": "https://webkit.org/blog/7027/introducing-custom-elements/", "description": ""}, {"name": "The Case for Custom Elements: Part 1", "url": "https://medium.com/dev-channel/the-case-for-custom-elements-part-1-65d807b4b439", "description": ""}, {"name": "The Case for Custom Elements: Part 2", "url": "https://medium.com/dev-channel/the-case-for-custom-elements-part-2-2efe42ce9133", "description": ""}, {"name": "Demythstifying Web Components", "url": "http://www.backalleycoder.com/2016/08/26/demythstifying-web-components/", "description": ""}, {"name": "Extensible web components", "url": "https://adactio.com/journal/11052", "description": ""}, {"name": "Web Component Challenges", "url": "https://blog.revillweb.com/web-component-challenges-a09ebc598d65", "description": ""}, {"name": "Web Components and progressive enhancement", "url": "https://onishi.ltd/articles/2016/08/web-components-and-progressive-enhancement/", "description": ""}, {"name": "Update on standardizing Shadow DOM and Custom Elements", "url": "https://annevankesteren.nl/2015/07/shadow-dom-custom-elements-update", "description": ""}, {"name": "What's New in Shadow DOM v1 (by examples)", "url": "https://hayatoito.github.io/2016/shadowdomv1/", "description": ""}, {"name": "Why web components are so important", "url": "https://blog.revillweb.com/why-web-components-are-so-important-66ad0bd4807a", "description": ""}, {"name": "Understanding Web Components", "url": "https://medium.com/the-ui-files/understanding-web-components-d051baa66019", "description": ""}, {"name": "Introducing Slot-Based Shadow DOM API", "url": "https://webkit.org/blog/4096/introducing-shadow-dom-api/", "description": ""}, {"name": "There is an Element for that", "url": "https://medium.com/synsugar/there-is-an-element-for-that-a9fcdafe4a25", "description": ""}, {"name": "What happened to Web Components?", "url": "https://2ality.com/2015/08/web-component-status.html", "description": ""}, {"name": "Web Components and their role in the future of web development", "url": "http://kaytcat.github.io/web-components/", "description": ""}, {"name": "Microsoft Edge and Web Components", "url": "https://blogs.windows.com/msedgedev/2015/07/15/microsoft-edge-and-web-components/", "description": ""}, {"name": "Bringing componentization to the web: An overview of Web Components", "url": "https://blogs.windows.com/msedgedev/2015/07/14/bringing-componentization-to-the-web-an-overview-of-web-components/", "description": ""}, {"name": "Why Web Components will make the web a better place for our users", "url": "https://medium.com/@kaelig/why-web-components-will-make-the-web-a-better-place-for-our-users-38dc3154fc1d", "description": ""}, {"name": "Practical Questions around Web Components", "url": "https://www.ianfeather.co.uk/practical-questions-around-web-components/", "description": ""}, {"name": "The state of Web Components", "url": "https://hacks.mozilla.org/2015/06/the-state-of-web-components/", "description": ""}, {"name": "A No-Nonsense Guide to Web Components, Part 1: The Specs", "url": "http://cbateman.com/blog/a-no-nonsense-guide-to-web-components-part-1-the-specs/", "description": ""}, {"name": "A No-Nonsense Guide to Web Components, Part 2: Practical Use", "url": "http://cbateman.com/blog/a-no-nonsense-guide-to-web-components-part-2-practical-use/", "description": ""}, {"name": "Web Components + Backbone: A Game-Changing Combination", "url": "https://youtu.be/dztuKgjk0Bg", "description": ""}, {"name": "Mozilla and Web Components: Update", "url": "https://hacks.mozilla.org/2014/12/mozilla-and-web-components/", "description": ""}, {"name": "Server-less applications powered by Web Components", "url": "https://youtu.be/MdcD1rNkNLE", "description": ""}, {"name": "Web Components and the Future of CSS", "url": "https://youtu.be/QHxrr6Q82yI", "description": ""}, {"name": "Easy composition and reuse with Web Components", "url": "https://youtu.be/6vcQlD-jadk", "description": ""}, {"name": "Let\u2019s build some apps with Polymer!", "url": "https://youtu.be/kV0hgdMpH28", "description": ""}, {"name": "Polymer: State of the Union", "url": "https://youtu.be/0LT6W5QVCJI", "description": ""}, {"name": "Web Components 101: An Introduction to Fundamental Changes in HTML", "url": "https://youtu.be/hEzmy93zr0Y?t=540", "description": ""}, {"name": "Web Components 201: Designing Web Components for Reuse", "url": "https://youtu.be/dwxaG-eoxdU", "description": ""}, {"name": "Why Web Components \u2014 Does the Web Really Need Another Component?", "url": "https://medium.com/@shaunwalla/why-web-components-does-the-web-really-need-another-component-4af010b6446", "description": ""}, {"name": "\u201cDon\u2019t stop thinking about tomorrow\u201d - AngularJS and Web Components", "url": "https://youtu.be/gSTNTXtQwaY", "description": ""}, {"name": "Multi-device Apps with Web Components", "url": "https://youtu.be/kn0y7uugO0Y", "description": ""}, {"name": "As I Walk Through The Valley Of The Shadow Of DOM", "url": "https://youtu.be/nbsWP2cPhhU", "description": ""}, {"name": "Why Web Components Are Ready For Production", "url": "https://www.telerik.com/blogs/web-components-ready-production", "description": ""}, {"name": "The State of the Componentised Web", "url": "https://www.leggetter.co.uk/2014/08/06/state-componentised-web.html", "description": ""}, {"name": "An Addendum to Why Web Components Aren't Ready for Production Yet", "url": "https://www.tjvantoll.com/2014/07/18/an-addendum-to-why-web-components-arent-ready-for-production-yet/", "description": ""}, {"name": "Why Web Components Aren't Ready for Production... Yet", "url": "https://www.telerik.com/blogs/web-components-arent-ready-production-yet", "description": ""}, {"name": "Component Interop With React And Custom Elements", "url": "https://addyosmani.com/blog/component-interop-with-react-and-custom-elements/", "description": ""}, {"name": "Accessibility of Web Components", "url": "https://youtu.be/BgvDZZ8Ms8c", "description": ""}, {"name": "Componentize The Web: Back To The Browser!", "url": "https://youtu.be/GOPXVLxp9Nc", "description": ""}, {"name": "Google I/O 2014 - Polymer and the Web Components revolution", "url": "https://youtu.be/yRbOSdAe_JU", "description": ""}, {"name": "Google I/O 2014 - Polymer and Web Components change everything you know about Web development", "url": "https://youtu.be/8OJ7ih8EE7s", "description": ""}, {"name": "Google I/O 2014 - Unlock the next era of UI development with Polymer", "url": "https://youtu.be/HKrYfrAzqFA", "description": ""}, {"name": "Making Polymer Elements Accessible", "url": "https://youtu.be/_IBiXfxhF-A", "description": ""}, {"name": "Building an Accessible Disclosure Button \u2013 using Web Components", "url": "https://developer.paciellogroup.com/blog/2014/06/accessible-disclosure-button-using-web-components/", "description": ""}, {"name": "The Road to Web Components", "url": "https://youtu.be/yLyyXHhSl8w", "description": ""}, {"name": "The Web Components Revolution is Here", "url": "https://youtu.be/3QLmAm9xtnU", "description": ""}, {"name": "Web Components: A chance to create the future", "url": "https://youtu.be/JUzjr1bIRUg", "description": ""}, {"name": "Web Component Mashups at 3 a.m.", "url": "https://youtu.be/75EuHl6CSTo", "description": ""}, {"name": "Web Components Tools & Libraries", "url": "https://youtu.be/iPmN4CvLGJc", "description": ""}, {"name": "Web Components Can Do That?!", "url": "https://addyosmani.com/fitc-wccdt/", "description": ""}, {"name": "Web Components and you \u2013 dangers to avoid", "url": "https://christianheilmann.com/2014/04/18/web-components-and-you-dangers-to-avoid/", "description": ""}, {"name": "HTML as Custom Elements", "url": "https://github.com/domenic/html-as-custom-elements", "description": "", "stars": "261"}, {"name": "The Web's Declarative, Composable Future", "url": "https://addyosmani.com/blog/the-webs-declarative-composable-future/", "description": ""}, {"name": "Using Polymer to Create Web Components", "url": "https://code.tutsplus.com/tutorials/using-polymer-to-create-web-components--cms-20475", "description": ""}, {"name": "The Shadow DOM Diaries", "url": "https://gist.github.com/dglazkov/efd2deec54f65aa86f2e", "description": ""}, {"name": "A Detailed Introduction To Custom Elements", "url": "https://www.smashingmagazine.com/2014/03/introduction-to-custom-elements/", "description": ""}, {"name": "A future called Web Components", "url": "https://speakerdeck.com/zenorocha/a-future-called-web-components", "description": ""}, {"name": "Building Mobile Web Applications With Brick", "url": "https://youtu.be/dW2ib0bkxGQ", "description": ""}, {"name": "Polymer: declarative, encapsulated, and reusable components for the web", "url": "https://youtu.be/DH1vTVkqCDQ", "description": ""}, {"name": "Web Components: Why you're already an expert", "url": "https://youtu.be/s1PTPZwzQA4", "description": ""}, {"name": "Yo Polymer: a new way of building web apps", "url": "https://youtu.be/booRxAJblwM", "description": ""}, {"name": "Performance and Custom Elements", "url": "https://www.stevesouders.com/blog/2013/11/26/performance-and-custom-elements/", "description": ""}, {"name": "Web Components Revolution", "url": "https://robdodson.github.io/webcomponents-revolution/", "description": ""}, {"name": "A Guide to Web Components", "url": "https://css-tricks.com/modular-future-web-components/", "description": ""}, {"name": "Return of Inspector Web: Web Components a Year Later", "url": "https://vimeo.com/78899868", "description": ""}, {"name": "Working with Custom Elements", "url": "https://web.dev/customelements/", "description": ""}, {"name": "Creating Reusable Markup with The HTML Template Element", "url": "https://blog.teamtreehouse.com/creating-reusable-markup-with-the-html-template-element", "description": ""}, {"name": "Working with Shadow DOM", "url": "https://blog.teamtreehouse.com/working-with-shadow-dom", "description": ""}, {"name": "Breaking Development: Web Components", "url": "https://www.lukew.com/ff/entry.asp?1752", "description": ""}, {"name": "Web Components: A Tectonic Shift for Web Development - Google I/O 2013", "url": "https://youtu.be/fqULJBBEVQE", "description": ""}, {"name": "Web Components: Getting Started", "url": "https://vimeo.com/68212204", "description": ""}, {"name": "Shadow DOM 101", "url": "https://web.dev/shadowdom/", "description": ""}, {"name": "Shadow DOM 201", "url": "https://web.dev/shadowdom-201/", "description": ""}, {"name": "Shadow DOM 301", "url": "https://web.dev/shadowdom-301/", "description": ""}, {"name": "Visualizing shadow DOM concepts", "url": "https://developer.chrome.com/blog/visualizing-shadow-dom-concepts/", "description": ""}, {"name": "Web components and the future of web development", "url": "https://youtu.be/pb6DsPNdoXk", "description": ""}, {"name": "HTML's New Template Tag", "url": "https://web.dev/webcomponents-template/", "description": ""}, {"name": "The Basics of the Shadow DOM", "url": "https://www.sitepoint.com/the-basics-of-the-shadow-dom/", "description": ""}, {"name": "Notes on Web Components + ARIA", "url": "https://developer.paciellogroup.com/blog/2012/07/notes-on-web-components-aria/", "description": ""}, {"name": "Google I/O 2012 - The Web Platform's Cutting Edge", "url": "https://youtu.be/2txPYQOWBtg", "description": ""}, {"name": "Introduction to Web Components", "url": "https://www.w3.org/TR/2012/WD-components-intro-20120522/", "description": ""}, {"name": "Web Components and Model Driven Views by Alex Russell", "url": "https://fronteers.nl/congres/2011/sessions/web-components-and-model-driven-views-alex-russell", "description": ""}, {"name": "What the Heck is Shadow DOM?", "url": "https://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/", "description": ""}], "notes": [], "source": "Webcomponents the Right Way"}, {"name": "Vite \u2014 Official Resources", "entries": [{"name": "Documentation", "url": "https://vitejs.dev/", "description": ""}, {"name": "GitHub Repo", "url": "https://github.com/vitejs/vite", "description": "", "stars": "78k"}, {"name": "Release Notes", "url": "https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md", "description": "", "stars": "78k"}, {"name": "Vue 3 Docs", "url": "https://vuejs.org/", "description": ""}, {"name": "Awesome Vue", "url": "https://github.com/vuejs/awesome-vue", "description": "", "stars": "74k"}, {"name": "Migration from v4", "url": "https://vitejs.dev/guide/migration.html", "description": ""}, {"name": "create-vite", "url": "https://github.com/vitejs/vite/tree/main/packages/create-vite", "description": "Scaffolding Your First Vite Project.", "stars": "78k"}, {"name": "create-vitawind", "url": "https://github.com/huibizhang/vitawind/tree/package/create-vitawind", "description": "Scaffolding for Tailwind CSS project.", "stars": "165"}, {"name": "create-electron-vite", "url": "https://github.com/electron-vite/create-electron-vite", "description": "Scaffolding Your Electron + Vite Project.", "stars": "234"}, {"name": "create-vite-app", "url": "https://github.com/ErKeLost/create-vite-app", "description": "Scaffolding Your Out Of The Box Vite Project.", "stars": "245"}, {"name": "create-nx-workspace", "url": "https://github.com/nrwl/nx", "description": "Scaffolding a Nx + React + Vite + Vitest.", "stars": "28k"}, {"name": "bati", "url": "https://github.com/batijs/bati", "description": "Scaffolding a Vike project.", "stars": "470"}, {"name": "create-awesome-node-app", "url": "https://github.com/Create-Node-App/create-node-app", "description": "Scaffolding your project choosing between different templates.", "stars": "88"}, {"name": "create-nitro-app", "url": "https://github.com/nitrojs/create-nitro-app", "description": "Scaffolding your Full-Stack Vite project using Nitro.", "stars": "16"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Templates", "entries": [{"name": "vite-vanilla-ts-lib-starter", "url": "https://github.com/kbysiec/vite-vanilla-ts-lib-starter", "description": "Starter for library (CJS, ESM, IIFE) with TypeScript, ESLint, Stylelint, Prettier, Jest, Husky + lint-staged.", "stars": "338"}, {"name": "vite-tailwind-nojs-starter", "url": "https://github.com/kometolabs/vite-tailwind-nojs-starter", "description": "NoJS Tailwind CSS starter template.", "stars": "73"}, {"name": "vite-tailwind-stimulus-starter", "url": "https://github.com/jeremyfrank/vite-tailwind-stimulus-starter", "description": "Starter template for Tailwind CSS and Stimulus controllers.", "stars": "20"}, {"name": "vite-phaser-ts", "url": "https://github.com/iwantantra/vite-phaser-ts", "description": "Starter template with Phaser and TypeScript.", "stars": "23"}, {"name": "vite-tinybase", "url": "https://github.com/tinyplex/vite-tinybase", "description": "Starter template for TinyBase.", "stars": "8"}, {"name": "vite-tinybase-ts", "url": "https://github.com/tinyplex/vite-tinybase-ts", "description": "Starter template for TinyBase and TypeScript.", "stars": "12"}, {"name": "vite-vanilla-js-template", "url": "https://github.com/Barata-Ribeiro/vite-vanilla-js-template", "description": "Starter template ESlint, Prettier, PostCSS, Nesting, Autoprefixer, CSS Nano, CSS Reset.", "stars": "73"}, {"name": "vite-starter-markup-template", "url": "https://github.com/Grinch3214/vite-starter-markup-template", "description": "Starter template for Markup.", "stars": "70"}, {"name": "create-domco", "url": "https://github.com/rossrobino/domco/tree/main/packages/create-domco", "description": "Starter template for domco.", "stars": "79"}, {"name": "vite-vanilla-library-template", "url": "https://github.com/hywax/vite-vanilla-library-template", "description": "Starter template TypeScript, ESLint, Vitest, Husky, Conventional Commits, GitHub actions.", "stars": "56"}, {"name": "vite-alpine-template", "url": "https://github.com/dvd101x/vite-alpine", "description": "Starter template for Alpine.", "stars": "5"}, {"name": "vite-ts-lib-starter", "url": "https://github.com/matronator/vite-ts-lib-starter", "description": "Starter template for libraries with TypeScript, Bun, Vitest, Prettier, Renovate and np.", "stars": "20"}, {"name": "vite-swagger-ui", "url": "https://github.com/lukefernandez/vite-swagger-ui", "description": "Swagger UI with built-in support for multiple APIs.", "stars": "12"}, {"name": "template-vite", "url": "https://github.com/phaserjs/template-vite", "description": "An official quickstart template with Phaser.", "stars": "124"}, {"name": "template-vite-ts", "url": "https://github.com/phaserjs/template-vite-ts", "description": "An official quickstart template with Phaser and TypeScript.", "stars": "165"}, {"name": "vite-ts-bulma-sass-template", "url": "https://github.com/naoki-00-ito/vite-ts-bulma-sass-template", "description": "Starter template `TypeScript`, `Bulma`, `Sass`, `Stylelint`, `Biome`.", "stars": "4"}, {"name": "Vitesse", "url": "https://github.com/antfu/vitesse", "description": "Opinionated starter template.", "stars": "9.4k"}, {"name": "vite-ts-tailwind-starter", "url": "https://github.com/Uninen/vite-ts-tailwind-starter", "description": "TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.", "stars": "473"}, {"name": "vue-vben-admin", "url": "https://github.com/anncwb/vue-vben-admin", "description": "Background management template based on Vue3, Ant-Design-Vue, TypeScript.", "stars": "31k"}, {"name": "vue-pure-admin", "url": "https://github.com/xiaoxian521/vue-pure-admin", "description": "Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.", "stars": "20k"}, {"name": "fast-crud", "url": "https://github.com/fast-crud/fast-crud", "description": "Options-oriented crud framework, developing crud as fast as lightning.", "stars": "1.1k"}, {"name": "vitesse-lite", "url": "https://github.com/antfu/vitesse-lite", "description": "Lightweight version of Vitesse.", "stars": "1.2k"}, {"name": "vitesse-webext", "url": "https://github.com/antfu/vitesse-webext", "description": "WebExtension Vite Starter Template.", "stars": "3.4k"}, {"name": "naive-ui-dashboard-template", "url": "https://github.com/Innei/naive-ui-dashboard-template", "description": "UI friendly, Vue 3 + TSX + Tailwind CSS 2 JIT + PostCSS + Naive UI.", "stars": "59"}, {"name": "Vitawind Creator", "url": "https://vitawind.vercel.app/scaffolding/creator/", "description": "Create Tailwind CSS project rapidly."}, {"name": "vue3-tailwind3-website-starter", "url": "https://github.com/feitian124/vue3-tailwind3-website-starter.git", "description": "Vue3 / Vite / Tailwind CSS website starter template, with guides on each page."}, {"name": "boot-vue", "url": "https://github.com/kirklin/boot-vue", "description": "Starter template with TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia.", "stars": "281"}, {"name": "Vue Naive", "url": "https://github.com/zclzone/vue-naive-admin", "description": "Admin template, base on Vue 3 + Pinia + Naive UI.", "stars": "3.9k"}, {"name": "vue-admin-box", "url": "https://github.com/cmdparkour/vue-admin-box", "description": "Admin template, based on Vue 3 + Element-plus.", "stars": "1.8k"}, {"name": "vite-vue-proste", "url": "https://github.com/xyhxx/vite-vue-proste", "description": "Pinia + TypeScript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + `project presets`.", "stars": "17"}, {"name": "vue-vite-ssr", "url": "https://github.com/EverSeenTOTOTO/browser-app-boilerplate/tree/vue-vite-ssr", "description": "TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.", "stars": "27"}, {"name": "vue3-vant-mobile", "url": "https://github.com/easy-temps/vue3-vant-mobile", "description": "Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript Mobile Template.", "stars": "2k"}, {"name": "vue-vite-tw-ts", "url": "https://github.com/ChronosMasterOfAllTime/vue-vite-tw-ts", "description": "Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router.", "stars": "14"}, {"name": "vite-vue-js-starter-template", "url": "https://github.com/ElanYoung/vite-vue-js-starter-template", "description": "Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier Simple Template.", "stars": "180"}, {"name": "vue-xs-admin", "url": "https://github.com/jsxiaosi/vue-xs-admin", "description": "Based on Vue3, Vite3 ElementPlus, TypeScript, Pinia, VueRouter.", "stars": "9"}, {"name": "vulcan", "url": "https://github.com/pengzhanbo/vulcan", "description": "The template for mobile application. Vite, Vue 3, TypeScript, Sass, i18n, Vitest\\&Cypress, Pinia, APIs\\&Mock, ESLint, Prettier, auto-importing.", "stars": "22"}, {"name": "antdv-pro", "url": "https://github.com/antdv-pro/antdv-pro", "description": "AntdvPro is a complete set of enterprise-level mid-backend front-end/design solutions based on Vue3, Vite4, ant-design-vue4, Pinia, UnoCSS and TypeScript.", "stars": "852"}, {"name": "vue3-quick-start", "url": "https://github.com/wforguo/vue3-quick-start", "description": "Building an engineered Vue 3 project, integrated with `Vite` + `Vue3` + `TypeScript` + `ESLint` + `Prettier` + `Commitizen` + `Husky` + `LintStaged` + `CommitLint` + `AutoImport` + `ReleaseIt`.", "stars": "25"}, {"name": "antd-vue3-admin", "url": "https://github.com/Zuojiangtao/antd-vue3-admin", "description": "A starter template based on Vue3, Vite4, TS5 and Ant-Design-Vue4.", "stars": "23"}, {"name": "vue-file-upload", "url": "https://github.com/canopas/vue-file-upload", "description": "A file management system built with `Vue3` and `TypeScript` that allows for single and multiple file uploading with a preview feature.", "stars": "37"}, {"name": "arco-admin", "url": "https://github.com/LIjiAngChen8/arco-admin", "description": "`Vite` + `ArcoDesign` + `TypeScript` follows `ESM` standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.", "stars": "186"}, {"name": "materio-free-vuetify-nuxtjs-admin-template", "url": "https://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free", "description": "Vue.js 3, Vite 5, Vuetify 3 & Nuxt.js 3.", "stars": "79"}, {"name": "vite-plugin-vue-style-bundler", "url": "https://github.com/zhangfisher/vite-plugin-vue-style-bundler", "description": "Auto bundle Vue/sfc styles into JavaScript.", "stars": "7"}, {"name": "celeris-web", "url": "https://github.com/kirklin/celeris-web", "description": "Template based on `Vite` + `Vue3` + `TypeScript` + `Vue-Router` + `Pinia` + `Unocss` + `Naive UI` + `pnpm Monorepo`.", "stars": "494"}, {"name": "vite-ts-starter", "url": "https://github.com/pdsuwwz/vite-ts-starter", "description": "Vue `I18n` Dynamic Router Localization Template, Internationalized Applications with `UnoCSS` + `Unplugin` + `Element-Plus` + `Vitest` + `TypeScript` + `Vue-Router` + `Vuex` + `Scss` + `ESLint` + `Stylelint` + `Husky` + `lint-staged`.", "stars": "152"}, {"name": "vite-vue3-tailwind4-daisyui5-starter-template", "url": "https://github.com/martinille/starter-template-vite-vue3-sass-tailwind4-daisyui5", "description": "Starter template with Vue 3 + Vite + Tailwind CSS 4 + DaisyUI 5 + Sass.", "stars": "49"}, {"name": "vite-vue2-windicss-starter", "url": "https://github.com/lstoeferle/vite-vue2-windicss-starter", "description": "Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript.", "stars": "202"}, {"name": "vite-vue2-ts-starter", "url": "https://github.com/logue/vite-vue2-ts-starter", "description": "Vue2 TypeScript starter template using vue-property-decorator, vue-router, Vuex.", "stars": "38"}, {"name": "vite-vue2-ts-vuetify-starter", "url": "https://github.com/logue/vite-vue2-vuetify-ts-starter", "description": "It is the above vite-vue2-ts-starter with Vuetify and its optimized settings. Includes basic templates.", "stars": "85"}, {"name": "vitify-admin", "url": "https://github.com/kingyue737/vitify-admin", "description": "Vuetify admin starter template with full TypeScript support and intellisense of Vuetify components.", "stars": "162"}, {"name": "Vitamin", "url": "https://github.com/wtchnm/Vitamin", "description": "React TypeScript, Tailwind CSS, SPA + PWA, Cypress and CI.", "stars": "617"}, {"name": "vite-template-react", "url": "https://github.com/SafdarJamal/vite-template-react", "description": "A Create React App-like template.", "stars": "111"}, {"name": "vitejs-template-react-rescript", "url": "https://github.com/jihchi/vitejs-template-react-rescript", "description": "React + ReScript.", "stars": "133"}, {"name": "template-vite-react", "url": "https://github.com/lzm0x219/template-vite-react", "description": "A minimal React Vite starter template.", "stars": "195"}, {"name": "reactjs-vite-tailwindcss-boilerplate", "url": "https://github.com/joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate", "description": "React 18, TypeScript, Vitest, Testing Library, Tailwind CSS 3, Eslint and Prettier.", "stars": "722"}, {"name": "vite-react-ts-tailwind-firebase-starter", "url": "https://github.com/TeXmeijin/vite-react-ts-tailwind-firebase-starter", "description": "Starter using Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint.", "stars": "307"}, {"name": "create-react-app-vite", "url": "https://github.com/laststance/create-react-app-vite", "description": "React, TypeScript, Tailwind CSS, MSW, Vitest, React Testing Library, ESLint, Prettier, GitHub Actions.", "stars": "160"}, {"name": "chrome-extension-boilerplate-react-vite", "url": "https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite", "description": "React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR(Hot Module Reload) + Turborepo + Chrome Extension Manifest v3.", "stars": "4.8k"}, {"name": "vite-rtk-query", "url": "https://github.com/laststance/vite-rtk-query", "description": "React, TypeScript, Redux Toolkit, RTK Query, Tailwind CSS, MSW, Jest, React Testing Library, ESLint, Prettier.", "stars": "151"}, {"name": "vite-react-proste", "url": "https://github.com/xyhxx/vite-react-proste", "description": "React + TypeScript + `react-router-dom` + Recoil + SASS + Testing Library + `react-query` + ESLint + Stylelint + Prettier.", "stars": "18"}, {"name": "React-PWA", "url": "https://github.com/suren-atoyan/react-pwa", "description": "React v18, TypeScript, Vite, React Router v6, MUI v5, Recoil, PWA, Eslint, Prettier, Husky, lint-staged, https localhost and more.", "stars": "691"}, {"name": "react-vite-ssr", "url": "https://github.com/EverSeenTOTOTO/browser-app-boilerplate/tree/react-vite-ssr", "description": "Mobx, TypeScript, Eslint, Stylelint, Husky, Lint-staged and Commitlint.", "stars": "27"}, {"name": "Viterts", "url": "https://github.com/erdoganbulut/viterts/", "description": "React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS.", "stars": "38"}, {"name": "ViteRC", "url": "https://github.com/potreco/viterc", "description": "React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + Absolute imports + Commit linting.", "stars": "64"}, {"name": "React Starter Kit", "url": "https://github.com/kriasoft/react-starter-kit", "description": "Jamstack, React, React Router, Material UI, Firebase Auth, TypeScript, ESLint, Prettier, Jest, GitHub Actions.", "stars": "23k"}, {"name": "vite-mern-template", "url": "https://github.com/apicgg/vite-mern-template", "description": "React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose.", "stars": "94"}, {"name": "Varsarr", "url": "https://github.com/altmshfkgudtjr/varsarr", "description": "React, TypeScript, Styled-Components, Recoil, React-Query, Axios, Absolute imports.", "stars": "27"}, {"name": "viterjs-template", "url": "https://github.com/emre-cil/viterjs-template", "description": "React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier.", "stars": "46"}, {"name": "react-vite-ts-boilerplate", "url": "https://github.com/choisohyun/react-vite-ts-boilerplate", "description": "React 18, TypeScript, SCSS, ESLint, Prettier, Vitest.", "stars": "126"}, {"name": "vite-react-universal-template", "url": "https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template", "description": "React18 + TypeScript + `react-router-dom` + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.", "stars": "74"}, {"name": "react-vite-template", "url": "https://github.com/985563349/react-vite-template", "description": "A react project template.", "stars": "30"}, {"name": "react-xs-admin", "url": "https://github.com/jsxiaosi/react-xs-admin", "description": "The background management system template developed based on React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation.", "stars": "51"}, {"name": "vite-mui-ts", "url": "https://github.com/emre-cil/vite-mui-ts", "description": "React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier.", "stars": "64"}, {"name": "template-vite-react-ts-tailwind", "url": "https://github.com/RoyRao2333/template-vite-react-ts-tailwind", "description": "React + TypeScript + Tailwind CSS + Eslint + Prettier.", "stars": "84"}, {"name": "vite-react-ts-template", "url": "https://github.com/bartstc/vite-ts-react-template", "description": "React 18, TypeScript, ESlint, Prettier, Dev Container, Vitest, Storybook, Playwright, MSW, React Router 6, React Query, Chakra UI, Zustand.", "stars": "114"}, {"name": "react-vite-tailwindcss-template", "url": "https://github.com/quavedev/react-vite-tailwindcss-template", "description": "React, JavaScript, Tailwind CSS, ESlint, Prettier, Pre-commit.", "stars": "21"}, {"name": "vite-tinybase-react", "url": "https://github.com/tinyplex/vite-tinybase-react", "description": "Starter template for TinyBase and React.", "stars": "6"}, {"name": "vite-tinybase-ts-react", "url": "https://github.com/tinyplex/vite-tinybase-ts-react", "description": "Starter template for TinyBase, TypeScript, and React.", "stars": "12"}, {"name": "vite-react-ssr-boost-template", "url": "https://github.com/Lomray-Software/vite-template", "description": "Template for creating `React 18` SSR/SPA apps with `TypeScript`, `Mobx`, `React Router`, `Head Manager`, Suspense, Streaming. Also included CI/CD, `ESLint`, `Prettier`, `Stylelint`, `Husky`, `Semantic Release`.", "stars": "37"}, {"name": "vite-react-ts-shadcn-starter", "url": "https://github.com/Quilljou/vite-react-ts-tailwind-starter", "description": "Template for creating `React 18` SPA apps with `TypeScript`, `React Router`, `Tailwind CSS`, `Shadcn UI`, `React Query`, `ESLint`, `Prettier`, `Stylelint`, `Husky`, `React-i18next`, `Transmart`.", "stars": "120"}, {"name": "template-tauri-vite-react-ts-tailwind", "url": "https://github.com/RoyRao2333/template-tauri-vite-react-ts-tailwind", "description": "Template for Tauri + React + TypeScript + Tailwind CSS + Prettier + ESLint build-in.", "stars": "17"}, {"name": "vite-react-chakra-starter", "url": "https://github.com/sozonome/vite-react-chakra-starter", "description": "Starter template for creating React App with TypeScript and Chakra UI. Configured with ESLint, Prettier, and Husky.", "stars": "118"}, {"name": "vite-react-tailwind-starter", "url": "https://github.com/sozonome/vite-react-tailwind-starter", "description": "Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky.", "stars": "76"}, {"name": "monorepo-template-react", "url": "https://github.com/stormkit-io/monorepo-template-react", "description": "React + TypeScript template for SSR, SPG, SPA and API provision.", "stars": "87"}, {"name": "vite-react-dapp-template", "url": "https://github.com/huseyindeniz/vite-react-dapp-template", "description": "Starter template for decentralized app frontend development with preconfigured Wallet Authentication, i18n and UI features.", "stars": "14"}, {"name": "vite-express-ssr-ts", "url": "https://github.com/gihanrangana/vite-express-ssr-ts", "description": "React + TypeScript + Express.js + Vite SSR template with inbuild api feature.", "stars": "65"}, {"name": "vite-react-flow-template", "url": "https://github.com/xyflow/vite-react-flow-template", "description": "React Flow starter template.", "stars": "90"}, {"name": "react-vite-template", "url": "https://github.com/Mirazex/react-vite-template", "description": "React, TypeScript, Vite, Mantine, Million, Husky, Prettier, Import Sorter, Lint-staged.", "stars": "14"}, {"name": "gravity-ui-vite-template", "url": "https://github.com/gravity-ui/gravity-ui-vite-example", "description": "Template with Gravity UI ecosystem (React, TypeScript, Gravity UI, Vite, Husky, ESLint, Prettier, Lint-staged).", "stars": "5"}, {"name": "vite-react-component-library-starter", "url": "https://github.com/rayyamhk/vite-react-component-library-starter", "description": "A starter template for creating React component libraries with `TypeScript`, `Tailwind CSS`, `Storybook`, `Vitest`, `ESLint`, `Prettier`, `Husky`, and `GitHub Action`.", "stars": "67"}, {"name": "vite-template-awesome-soho", "url": "https://github.com/comnori/vite-template-awesome-soho", "description": "`DevContainer` Template for creating `React 18`, `Javascript + JSDoc`, `React Router`, `Ant Design`, `ESLint`, `EditorConfig`, `.env`, `SonarLint`, `Vitest`.", "stars": "4"}, {"name": "react-component-library-vite", "url": "https://github.com/gsharath/react-component-library-vite", "description": "A library template for with `React`, `Javascript`,`Styled-Components`, `Vitest`, `React Testing Library`, `Storybook`.", "stars": "6"}, {"name": "ReTail", "url": "https://github.com/nikolailehbrink/retail", "description": "Starter template for building Full Stack WEB applications with `Remix` using `TypeScript`, `Tailwind CSS`, `Prettier` and `ESLint`.", "stars": "30"}, {"name": "vite-react-redux-saga-typescript", "url": "https://github.com/Dulajdeshan/vite-react-redux-saga-typescript", "description": "Starter template with `React`, `TypeScript`, `Redux (Redux Toolkit)`, `Saga`, `React Testing Library`, `ESLint`, `Prettier` and `Husky`.", "stars": "4"}, {"name": "vite-complete-react-app", "url": "https://github.com/ChrisUser/vite-complete-react-app", "description": "Starter template for building web applications using `React`, `TypeScript`, `Redux Toolkit`, `React Router`, `Axios`, `Sass`, `Moment`, `ESLint`, `Prettier` and `React Testing Library`.", "stars": "18"}, {"name": "vite-react-framer-starter", "url": "https://github.com/matozz/vite-react-framer-starter", "description": "Starter template with `React`, `TypeScript`, `Framer Motion`, `Tailwind CSS`, `ESLint`, and `Prettier`.", "stars": "20"}, {"name": "vite-jsx-remove-attributes", "url": "https://github.com/jacobbogers/rollup-plugin-jsx-remove-attributes", "description": "Remove the `data-testid` (configurable) from production builds.", "stars": "10"}, {"name": "React Tanning", "url": "https://github.com/padunk/react-tanning", "description": "Starter template with `React + Vite + TypeScript + TanStack + Tailwind`.", "stars": "10"}, {"name": "Reactive", "url": "https://github.com/ws-rush/reactive", "description": "`React` starter template with `Remix` file-based routing convention for `react-router`, `UnoCSS`, `LinguiJs`, `zustand`, and ton of features.", "stars": "12"}, {"name": "RVTGB", "url": "https://github.com/up2dul/rvtgb", "description": "`React` + `TypeScript` starter template, with file-based routing with `Generouted` and `Biome`.", "stars": "4"}, {"name": "vite-biome-tailwind-template", "url": "https://github.com/not-first/vite-biome-tailwind-template", "description": "React, TypeScript, Biome, Tailwind CSS.", "stars": "8"}, {"name": "React Dapp Starter", "url": "https://github.com/Manta-Network/react-dapp-starter", "description": "Enterprise-ready Web3 DApp starter with `TypeScript`, `Tailwind CSS`, `Web3Modal`, `Wagmi`, `Shadcn UI`, `Zustand`, and `TanStack Query` for scalable decentralized applications.", "stars": "18"}, {"name": "vite-template-react-ts-jest", "url": "https://github.com/ivanzusko/vite-template-react-ts-jest", "description": "`React` + `TypeScript` + `Jest`.", "stars": "1"}, {"name": "vite-amplify", "url": "https://github.com/bebeal/vite-amplify", "description": "Template with SSR + Express APIs + AWS Amplify Hosting.", "stars": "12"}, {"name": "react-component-library-template", "url": "https://github.com/xxhls/react-component-library-template", "description": "A library template for with `React`, `TypeScript`, `Vitest`, `React Testing Library`, `Storybook`, `Biome`, `Stylelint`.", "stars": "2"}, {"name": "react-boilerplate", "url": "https://github.com/Aubergine-Community/react-basic-template", "description": "Template for bootstrapping with `Eslint` + `Husky` + `Prettier`."}, {"name": "react-admin-dashboard", "url": "https://github.com/larry-xue/react-admin-dashboard", "description": "Dashboard template with `TypeScript`, `Vite`, `Ant Design`, `React Router`, `Zustand`, `Ant Design Charts`.", "stars": "31"}, {"name": "vite-plugin-ssr-config", "url": "https://github.com/yracnet/vite-plugin-ssr-config", "description": "Configure server-side rendering (SSR) with `React`, `React-Query`, `React-Router`.", "stars": "5"}, {"name": "portfolio-vite-manifest", "url": "https://github.com/SebConejo/portfolio-vite-manifest", "description": "fullstack portfolio template with `Vite`, `React`, `TypeScript`, `Manifest`.", "stars": "6"}, {"name": "SvelteKit", "url": "https://github.com/sveltejs/kit", "description": "The fastest way to build Svelte apps.", "stars": "20k"}, {"name": "svelte-vite-ssr", "url": "https://github.com/jiangfengming/svelte-vite-ssr", "description": "Svelte with SSR support.", "stars": "60"}, {"name": "template-vite-svelte-ts-tailwind", "url": "https://github.com/RoyRao2333/template-vite-svelte-ts-tailwind", "description": "Svelte + TypeScript + Tailwind CSS + Prettier.", "stars": "12"}, {"name": "vite-svelte-flow-template", "url": "https://github.com/xyflow/vite-svelte-flow-template", "description": "Svelte Flow starter template.", "stars": "30"}, {"name": "vite-svelte-docker-template", "url": "https://github.com/tony-stark-eth/vite-svelte-docker-template", "description": "`Docker` + `Svelte` + `Vitest`.", "stars": "1"}, {"name": "vitesse-solid", "url": "https://github.com/xbmlz/vitesse-solid", "description": "Opinionated Vite + SolidJS Starter Template. Includes TypeScript, ESLint, Prettier, UnoCSS, HopeUI and more.", "stars": "65"}, {"name": "vitesse-lite-solid", "url": "https://github.com/Nauxscript/vitesse-lite-solid", "description": "Lightweight Vite Starter Template for SolidJS.", "stars": "8"}, {"name": "electron-vite-vue", "url": "https://github.com/electron-vite/electron-vite-vue", "description": "Electron + Vite + Vue template.", "stars": "4.9k"}, {"name": "electron-vite-react", "url": "https://github.com/electron-vite/electron-vite-react", "description": "Electron + Vite + React template.", "stars": "2.4k"}, {"name": "electron-vite-boilerplate", "url": "https://github.com/electron-vite/electron-vite-boilerplate", "description": "Support SerialPort, SQLite3 and node C/C++ addons.", "stars": "211"}, {"name": "electron-vite-template", "url": "https://github.com/umbrella22/electron-vite-template", "description": "Electron 13, Vue 3 and TypeScript. Make your desktop development easier.", "stars": "504"}, {"name": "fast-vite-electron", "url": "https://github.com/ArcherGu/fast-vite-electron", "description": "Vue3 + Vite + Electron with esbuild.", "stars": "249"}, {"name": "fast-vite-nestjs-electron", "url": "https://github.com/ArcherGu/fast-vite-nestjs-electron", "description": "Vue3 + Vite + Electron + Nestjs with esbuild.", "stars": "367"}, {"name": "vite-plugin-electron-quick-start", "url": "https://github.com/electron-vite/vite-plugin-electron-quick-start", "description": "Template for Electron projects.", "stars": "261"}, {"name": "vite-electron-builder", "url": "https://github.com/cawa-93/vite-electron-builder/", "description": "Electron apps using Vite for both back and front-end, with automatic releases.", "stars": "2.9k"}, {"name": "vite-reactts-electron-starter", "url": "https://github.com/maxstue/vite-reactts-electron-starter", "description": "React, Tailwind CSS, TypeScript and Electron.", "stars": "352"}, {"name": "electron-vue-template", "url": "https://github.com/Deluze/electron-vue-template", "description": "Electron template with TypeScript, including Electron Builder.", "stars": "687"}, {"name": "Vitron", "url": "https://github.com/tada5hi/vitron", "description": "Build beautiful (win, Linux, mac) desktop apps for modern web projects with Vite and electron.", "stars": "20"}, {"name": "Vutron", "url": "https://github.com/jooy2/vutron", "description": "Electron + Vite + Vue 3 + Pinia (TypeScript) template.", "stars": "324"}, {"name": "vite-electron-plugin", "url": "https://github.com/electron-vite/vite-electron-plugin", "description": "High-performance, esbuild-based Vite Electron plugin.", "stars": "55"}, {"name": "vite-plugin-doubleshot", "url": "https://github.com/Doubleshotjs/doubleshot/tree/main/packages/plugin-vite", "description": "For building Node.js backend or Electron main process.", "stars": "193"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Tauri", "entries": [{"name": "HuLa", "url": "https://github.com/HuLaSpark/HuLa", "description": "is a desktop instant messaging app built on `Vite 5` + `Vue 3` + `TypeScript` + `Tauri` (not just instant messaging).", "stars": "6.7k"}, {"name": "vite-react-neutralino-template", "url": "https://github.com/Bonnev/vite-react-neutralino-template", "description": "Neutralino + Vite + React template.", "stars": "4"}, {"name": "vite-elm-template", "url": "https://github.com/lindsaykwardell/vite-elm-template", "description": "A default template for building Elm applications.", "stars": "146"}, {"name": "elm\\_vite\\_tailwind\\_template", "url": "https://github.com/gacallea/elm_vite_tailwind_template", "description": "Opinionated template for building Elm web apps using Tailwind CSS and Daisy UI.", "stars": "42"}, {"name": "vite-plugin-fable", "url": "https://github.com/nojaf/vite-plugin-fable", "description": "Template with `.fs` and `.fsproj` files and the F# compiler.", "stars": "43"}, {"name": "github-action-template", "url": "https://github.com/hywax/github-action-template", "description": "Starter template for GitHub Actions, TypeScript, ESLint, Vitest, Husky, Conventional Commits.", "stars": "24"}, {"name": "vit-singlefile-gzip", "url": "https://github.com/MillerRen/vite-singlefile-gzip.git", "description": "Starter template for embedded."}, {"name": "11st-Starter-Kit", "url": "https://github.com/stefanfrede/11st-starter-kit", "description": "11ty, powered by Vite with Tailwind CSS and Alpine.js."}, {"name": "chrome-ext-template-preact-windi-vite", "url": "https://github.com/fell-lucas/chrome-ext-template-preact-windi-vite", "description": "Preact, Windi CSS, TypeScript, Prettier, ESLint, GitHub Actions and Chrome Extension Manifest v3.", "stars": "80"}, {"name": "vite-vue3-chrome-extension-v3", "url": "https://github.com/mubaidr/vite-vue3-chrome-extension-v3", "description": "Web extension starter template for Chrome, Firefox and Edge.", "stars": "769"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Framework-agnostic Plugins", "entries": [{"name": "@vitejs/plugin-legacy", "url": "https://github.com/vitejs/vite/tree/main/packages/plugin-legacy", "description": "Legacy browser support.", "stars": "78k"}, {"name": "vite-plugin-pwa", "url": "https://github.com/antfu/vite-plugin-pwa", "description": "Zero-config PWA.", "stars": "4k"}, {"name": "vite-plugin-windicss", "url": "https://github.com/windicss/vite-plugin-windicss", "description": "Windi CSS integration.", "stars": "852"}, {"name": "vite-plugin-node", "url": "https://github.com/axe-me/vite-plugin-node", "description": "Integration with Node.js backend servers.", "stars": "1.1k"}, {"name": "vite-plugin-cesium", "url": "https://github.com/nshen/vite-plugin-cesium", "description": "Integration with Cesium library.", "stars": "272"}, {"name": "vite-plugin-linter", "url": "https://bitbucket.org/unimorphic/vite-plugin-linter", "description": "Extensible linter framework that shows the linting output in the Vite output and the browser console, includes ESLint & TypeScript ootb."}, {"name": "vite-plugin-checker", "url": "https://github.com/fi3ework/vite-plugin-checker", "description": "Fast run checkers (TypeScript/VLS/vue-tsc, etc.) in worker threads with overlay and terminal hint.", "stars": "1.2k"}, {"name": "vite-plugin-tauri", "url": "https://github.com/amrbashir/vite-plugin-tauri", "description": "Integrate Tauri in a Vite project to build cross-platform apps.", "stars": "288"}, {"name": "vite-plugin-federation", "url": "https://github.com/originjs/vite-plugin-federation", "description": "Support Module Federation, Inspired by Webpack Module Federation feature.", "stars": "3k"}, {"name": "vite-plugin-wasm-pack", "url": "https://github.com/nshen/vite-plugin-wasm-pack", "description": "Integration with rust [wasm-pack (\u2b507.1k)](https://github.com/rustwasm/wasm-pack), the simple way.", "stars": "272"}, {"name": "vite-plugin-comlink", "url": "https://github.com/mathe42/vite-plugin-comlink", "description": "Use WebWorkers with the power of [Comlink (\u2b5013k)](https://github.com/GoogleChromeLabs/comlink) to make them enjoyable.", "stars": "234"}, {"name": "vite-plugin-sass-dts", "url": "https://github.com/activeguild/vite-plugin-sass-dts", "description": "This is a plugin that automatically creates a type file when using the CSS module type-safely.", "stars": "128"}, {"name": "vite-plugin-ali-oss", "url": "https://github.com/xiaweiss/vite-plugin-ali-oss", "description": "Upload the production files bundled in the project to Ali OSS, except for HTML.", "stars": "41"}, {"name": "vite-plugin-webfont-dl", "url": "https://github.com/feat-agency/vite-plugin-webfont-dl", "description": "Downloads and injects webfonts (Google Fonts) to improve website's performance.", "stars": "376"}, {"name": "vite-plugin-babel", "url": "https://github.com/owlsdepartment/vite-plugin-babel", "description": "Babel integration for both build and server to support f.ex. decorators or class fields in pure JS/JSX files.", "stars": "62"}, {"name": "vite-plugin-electron", "url": "https://github.com/electron-vite/vite-plugin-electron", "description": "Integrate Vite and Electron.", "stars": "856"}, {"name": "vite-plugin-optimizer", "url": "https://github.com/vite-plugin/vite-plugin-optimizer", "description": "Manually Pre-Bundling.", "stars": "42"}, {"name": "vite-plugin-babel-compiler", "url": "https://github.com/yzydeveloper/vite-plugin-babel-compiler", "description": "The plugin works with Babel compiler.", "stars": "25"}, {"name": "vite-plugin-commonjs", "url": "https://github.com/vite-plugin/vite-plugin-commonjs", "description": "A pure JavaScript implementation for CommonJs.", "stars": "137"}, {"name": "vite-plugin-mpa-plus", "url": "https://github.com/yzydeveloper/vite-plugin-mpa-plus", "description": "More flexible MPA (multi-page application) supports html templates, path rewriting.", "stars": "88"}, {"name": "vite-plugin-multi-pages", "url": "https://github.com/Miofly/vite-plugin-multi-pages", "description": "Multi Pages Support\uff0ccan build src/pages anyPage\uff0ccan set prefixName.", "stars": "36"}, {"name": "vite-plugin-html-template-mpa", "url": "https://github.com/Miofly/vite-plugin-html-template-mpa", "description": "Multi Pages Common template support.", "stars": "29"}, {"name": "vite-plugin-vconsole-mpa", "url": "https://github.com/Miofly/vite-plugin-vconsole-mpa", "description": "Multi Pages Vconsole supports\uff0csimple config.", "stars": "6"}, {"name": "vite-plugin-browser-sync", "url": "https://github.com/Applelo/vite-plugin-browser-sync", "description": "BrowserSync.", "stars": "88"}, {"name": "vite-plugin-jspm", "url": "https://github.com/jspm/vite-plugin-jspm", "description": "Resolves dependencies independently from CDN providers using import maps and es-module-shims.", "stars": "69"}, {"name": "vite-plugin-env-switch", "url": "https://github.com/PengBoUESTC/vite-plugin-env-switch", "description": "Switch project env and restart Vite server without command line operation.", "stars": "12"}, {"name": "vite-plugin-virtual-mpa", "url": "https://github.com/emosheeep/vite-plugin-virtual-mpa", "description": "Out-of-box MPA plugin, with html template engine and virtual files support, which generate multiple files using only one template.", "stars": "150"}, {"name": "vite-plugin-stylelint", "url": "https://github.com/ModyQyW/vite-plugin-stylelint", "description": "Runs Stylelint synchronously/asynchronously.", "stars": "30"}, {"name": "Vite-plugin-graphiql", "url": "https://github.com/mammadataei/vite-plugin-graphiql", "description": "Integration for GraphiQL IDE.", "stars": "7"}, {"name": "vite-plugin-graphql-server", "url": "https://github.com/mammadataei/vite-plugin-graphql-server", "description": "Bootstrap a local GraphQL server for testing and documentaion.", "stars": "9"}, {"name": "unplugin-fonts", "url": "https://github.com/cssninjaStudio/unplugin-fonts", "description": "Load font from Typekit, Google Fonts, Fontsource or your own custom one.", "stars": "405"}, {"name": "unplugin-config", "url": "https://github.com/kirklin/unplugin-config", "description": "Configuration file generator for web apps, allowing external customization of global variables without repackaging.", "stars": "29"}, {"name": "vite-plugin-svg-spritemap", "url": "https://github.com/g-makarov/vite-plugin-svg-spritemap", "description": "Generates a SVG spritemap from multiple .svg files.", "stars": "57"}, {"name": "vite-plugin-dc", "url": "https://github.com/dvgis/vite-plugin-dc", "description": "Integration with @dvgis/dc-sdk library.", "stars": "4"}, {"name": "@spiriit/vite-plugin-svg-spritemap", "url": "https://github.com/SpiriitLabs/vite-plugin-svg-spritemap", "description": "Pack your SVG files in one spritemap file and use them with `<svg>`/`<img>` and directly in your CSS.", "stars": "108"}, {"name": "vite-plugin-auto-mpa-html", "url": "https://github.com/iamspark1e/vite-plugin-auto-mpa-html", "description": "A file directory-based automated multi-page build plugin that supports HTML templates using EJS.", "stars": "10"}, {"name": "vite-plugin-cloudflare-functions", "url": "https://github.com/yjl9903/vite-plugin-cloudflare-functions", "description": "Cloudflare pages function integration.", "stars": "65"}, {"name": "`@storybook/builder-vite`", "url": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/", "description": "Storybook builder."}, {"name": "@builder.io/partytown", "url": "https://github.com/BuilderIO/partytown", "description": "Relocate resource intensive third-party scripts off of the main thread and into a web worker.", "stars": "14k"}, {"name": "vite-plugin-dynamic-proxy", "url": "https://github.com/zjpzjp/vite-plugin-debug-proxy", "description": "Automatically configure reverse proxies based on URL parameters.", "stars": "13"}, {"name": "unplugin-auto-export", "url": "https://github.com/coderhyh/unplugin-auto-export", "description": "Automates the maintenance of export statements in the index.ts file.", "stars": "36"}, {"name": "remix-development-tools", "url": "https://github.com/forge42dev/Remix-Dev-Tools", "description": "Plugin for Remix.run development tools.", "stars": "956"}, {"name": "vite-plugin-legacy-swc", "url": "https://github.com/CyanSalt/vite-plugin-legacy-swc", "description": "Legacy browser support with SWC.", "stars": "66"}, {"name": "vite-plugin-biome", "url": "https://github.com/skrulling/vite-plugin-biome", "description": "Biome linter.", "stars": "71"}, {"name": "vite-plugin-oxlint", "url": "https://github.com/52-entertainment/vite-plugin-oxlint", "description": "Oxlint linter.", "stars": "48"}, {"name": "@tomjs/vite-plugin-electron", "url": "https://github.com/tomjs/vite-plugin-electron", "description": "Easily develop `Electron` applications.", "stars": "8"}, {"name": "@tomjs/vite-plugin-vscode", "url": "https://github.com/tomjs/vite-plugin-vscode", "description": "Easily use web frameworks to develop `VSCode Extension`'s `Webview`, and support `HMR` and `Debug`.", "stars": "87"}, {"name": "vite-plugin-px-rem-vw", "url": "https://github.com/zscumt123/vite-plugin-px-rem-vw", "description": "Integrate PostCSS plugin pxTorem and pxTovw.", "stars": "7"}, {"name": "vite-plugin-mpg", "url": "https://github.com/just-ads/vite-plugin-multi-page", "description": "Simple configuration of multi page applications.", "stars": "1"}, {"name": "vite-plugin-pagefind", "url": "https://github.com/Hugos68/vite-plugin-pagefind", "description": "Integrate `pagefind` search.", "stars": "34"}, {"name": "@mistjs/vite-plugin-px2viewport", "url": "https://github.com/aibayanyu20/vite-plugins/tree/main/packages/px2viewport", "description": "A plugin that automatically converts inline styles and style files from px units to vw units.", "stars": "21"}, {"name": "vite-multiple-assets", "url": "https://github.com/nguyenbatranvan/vite-multiple-assets", "description": "Add support for multiple public asset directories.", "stars": "29"}, {"name": "vite-create-production-server-plugin", "url": "https://github.com/jrtderonde/vite-create-production-server-plugin", "description": "Spin up a production HTTP serve after build.", "stars": "1"}, {"name": "vite-plugin-eslint2", "url": "https://github.com/ModyQyW/vite-plugin-eslint2", "description": "Runs ESLint synchronously/asynchronously.", "stars": "44"}, {"name": "vite-plugin-page-html", "url": "https://github.com/Marinerer/vite-plugins/tree/main/packages/page-html", "description": "Multi-page generic template plugin, support `ejs` template syntax. Similar to `vue-cli` pages configuration.", "stars": "11"}, {"name": "vite-plugin-vanilla", "url": "https://github.com/Marinerer/vite-plugins/tree/main/packages/vanilla", "description": "Vanilla multi-page web development mode.", "stars": "11"}, {"name": "genaicode/vite-plugin", "url": "https://github.com/gtanczyk/genaicode/tree/master/src/vite-genaicode/", "description": "A plugin that embeds an AI coding assistant into the app UI.", "stars": "42"}, {"name": "vite-plugin-year", "url": "https://github.com/8hobbies/vite-plugin-year", "description": "Inserts the current year to the HTML file during build. Useful for adding a copyright year to the HTML file.", "stars": "3"}, {"name": "vite-plugin-llms", "url": "https://github.com/saschaseniuk/vite-plugin-llms", "description": "Integration for the llms.txt specification supporting AI optimized content alongside application routes.", "stars": "33"}, {"name": "`module-federation/vite`", "url": "https://github.com/module-federation/vite", "description": "Official Module Federation integration, enabling dynamic remote module loading."}, {"name": "unplugin-icons", "url": "https://github.com/antfu/unplugin-icons", "description": "Access thousands of icons as components.", "stars": "4.8k"}, {"name": "vite-imagetools", "url": "https://github.com/JonasKruckenberg/vite-imagetools", "description": "Load and transform images using url query parameters.", "stars": "1.1k"}, {"name": "vite-plugin-radar", "url": "https://github.com/stafyniaksacha/vite-plugin-radar", "description": "All in one analytics loader (with 7+ providers supported).", "stars": "166"}, {"name": "vite-plugin-glsl", "url": "https://github.com/UstymUkhman/vite-plugin-glsl", "description": "Import shader file chunks.", "stars": "403"}, {"name": "vite-plugin-svgo", "url": "https://github.com/r3dDoX/vite-plugin-svgo", "description": "Load SVGs as plain string and transform with SVGO library.", "stars": "35"}, {"name": "vite-plugin-remark-rehype", "url": "https://github.com/y-nk/vite-plugin-remark-rehype", "description": "Loads and transform markdown files using the unified ecosystem."}, {"name": "vite-plugin-php", "url": "https://github.com/donnikitos/vite-plugin-php", "description": "Load and process PHP-entry files instead of default index.html.", "stars": "70"}, {"name": "vite-plugin-lqip", "url": "https://github.com/drwpow/vite-plugin-lqip", "description": "Generate low quality image placeholders (LQIP).", "stars": "86"}, {"name": "vite-plugin-ms-clarity", "url": "https://github.com/KermanX/vite-plugin-ms-clarity", "description": "Inject the Microsoft Clarity script to `index.html`.", "stars": "3"}, {"name": "@cyco130/vite-plugin-mdx", "url": "https://github.com/cyco130/vite-plugin-mdx", "description": "Import MDX.", "stars": "15"}, {"name": "vite-awesome-svg-loader", "url": "https://github.com/matafokka/vite-awesome-svg-loader", "description": "Imports SVGs as source code, base64 and data URI. Preserves stroke width, replaces colors with currentColor. Optimizes SVGs with SVGO. Creates SVG sprites.", "stars": "22"}, {"name": "vite-plugin-dir2json", "url": "https://github.com/buddywang/vite-plugin-dir2json", "description": "Convert the directory structure into json data containing supported file paths.", "stars": "18"}, {"name": "@responsive-image/vite-plugin", "url": "https://github.com/simonihmig/responsive-image", "description": "Transform and generate optimized responsive images (WebP, AVIF) and LQIP placeholders for use with image components.", "stars": "199"}, {"name": "@goodforyou/vite-plugin-markdown-import", "url": "https://github.com/good-for-you-web-services/vite-plugin-import-markdown", "description": "Directly import Markdown files as a string, with support for front-matter attributes as an object.", "stars": "2"}, {"name": "rollup-plugin-critical", "url": "https://github.com/nystudio107/rollup-plugin-critical", "description": "Generate critical CSS.", "stars": "123"}, {"name": "vite-plugin-dts", "url": "https://github.com/qmhc/vite-plugin-dts", "description": "Generate declaration files from `.ts` or `.vue` source files for lib.", "stars": "1.5k"}, {"name": "vite-compression-plugin", "url": "https://github.com/XeryYue/vite-compression-plugin", "description": "Use Node.js stream compress file to gzip or more.", "stars": "284"}, {"name": "vite-plugin-chunk-split", "url": "https://github.com/sanyuan0704/vite-plugin-chunk-split", "description": "Automatically code splitting, support unbundle in production.", "stars": "392"}, {"name": "vite-plugin-static-copy", "url": "https://github.com/sapphi-red/vite-plugin-static-copy", "description": "Copy files and folders.", "stars": "405"}, {"name": "vite-plugin-zip-file", "url": "https://github.com/Ssis53/vite-plugin-zip", "description": "Compress files or folders into zip.", "stars": "20"}, {"name": "vite-plugin-zip-pack", "url": "https://github.com/7th-Cyborg/vite-plugin-zip-pack", "description": "Pack distribution/build folder into a zip file.", "stars": "43"}, {"name": "vite-plugin-cp", "url": "https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-cp", "description": "Copy files after building bundles.", "stars": "97"}, {"name": "unplugin-imagemin", "url": "https://github.com/ErKeLost/unplugin-imagemin", "description": "High performance compressed Picture based on squoosh and sharp.", "stars": "258"}, {"name": "vite-plugin-image-optimizer", "url": "https://github.com/FatehAK/vite-plugin-image-optimizer", "description": "Optimize (compress) your image assets using Sharp.js and SVGO at build time.", "stars": "479"}, {"name": "vite-plugin-no-bundle", "url": "https://github.com/ManBearTM/vite-plugin-no-bundle", "description": "Generate unbundled code for use with native ESM or other bundlers.", "stars": "69"}, {"name": "vite-plugin-css-injected-by-js", "url": "https://github.com/marco-prontera/vite-plugin-css-injected-by-js", "description": "Takes the CSS and adds it to the page through the JS.", "stars": "494"}, {"name": "unplugin-zip-pack", "url": "https://github.com/iamspark1e/unplugin-zip-pack", "description": "Zip your dist with filter function support.", "stars": "5"}, {"name": "vite-plugin-singlefile", "url": "https://github.com/richardtallent/vite-plugin-singlefile", "description": "Inline all JavaScript and CSS resources directly into the final `dist/index.html` file.", "stars": "1.1k"}, {"name": "vite-plugin-node-polyfills", "url": "https://github.com/davidmyersdev/vite-plugin-node-polyfills", "description": "Polyfill Node's Core Modules for browser environments.", "stars": "412"}, {"name": "vite-plugin-cdn2", "url": "https://github.com/nonzzz/vite-plugin-cdn", "description": "Replace module with CDN.", "stars": "80"}, {"name": "vite-plugin-bundle-prefetch", "url": "https://github.com/dreambo8563/vite-plugin-bundle-prefetch", "description": "Inject prefetch assets into `index.html`.", "stars": "20"}, {"name": "vite-plugin-imagemin", "url": "https://github.com/vHeemstra/vite-plugin-imagemin", "description": "Optimize and compress your image assets and optionally create WebP/AVIF.", "stars": "38"}, {"name": "vite-plugin-lib-types", "url": "https://github.com/keuby/vite-plugin-lib-types", "description": "Generate DTS file while building library.", "stars": "7"}, {"name": "vite-plugin-minipic", "url": "https://github.com/60late/vite-plugin-minipic", "description": "Efficient image compression tool.", "stars": "62"}, {"name": "vite-plugin-robots", "url": "https://github.com/kolirt/vite-plugin-robots", "description": "Generating `robots.txt`.", "stars": "18"}, {"name": "vite-plugin-bundle-obfuscator", "url": "https://github.com/z0ffy/vite-plugin-bundle-obfuscator", "description": "JavaScript obfuscator.", "stars": "277"}, {"name": "@yuanjianming/unplugin-image-convert", "url": "https://github.com/yuan66-hub/unplugin-image-convert", "description": "Image multi format conversion plugin based on sharp.js.", "stars": "2"}, {"name": "vite-plugin-dynamic-chunk", "url": "https://github.com/MrQinYQ/vite-plugin-dynamic-chunk", "description": "Split dependencies between entry and dynamic entry, and merge small chunks.", "stars": "15"}, {"name": "@yuanjianming/unplugin-compress-svga", "url": "https://github.com/yuan66-hub/unplugin-compress-svga", "description": "Compress SVGA.", "stars": "3"}, {"name": "@yuanjianming/unplugin-font-spider", "url": "https://github.com/yuan66-hub/unplugin-font-spider", "description": "A webfont compression plugin.", "stars": "3"}, {"name": "vite-plugin-static-filehash", "url": "https://github.com/MrQinYQ/vite-plugin-static-filehash", "description": "It can help the program improve the cache hit rate.", "stars": "9"}, {"name": "vite-plugin-singlefile-compression", "url": "https://github.com/bddjr/vite-plugin-singlefile-compression", "description": "Compress all assets and embeds them into `dist/index.html`, making it convenient to share as a single HTML file.", "stars": "8"}, {"name": "vite-plugin-builder", "url": "https://github.com/yracnet/vite-plugin-builder", "description": "Enable dual compilation for Server-Side Rendering (SSR) and Client-Side Rendering (CSR).", "stars": "2"}, {"name": "vite-plugin-html", "url": "https://github.com/anncwb/vite-plugin-html", "description": "Plugin to minimize and use ejs template syntax in `index.html`.", "stars": "679"}, {"name": "vite-plugin-ts-nameof", "url": "https://github.com/Shinigami92/vite-plugin-ts-nameof", "description": "Ability to resolve [nameof (\u2b50505)](https://github.com/dsherret/ts-nameof) in TypeScript.", "stars": "22"}, {"name": "vite-plugin-handlebars", "url": "https://github.com/alexlafroscia/vite-plugin-handlebars", "description": "Process HTML files with Handlebars.", "stars": "203"}, {"name": "vite-plugin-virtual-html", "url": "https://github.com/Windson1806/vite-plugin-virtual-html", "description": "Make Vite MPA consistent with `@vue/cli`.", "stars": "73"}, {"name": "vite-plugin-content", "url": "https://github.com/originjs/origin.js/tree/main/packages/vite-plugin-content", "description": "Convert `yaml`, `xml`, `ini`, `toml`, `csv`, `plist` and `properties` files to ES6 modules.", "stars": "133"}, {"name": "vite-plugin-require", "url": "https://github.com/wangzongming/vite-plugin-require", "description": "A Vite plugin that supports `require` by code transforming.", "stars": "85"}, {"name": "vite-plugin-global-style", "url": "https://github.com/originjs/origin.js/tree/main/packages/vite-plugin-global-style", "description": "Deal with global styles for CSS, SASS, LESS and Stylus.", "stars": "133"}, {"name": "vite-plugin-shared-modules", "url": "https://github.com/zheeeng/vite-plugin-shared-modules", "description": "Share node\\_modules in monorepos.", "stars": "34"}, {"name": "vite-plugin-pug-transformer", "url": "https://github.com/TheSeally/vite-plugin-pug-transformer", "description": "Pug template engine support.", "stars": "43"}, {"name": "@import-meta-env/unplugin", "url": "https://github.com/runtime-env/import-meta-env", "description": "Inject environment variables into the `import.meta.env` object after building the application instead of statically replacing it during production.", "stars": "269"}, {"name": "@modyfi/vite-plugin-yaml", "url": "https://github.com/Modyfi/vite-plugin-yaml", "description": "Transform YAML files to ESM with schema validation and error reporting."}, {"name": "vite-plugin-html-inject", "url": "https://github.com/donnikitos/vite-plugin-html-inject", "description": "Split the `index.html` into smaller reusable pieces.", "stars": "86"}, {"name": "unplugin-inject-preload", "url": "https://github.com/Applelo/unplugin-inject-preload", "description": "Inject `<link rel=\"preload\">` to your `index.html` based on your build assets.", "stars": "39"}, {"name": "@vituum/vite-plugin-handlebars", "url": "https://github.com/vituum/vite-plugin-handlebars", "description": "Handlebars template engine support, transforms `.hbs` templates to `.html`.", "stars": "7"}, {"name": "@vituum/vite-plugin-pug", "url": "https://github.com/vituum/vite-plugin-pug", "description": "Pug template engine support, transforms `.pug` templates to `.html`.", "stars": "10"}, {"name": "@vituum/vite-plugin-nunjucks", "url": "https://github.com/vituum/vite-plugin-nunjucks", "description": "Nunjucks template engine support, transforms `.njk` templates to `.html`.", "stars": "12"}, {"name": "@vituum/vite-plugin-liquid", "url": "https://github.com/vituum/vite-plugin-liquid", "description": "Liquid template engine support, transforms `.liquid` templates to `.html`.", "stars": "14"}, {"name": "@vituum/vite-plugin-twig", "url": "https://github.com/vituum/vite-plugin-twig", "description": "Twig template engine support, transforms `.twig` templates to `.html`.", "stars": "20"}, {"name": "@vituum/vite-plugin-latte", "url": "https://github.com/vituum/vite-plugin-latte", "description": "Latte template engine support, transforms `.latte` templates to `.html`.", "stars": "1"}, {"name": "@vituum/vite-plugin-posthtml", "url": "https://github.com/vituum/vite-plugin-posthtml", "description": "PostHTML support, transforms syntax to `.html`.", "stars": "9"}, {"name": "@vituum/vite-plugin-juice", "url": "https://github.com/vituum/vite-plugin-juice", "description": "Juice support, transforms `.css` to inline styles in `.html`.", "stars": "6"}, {"name": "vite-plugin-version-mark", "url": "https://github.com/ZhongxuYang/vite-plugin-version-mark", "description": "Automatically use `package version` / `git commit` / `custom` to be inserted into your project as a unique identifier for the project version.", "stars": "88"}, {"name": "vite-plugin-css-export", "url": "https://github.com/shixuanhong/vite-plugin-css-export", "description": "Export variables from CSS to JavaScript, and support nested rules.", "stars": "29"}, {"name": "vite-plugin-optimize-css-modules", "url": "https://github.com/Simonwep/vite-plugin-optimize-css-modules", "description": "Generate the smallest possible CSS-Classes when CSS-Modules are used.", "stars": "42"}, {"name": "vite-plugin-generate-html", "url": "https://github.com/gedouu/vite-plugin-generate-html", "description": "Define separate output files for JavaScript and CSS bundles.", "stars": "9"}, {"name": "vite-plugin-turbo-console", "url": "https://github.com/yuyinws/vite-plugin-turbo-console", "description": "Enhance the readability of `console.log()`.", "stars": "699"}, {"name": "vite-plugin-html-injection", "url": "https://github.com/altrusl/vite-plugin-html-injection", "description": "Inject HTML, JavaScript and CSS code snippets into the `index.html`.", "stars": "41"}, {"name": "vite-plugin-typescript-transform", "url": "https://github.com/herberttn/vite-plugin-typescript-transform", "description": "Applies the TypeScript compiler during Vite's transform build phase.", "stars": "18"}, {"name": "vite-plugin-public-typescript", "url": "https://github.com/hemengke1997/vite-plugin-public-typescript", "description": "Inject TypeScript into `index.html`.", "stars": "13"}, {"name": "unplugin-generate-component-name", "url": "https://github.com/CCherry07/unplugin-generate-component-name", "description": "Automatically generate component's name.", "stars": "22"}, {"name": "@laynezh/vite-plugin-lib-assets", "url": "https://github.com/laynezh/vite-plugin-lib-assets", "description": "Extracts resource files referenced in `library mode` instead of embedded them as base64.", "stars": "131"}, {"name": "css-media-splitter/vite-plugin", "url": "https://github.com/levchak0910/css-media-splitter", "description": "Extracts all `@media` At-rules into a dedicated `.css` files and download it only when matches the media query.", "stars": "41"}, {"name": "@tomjs/vite-plugin-html", "url": "https://github.com/tomjs/vite-plugin-html", "description": "Support compression, loading, CDN and others for `index.html`.", "stars": "4"}, {"name": "@tomjs/vite-plugin-iconify", "url": "https://github.com/tomjs/vite-plugin-iconify", "description": "Inject the global variable `IconifyProviders` into `index.html` for `iconify`, and support local area network and custom url.", "stars": "8"}, {"name": "vite-plugin-icons-spritesheet", "url": "https://github.com/forge42dev/vite-plugin-icons-spritesheet", "description": "Generate a spritesheet and TypeScript types from SVG icons by listening to the icons folder changes.", "stars": "171"}, {"name": "vite-plugin-abbrlink", "url": "https://github.com/tangerball/abbrlink/tree/master/packages/vite-plugin-abbrlink#readme", "description": "Add the abbrlink attribute to the `markdown` file in the specified directory.", "stars": "1"}, {"name": "vite-plugin-native", "url": "https://github.com/vite-plugin/vite-plugin-native", "description": "Supports Node/Electron C/C++ native addons.", "stars": "21"}, {"name": "@yoichiro/vite-plugin-handlebars", "url": "https://github.com/yoichiro/vite-plugin-handlebars", "description": "Import of Handlebars templates `.hbs` as ES Modules.", "stars": "8"}, {"name": "vite-plugin-magic-preloader", "url": "https://github.com/cszhjh/vite-plugin-magic-preloader", "description": "Generate `<link rel=\"prefetch\" />` or `<link rel=\"preload\" />` tags through magic comments and inject them into `index.html`.", "stars": "41"}, {"name": "vite-plugin-replace-lodash", "url": "https://github.com/mingtianyihou33/vite-plugin-replace-lodash", "description": "Replacing the import of `lodash` with `lodash-es` is more beneficial to tree-shaking.", "stars": "4"}, {"name": "vite-plugin-dynamic-prefetch", "url": "https://github.com/Linh-Tran-0312/vite-plugin-dynamic-prefetch", "description": "Inject `<link rel=\"prefetch\" />` tags into the HTML file for dynamic modules at runtime.", "stars": "4"}, {"name": "vite-plugin-material-symbols", "url": "https://github.com/RobinTail/vite-plugin-material-symbols", "description": "Selective loading of Material Symbols font icons based on source code analysis.", "stars": "6"}, {"name": "vite-tsconfig-paths", "url": "https://github.com/aleclarson/vite-tsconfig-paths", "description": "Support for TypeScript's path mapping.", "stars": "1.6k"}, {"name": "vite-aliases", "url": "https://github.com/subwaytime/vite-aliases", "description": "Alias auto-generation based on project structure.", "stars": "217"}, {"name": "vite-plugin-mkcert", "url": "https://github.com/liuweiGL/vite-plugin-mkcert", "description": "Provide certificates https dev server.", "stars": "740"}, {"name": "vite-plugin-vconsole", "url": "https://github.com/vadxq/vite-plugin-vconsole", "description": "Help developers use vconsole to facilitate mobile development and debugging.", "stars": "87"}, {"name": "vite-plugin-mock-server", "url": "https://github.com/enjoycoding/vite-plugin-mock-server", "description": "Mock server plugin, support using TS and JS to write Mock API and HMR.", "stars": "67"}, {"name": "vitawind", "url": "https://github.com/huibizhang/vitawind", "description": "Install and Setting Tailwind CSS automatically.", "stars": "165"}, {"name": "vite-plugin-restart", "url": "https://github.com/antfu/vite-plugin-restart", "description": "Restart the Vite server on file changes.", "stars": "206"}, {"name": "vite-plugin-full-reload", "url": "https://github.com/ElMassimo/vite-plugin-full-reload", "description": "Reload the browser on file changes.", "stars": "174"}, {"name": "vite-plugin-tips", "url": "https://github.com/yingpengsha/vite-plugin-tips", "description": "Provide better development server status tips on the page.", "stars": "62"}, {"name": "vite-plugin-external", "url": "https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-external", "description": "Provides a way of excluding dependencies from the runtime code and output bundles.", "stars": "97"}, {"name": "unplugin-auto-import", "url": "https://github.com/antfu/unplugin-auto-import", "description": "On-demand API auto-importing.", "stars": "3.8k"}, {"name": "vite-plugin-inspect", "url": "https://github.com/antfu/vite-plugin-inspect", "description": "Inspect the intermediate state of Vite plugins.", "stars": "1.6k"}, {"name": "vite-plugin-remove-console", "url": "https://github.com/xiaoxian521/vite-plugin-remove-console", "description": "A Vite plugin that deletes console.log in the production environment.", "stars": "187"}, {"name": "vite-plugin-dev-manifest", "url": "https://github.com/owlsdepartment/vite-plugin-dev-manifest", "description": "Generates `manifest.dev.json` during dev server, for backend integration with any language/framework.", "stars": "27"}, {"name": "vite-plugin-watch-and-run", "url": "https://github.com/jycouet/kitql/tree/main/packages/vite-plugin-watch-and-run", "description": "Watch some files (glob) and trigger a command. To enable any tool to have a watch mode.", "stars": "452"}, {"name": "vite-plugin-dynamic-base", "url": "https://github.com/chenxch/vite-plugin-dynamic-base", "description": "Resolve all resource files dynamic publicPath.", "stars": "76"}, {"name": "vite-plugin-live-reload", "url": "https://github.com/arnoson/vite-plugin-live-reload", "description": "Live reloading.", "stars": "97"}, {"name": "vite-plugin-simple-vconsole", "url": "https://github.com/venojs/vite-plugin-simple-vconsole", "description": "A debug console view inside your app to make mobile debugging easier, for both SPA and MPA.", "stars": "8"}, {"name": "vite-plugin-qrcode", "url": "https://github.com/svitejs/vite-plugin-qrcode", "description": "Show QR code on server start.", "stars": "210"}, {"name": "vite-plugin-cem", "url": "https://github.com/Kamiapp-fr/vite-plugin-cem", "description": "Generates `custom-elements.json` manifest for describing custom elements.", "stars": "33"}, {"name": "vite-plugin-web-update-notification", "url": "https://github.com/GreatAuk/plugin-web-update-notification", "description": "Detect webpage updates and notify user to reload. support Vite and umijs.", "stars": "637"}, {"name": "vite-plugin-browserslist-useragent", "url": "https://github.com/kingyue737/vite-plugin-browserslist-useragent", "description": "Compile browserslist query to a RegExp to test browser useragent.", "stars": "15"}, {"name": "vite-plugin-validate-env", "url": "https://github.com/Julien-R44/vite-plugin-validate-env", "description": "Validate your environment variables at build time. Never forget an environment variable again.", "stars": "227"}, {"name": "vite-plugin-mock-data", "url": "https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-mock-data", "description": "Provides a simple way to mock data.", "stars": "97"}, {"name": "vite-plugin-reverse-proxy", "url": "https://github.com/fengxinming/vite-plugins/tree/main/packages/vite-plugin-reverse-proxy", "description": "Sometimes we have to redirect scripts on production environment to debug and solve problems, the plugin will transform the script to be served with the `text/javascript` MIME type to `module` MIME type.", "stars": "97"}, {"name": "vite-plugin-conditional-compile", "url": "https://github.com/KeJunMao/vite-plugin-conditional-compile", "description": "Conditional compilation syntax based on environment variables.", "stars": "79"}, {"name": "vite-plugin-mock-dev-server", "url": "https://github.com/pengzhanbo/vite-plugin-mock-dev-server", "description": "Mock server for development, support CJS/ESM/JSON, auto-importing file and HMR.", "stars": "245"}, {"name": "vite-plugin-api", "url": "https://github.com/yracnet/vite-plugin-api", "description": "Generate route mapping for API Routes services from the directory tree.", "stars": "42"}, {"name": "vite-plugin-shortcuts", "url": "https://github.com/kinfuy/vite-plugin-shortcuts", "description": "Add additional customized shortcut key population.", "stars": "10"}, {"name": "vite-plugin-entry-shaking", "url": "https://github.com/Dschungelabenteuer/vite-plugin-entry-shaking", "description": "Mimic tree-shaking behaviour when importing code from an entry file in development mode.", "stars": "151"}, {"name": "vite-plugin-auto-alias", "url": "https://github.com/jwyGithub/vite-plugin-auto-alias", "description": "Automatically generate alias based on path.", "stars": "11"}, {"name": "vite-plugin-image-placeholder", "url": "https://github.com/pengzhanbo/vite-plugin-image-placeholder", "description": "Generate placeholder images by path matches.", "stars": "12"}, {"name": "vite-plugin-find-image-duplicates", "url": "https://github.com/wChenonly/vite-plugin-find-image-duplicates", "description": "Find if there are duplicate images in your project when building it.", "stars": "7"}, {"name": "@froxz/vite-plugin-s3", "url": "https://github.com/Froxz/vite-plugin-s3", "description": "Allows you to upload files to S3.", "stars": "46"}, {"name": "vite-plugin-vitepress-auto-sidebar", "url": "https://github.com/QC2168/vite-plugin-vitepress-auto-sidebar", "description": "Automatically generates sidebar data by scanning directories, based on vitepress.", "stars": "133"}, {"name": "vite-plugin-global-const", "url": "https://github.com/censujiang/vite-plugin-global-const", "description": "Define constants for reuse of your code.", "stars": "11"}, {"name": "vite-plugin-cli-copy", "url": "https://github.com/wChenonly/vite-plugin-cli-copy", "description": "Start the project and automatically copy the terminal's network URL.", "stars": "3"}, {"name": "vite-plugin-module-list", "url": "https://github.com/davidbonnet/vite-plugin-module-list", "description": "Automatically import the modules found in a specified folder.", "stars": "2"}, {"name": "unplugin-info", "url": "https://github.com/yjl9903/unplugin-info", "description": "Export build information as a virutal module.", "stars": "104"}, {"name": "vite-plugin-auto-origin", "url": "https://github.com/s2b/vite-plugin-auto-origin", "description": "Detect origin configuration automatically based on incoming requests to dev server.", "stars": "3"}, {"name": "vite-plugin-deadfile", "url": "https://github.com/stauren/vite-plugin-deadfile", "description": "Find unused source files in the project.", "stars": "48"}, {"name": "vite-bundle-analyzer", "url": "https://github.com/nonzzz/vite-bundle-analyzer", "description": "Utility that represents bundles as an interactive treemap.", "stars": "417"}, {"name": "vite-font-extractor-plugin", "url": "https://github.com/a3mitskevich/vite-font-extractor-plugin", "description": "Utility that minification bundle fonts by glyphs.", "stars": "7"}, {"name": "vite-plugin-i18n-detector", "url": "https://github.com/hemengke1997/vite-plugin-i18n-detector", "description": "Lazyload i18n locale resources.", "stars": "24"}, {"name": "vite-plugin-ngrok", "url": "https://github.com/aphex/vite-plugin-ngrok", "description": "Integration with Ngrok, allowing you to easily share your local development server.", "stars": "34"}, {"name": "vite-plugin-docker", "url": "https://github.com/yracnet/vite-plugin-docker", "description": "Docker utility based on Dockerode.", "stars": "6"}, {"name": "vite-plugin-api-routes", "url": "https://github.com/yracnet/vite-plugin-api-routes", "description": "Generate route mapping for API Routes services from the directory tree.", "stars": "42"}, {"name": "unplugin-detect-duplicated-deps", "url": "https://github.com/tjx666/unplugin-detect-duplicated-deps", "description": "Detect duplicate packaged dependencies.", "stars": "81"}, {"name": "vite-plugin-vitepress-auto-nav", "url": "https://github.com/Xaviw/vite-plugin-vitepress-auto-nav", "description": "Automatically generates `sidebar` and `nav` configurations by scanning directories, based on VitePress.", "stars": "25"}, {"name": "vite-plugin-pretty-module-classnames", "url": "https://github.com/teplostanski/vite-plugin-pretty-module-classnames", "description": "Adds the filename without the `-module` suffix to the class names of CSS modules.", "stars": "22"}, {"name": "vite-plugin-serve-static", "url": "https://github.com/reifiedbeans/vite-plugin-serve-static", "description": "Allows serving arbitrary static files not in the `public/` directory.", "stars": "9"}, {"name": "vite-plugin-valibot-env", "url": "https://github.com/idleberg/vite-plugin-valibot-env", "description": "Validate environment variables against a Valibot schema.", "stars": "6"}, {"name": "vite-plugin-vitest-cache", "url": "https://github.com/raegen/vite-plugin-vitest-cache", "description": "Optimize `Vitest` execution time through caching.", "stars": "26"}, {"name": "vite-preload", "url": "https://github.com/wille/vite-preload", "description": "Preloads lazy loaded modules and stylesheets that were rendered by the server using 103 Early Hints, Link headers or link tags.", "stars": "62"}, {"name": "vite-plugin-envtype-patch", "url": "https://github.com/PengBoUESTC/vite-plugin-envtype-patch", "description": "Generate `type` info for `import.meta.env`.", "stars": "3"}, {"name": "`vitest`", "url": "https://github.com/vitest-dev/vitest", "description": "A Vite-native test framework."}, {"name": "vitest-mock-extended", "url": "https://github.com/eratio08/vitest-mock-extended", "description": "Type safe mocking extensions for Vitest.", "stars": "251"}, {"name": "cypress-vite", "url": "https://github.com/mammadataei/cypress-vite", "description": "Run Cypress specs using Vite.", "stars": "103"}, {"name": "vite-plugin-doctest", "url": "https://github.com/ssssota/doc-vitest", "description": "Documentation testing for Vitest.", "stars": "67"}, {"name": "`@poyro/vitest`", "url": "https://github.com/poyro/poyro", "description": "Test LLM integrations using Vitest."}, {"name": "vite-plugin-csp-guard", "url": "https://github.com/RockiRider/csp/tree/main/packages/vite-plugin-csp-guard", "description": "Lets you configure a Content Security Policy to your project, supports all directives and hashing.", "stars": "92"}, {"name": "vite-plugin-csp", "url": "https://github.com/maccuaa/vite-plugin-csp", "description": "Content Security Policy (CSP) for SPA. Automatically calculates asset hashes (SRI), detects Google Fonts. Support `Bun` and `Node.js` runtimes.", "stars": "10"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Vue", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 React", "entries": [{"name": "@vitejs/plugin-react", "url": "https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react", "description": "Official React support that uses Babel.", "stars": "987"}, {"name": "@vitejs/plugin-react-swc", "url": "https://github.com/vitejs/vite-plugin-react-swc", "description": "Official React support that uses SWC.", "stars": "960"}, {"name": "generouted", "url": "https://github.com/oedotme/generouted", "description": "Client-side type-safe file-based routing and global modals \u2014 supports layouts, loaders, code-splitting and more.", "stars": "1.2k"}, {"name": "unplugin-remix-router", "url": "https://github.com/ws-rush/unplugin-remix-router", "description": "Generates a React Router file, that depends on Remix v2 file-based router convention.", "stars": "12"}, {"name": "vite-plugin-remix-flat-routes", "url": "https://github.com/hemengke1997/vite-plugin-remix-flat-routes", "description": "Remix-flat-routes convention-based routing, compatible with react-router data-api routing.", "stars": "7"}, {"name": "vite-plugin-svgr", "url": "https://github.com/pd4d10/vite-plugin-svgr", "description": "Transform SVGs into React components.", "stars": "721"}, {"name": "vite-plugin-react-rich-svg", "url": "https://github.com/iGoodie/vite-plugin-react-rich-svg", "description": "Seamless SVG loader with versatile import options; such as DataURI, SVGR Component and Raw HTML Code.", "stars": "14"}, {"name": "@stylin/vite-plugin", "url": "https://github.com/sultan99/stylin/tree/main/packages/vite-plugin", "description": "Transform CSS and SCSS modules into React components.", "stars": "181"}, {"name": "vite-plugin-react-pages", "url": "https://github.com/vitejs/vite-plugin-react-pages", "description": "A Vite framework for building React app.", "stars": "471"}, {"name": "vite-plugin-react-click-to-component", "url": "https://github.com/ArnaudBarre/vite-plugin-react-click-to-component", "description": "Uses Vite's launch middleware to enable alt+click to go to component.", "stars": "68"}, {"name": "vite-react-ssg", "url": "https://github.com/Daydreamer-riri/vite-react-ssg", "description": "Static-site generation for React.", "stars": "223"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Preact", "entries": [{"name": "@preact/preset-vite", "url": "https://github.com/preactjs/preset-vite", "description": "Preact preset. HMR, automatic Preact inject, removal of DevTools in prod.", "stars": "292"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Svelte", "entries": [{"name": "vite-plugin-svelte", "url": "https://github.com/sveltejs/vite-plugin-svelte", "description": "Adds Svelte support. Official plugin of Svelte team.", "stars": "998"}, {"name": "vite-plugin-kit-routes", "url": "https://github.com/jycouet/kitql/tree/main/packages/vite-plugin-kit-routes", "description": "Generates a file with all the routes, params, actions of your SvelteKit App.", "stars": "452"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Solid", "entries": [{"name": "vite-plugin-solid", "url": "https://github.com/amoutonbrady/vite-plugin-solid", "description": "Provides JSX transformation for Solid.", "stars": "494"}, {"name": "vite-plugin-solid-svg", "url": "https://github.com/jfgodoy/vite-plugin-solid-svg", "description": "Import SVG files as Solid.js Components.", "stars": "94"}, {"name": "generouted", "url": "https://github.com/oedotme/generouted/tree/main/packages/solid-router", "description": "Client-side type-safe file-based routing and global modals \u2014 supports layouts, loaders, code-splitting and more.", "stars": "1.2k"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Elm", "entries": [{"name": "vite-plugin-elm", "url": "https://github.com/hmsk/vite-plugin-elm", "description": "A plugin that enables you to compile an Elm module.", "stars": "215"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Angular", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Fastify", "entries": [{"name": "vite-plugin-fastify", "url": "https://github.com/Vanilla-IceCream/vite-plugin-fastify", "description": "Fastify plugin for Vite with Hot-module Replacement.", "stars": "15"}, {"name": "vite-plugin-fastify-routes", "url": "https://github.com/Vanilla-IceCream/vite-plugin-fastify-routes", "description": "File-based routing, similar to SvelteKit and Next.js App Router.", "stars": "8"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Electron", "entries": [{"name": "electron-vite", "url": "https://github.com/alex8088/electron-vite", "description": "An Electron CLI integrated with Vite.", "stars": "5.2k"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Rollup Plugins", "entries": [{"name": "Vite Rollup Plugins", "url": "https://vite-rollup-plugins.patak.dev/", "description": "Compatibility list for official Rollup plugins."}, {"name": "`@rollup/plugin-alias`", "url": "https://github.com/rollup/plugins/blob/master/packages/alias", "description": "Define and resolve aliases for bundle dependencies."}, {"name": "`@rollup/plugin-commonjs`", "url": "https://github.com/rollup/plugins/blob/master/packages/commonjs", "description": "Convert CommonJS modules to ES6."}, {"name": "`@rollup/plugin-dynamic-import-vars`", "url": "https://github.com/rollup/plugins/blob/master/packages/dynamic-import-vars", "description": "Resolving dynamic imports that contain variables."}, {"name": "`@rollup/plugin-json`", "url": "https://github.com/rollup/plugins/blob/master/packages/json", "description": "Convert `.json` files to ES6 modules."}, {"name": "`@rollup/plugin-babel`", "url": "https://github.com/rollup/plugins/tree/master/packages/babel", "description": "Compile your files with Babel."}, {"name": "`@rollup/plugin-buble`", "url": "https://github.com/rollup/plugins/tree/master/packages/buble", "description": "Compile ES2015 with buble."}, {"name": "`@rollup/plugin-data-uri`", "url": "https://github.com/rollup/plugins/tree/master/packages/data-uri", "description": "Import modules from Data URIs."}, {"name": "`@rollup/plugin-html`", "url": "https://github.com/rollup/plugins/tree/master/packages/html", "description": "Create HTML files to serve Rollup bundles."}, {"name": "`@rollup/plugin-node-resolve`", "url": "https://github.com/rollup/plugins/tree/master/packages/node-resolve", "description": "Locate and bundle third-party dependencies in node\\_modules."}, {"name": "`@rollup/plugin-sucrase`", "url": "https://github.com/rollup/plugins/tree/master/packages/sucrase", "description": "Compile TypeScript, Flow, JSX, etc with Sucrase."}, {"name": "`@rollup/plugin-typescript`", "url": "https://github.com/rollup/plugins/tree/master/packages/typescript", "description": "Integration between Rollup and TypeScript."}, {"name": "`@rollup/plugin-wasm`", "url": "https://github.com/rollup/plugins/tree/master/packages/wasm", "description": "Import WebAssembly code with Rollup."}, {"name": "`@rollup/plugin-url`", "url": "https://github.com/rollup/plugins/tree/master/packages/url", "description": "Import files as data-URIs or ES Modules."}, {"name": "`@rollup/plugin-beep`", "url": "https://github.com/rollup/plugins/tree/master/packages/beep", "description": "System beeps on errors and warnings."}, {"name": "`@rollup/plugin-dsv`", "url": "https://github.com/rollup/plugins/blob/master/packages/dsv", "description": "Convert `.csv` and `.tsv` files into JavaScript modules with d3-dsv."}, {"name": "`@rollup/plugin-eslint`", "url": "https://github.com/rollup/plugins/blob/master/packages/eslint", "description": "Verify entry point and all imported files with ESLint."}, {"name": "`@rollup/plugin-graphql`", "url": "https://github.com/rollup/plugins/blob/master/packages/graphql", "description": "Convert .gql/.graphql files to ES6 modules."}, {"name": "`@rollup/plugin-image`", "url": "https://github.com/rollup/plugins/blob/master/packages/image", "description": "Import JPG, PNG, GIF, SVG, and WebP files (needs `enforce: 'pre'`)."}, {"name": "`@rollup/plugin-inject`", "url": "https://github.com/rollup/plugins/blob/master/packages/inject", "description": "Scan modules for global variables and injects import statements where necessary."}, {"name": "`@rollup/plugin-legacy`", "url": "https://github.com/rollup/plugins/tree/master/packages/legacy", "description": "Add export declarations to legacy non-module scripts."}, {"name": "`@rollup/plugin-replace`", "url": "https://github.com/rollup/plugins/tree/master/packages/replace", "description": "Replace strings in files while bundling."}, {"name": "`@rollup/plugin-strip`", "url": "https://github.com/rollup/plugins/tree/master/packages/strip", "description": "Remove debugger statements and functions from your code."}, {"name": "`@rollup/plugin-virtual`", "url": "https://github.com/rollup/plugins/blob/master/packages/virtual", "description": "A Rollup plugin that loads virtual modules from memory."}, {"name": "`@rollup/plugin-yaml`", "url": "https://github.com/rollup/plugins/blob/master/packages/yaml", "description": "Convert YAML files to ES6 modules."}, {"name": "rollup-plugin-graphql-codegen", "url": "https://github.com/rxliuli/liuli-tools/tree/master/libs/rollup-plugin-graphql-codegen", "description": "Generating type definitions for GraphQL tag template strings in worker\\_threads.", "stars": "84"}, {"name": "rollup-plugin-i18next-dts-gen", "url": "https://github.com/rxliuli/liuli-tools/tree/master/libs/rollup-plugin-i18next-dts-gen", "description": "Generating type definitions from i18n JSON files are used for code hinting and validation.", "stars": "84"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Libraries", "entries": [{"name": "Vike", "url": "https://github.com/vikejs/vike", "description": "Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin. ![react] ![vue3] ![vue2] ![svelte]", "stars": "5.6k"}, {"name": "ssr", "url": "https://github.com/zhangyuang/ssr", "description": "A Server Side Rendering framework combined with Webpack/Vite. ![react] ![vue3] ![vue2]", "stars": "2.7k"}, {"name": "vavite", "url": "https://github.com/cyco130/vavite", "description": "A tool for developing and building server-side applications with live reloading capabilities.", "stars": "501"}, {"name": "vue-ssr", "url": "https://github.com/bistroo/vue-ssr", "description": "Minimalistic wrapper to develop and run SSR powered Vue apps. ![vue3]", "stars": "11"}, {"name": "vite-ssr-boost", "url": "https://github.com/Lomray-Software/vite-ssr-boost", "description": "Server side rendering library for create awesome app based on `react-router`. ![react]", "stars": "114"}, {"name": "SSRx", "url": "https://github.com/marbemac/ssrx", "description": "A thin layer on top of Vite to build modern SSR apps with a delightful DX.", "stars": "154"}, {"name": "Vinxi", "url": "https://github.com/nksaraf/vinxi", "description": "The Full Stack JavaScript SDK. Allows adding SSR to a Vite app.", "stars": "2.8k"}, {"name": "domco", "url": "https://github.com/rossrobino/domco", "description": "Minimal full-stack JavaScript. Turns a Vite app into a full-stack application with minimal dependencies.", "stars": "79"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Frameworks", "entries": [{"name": "Rakkas", "url": "https://github.com/rakkasjs/rakkasjs", "description": "React framework inspired by Next.js and SvelteKit. ![react]", "stars": "1.1k"}, {"name": "Vise", "url": "https://github.com/stauren/vise-ssr", "description": "SSR framework with server hooks. ![react] ![vue3]", "stars": "21"}, {"name": "`@fastify/fastify-dx`", "url": "https://github.com/fastify/fastify-dx", "description": "Allowing you to serve static or live (SSR)."}, {"name": "vite-plugin-vercel", "url": "https://github.com/magne4000/vite-plugin-vercel", "description": "Vercel adapter.", "stars": "126"}, {"name": "vite-vlugin-vercel-skew-protection", "url": "https://github.com/bitttttten/vite-vlugin-vercel-skew-protection", "description": "Helps configure Vercel Skew Protection.", "stars": "8"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Adobe Experience Manager", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Craft CMS", "entries": [{"name": "Craft Vite", "url": "https://github.com/nystudio107/craft-vite", "description": "Plugin for integration with Craft CMS.", "stars": "55"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Django", "entries": [{"name": "django-vite", "url": "https://github.com/MrBin99/django-vite", "description": "Integration for Django applications.", "stars": "826"}, {"name": "django-vite-plugin", "url": "https://github.com/protibimbok/django-vite-plugin", "description": "Integration for Django applications including Vite plugin.", "stars": "145"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Flask", "entries": [{"name": "Flask-Vite", "url": "https://pypi.org/project/flask-vite/", "description": "Integration with Flask."}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Ruby on Rails", "entries": [{"name": "vite-plugin-ruby", "url": "https://github.com/ElMassimo/vite_ruby/tree/main/vite-plugin-ruby", "description": "Configuration for Ruby backends.", "stars": "1.6k"}, {"name": "Vite Ruby", "url": "https://github.com/ElMassimo/vite_ruby", "description": "Integration for Rails, Hanami, Padrino, and Rack apps.", "stars": "1.6k"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Laravel", "entries": [{"name": "Laravel Vite", "url": "https://github.com/innocenzi/laravel-vite", "description": "Integration for the Laravel framework.", "stars": "599"}, {"name": "Laravel Vite Plugin", "url": "https://github.com/laravel/vite-plugin", "description": "Laravel official plugin for Vite.", "stars": "879"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 CakePHP", "entries": [{"name": "cakephp-vite", "url": "https://github.com/passchn/cakephp-vite", "description": "Integration for CakePHP.", "stars": "22"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 WordPress", "entries": [{"name": "wordpress-vite-assets", "url": "https://github.com/idleberg/php-wordpress-vite-assets", "description": "Integration for WordPress themes.", "stars": "147"}, {"name": "Kima", "url": "https://github.com/axelilali/kima", "description": "Starter theme with Twig.", "stars": "26"}, {"name": "WordPlate", "url": "https://github.com/vinkla/wordplate", "description": "Starter app with Composer.", "stars": "2.2k"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 TYPO3 CMS", "entries": [{"name": "vite-plugin-typo3", "url": "https://github.com/s2b/vite-plugin-typo3", "description": "Frontend integration for TYPO3 CMS.", "stars": "7"}, {"name": "vite-asset-collector for TYPO3", "url": "https://github.com/s2b/vite-asset-collector", "description": "Backend integration for TYPO3 CMS.", "stars": "51"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Go", "entries": [{"name": "`vite`", "url": "https://github.com/olivere/vite", "description": "Integration with Go."}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Rust", "entries": [{"name": "create-rust-app", "url": "https://github.com/Wulf/create-rust-app", "description": "Integration for Rust web apps.", "stars": "1.6k"}, {"name": "vite-rs", "url": "https://github.com/Wulf/vite-rs", "description": "Embed assets in your Rust binary.", "stars": "101"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 OctoberCMS", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Symfony", "entries": [{"name": "Vite Bundle", "url": "https://github.com/lhapaipai/vite-bundle", "description": "Integration for Symfony.", "stars": "271"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Shopify", "entries": [{"name": "vite-plugin-shopify", "url": "https://github.com/barrel/barrel-shopify/tree/main/packages/vite-plugin-shopify", "description": "Integration for Shopify themes.", "stars": "435"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 CodeIgniter", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 DDEV", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Node.js", "entries": [{"name": "vite-express", "url": "https://github.com/szymmis/vite-express", "description": "Integration for Express web apps.", "stars": "811"}, {"name": "vite-manifest-parser", "url": "https://github.com/sullay/vite-manifest-parser", "description": "Parses manifest.json to generate HTML script and link tags.", "stars": "17"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 ASP.NET Core", "entries": [{"name": "Vite.AspNetCore", "url": "https://github.com/Eptagone/Vite.AspNetCore", "description": "Integration with ASP.NET Core projects.", "stars": "360"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Drupal", "entries": [{"name": "Vite module", "url": "https://git.drupalcode.org/project/vite", "description": "Backend integration for Drupal."}, {"name": "vite-plugin-twig-drupal", "url": "https://github.com/larowlan/vite-plugin-twig-drupal", "description": "Support for Twig with includes/embeds and Drupal specific twig features.", "stars": "35"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 PHP", "entries": [{"name": "PHP-Vite", "url": "https://github.com/mindplay-dk/php-vite", "description": "Integration for PHP, Composer package, no framework dependencies.", "stars": "65"}, {"name": "PHP-Vite Starter Repo", "url": "https://github.com/nititech/php-vite-starter", "description": "Starter repository, with TypeScript/JavaScript, Tailwind CSS, SASS/SCSS, EJS, SVG and image support.", "stars": "51"}, {"name": "php-vitelinker", "url": "https://github.com/Osteoporosis/php-vitelinker", "description": "A CLI tool that generates includable PHP files after building bundles.", "stars": "2"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Vue CLI", "entries": [], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 React", "entries": [{"name": "Viject", "url": "https://github.com/bhbs/viject", "description": "One-shot migration tool from Create React App.", "stars": "270"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Open Source", "entries": [{"name": "VitePress", "url": "https://github.com/vuejs/vitepress", "description": "Static Site Generator powered by Vite and Vue.", "stars": "17k"}, {"name": "Slidev", "url": "https://github.com/slidevjs/slidev", "description": "Presentation Slides for Developers.", "stars": "44k"}, {"name": "Astro", "url": "https://github.com/withastro/astro", "description": "Modern Static Site Builder.", "stars": "57k"}, {"name": "Hathora", "url": "https://github.com/hathora/hathora", "description": "Multiplayer game framework.", "stars": "572"}, {"name": "Nhost", "url": "https://github.com/nhost/nhost", "description": "Open Source Firebase Alternative with GraphQL.", "stars": "9.1k"}, {"name": "Ladle", "url": "https://github.com/tajo/ladle", "description": "Tool for developing and testing component stories powered by Vite and React.", "stars": "2.9k"}, {"name": "IslandJS", "url": "https://github.com/sanyuan0704/island.js", "description": "Static site generator base on islands architecture.", "stars": "479"}, {"name": "Vituum", "url": "https://github.com/vituum/vituum", "description": "Wrapper around Vite with predefined config, integrations and template engines.", "stars": "352"}, {"name": "Compiiile", "url": "https://github.com/AlbanCrepel/compiiile", "description": "Preview or host folders containing Markdown files with full-text search and presentation slides.", "stars": "259"}, {"name": "Gracile", "url": "https://github.com/gracile-web/gracile", "description": "A meta-framework powered by Lit SSR.", "stars": "43"}, {"name": "@lazarv/react-server", "url": "https://github.com/lazarv/react-server", "description": "A React meta-framework.", "stars": "418"}, {"name": "WXT", "url": "https://github.com/wxt-dev/wxt", "description": "Framework for building web extensions, with the same DX as Nuxt.", "stars": "9.1k"}, {"name": "Revili", "url": "https://github.com/revilijs/revili", "description": "A command and GUI integration tool.", "stars": "9"}], "notes": [], "source": "Vite"}, {"name": "Vite \u2014 Apps/Websites", "entries": [{"name": "Ic\u00f4nes", "url": "https://github.com/antfu/icones", "description": "Icon explorer with instant search.", "stars": "7.2k"}, {"name": "Awesome CN Caf\u00e9", "url": "https://github.com/antfu/awesome-cn-cafe-web", "description": "Web application for Awesome CN Caf\u00e9.", "stars": "107"}, {"name": "Todo Example", "url": "https://github.com/beary/vite-example", "description": "Todo app with routing and state management.", "stars": "49"}, {"name": "aitrack.work", "url": "https://aitrack.work", "description": "A task-based time tracker for everyday use."}, {"name": "macOS in Svelte", "url": "https://github.com/PuruVJ/macos-web/", "description": "macOS Desktop experience for Web in Svelte.", "stars": "2.6k"}, {"name": "vue3-realworld-example-app", "url": "https://github.com/mutoe/vue3-realworld-example-app", "description": "Realworld app implementation using Vue 3 + TypeScript + Composition API.", "stars": "1.1k"}, {"name": "react-device-frameset", "url": "https://github.com/zheeeng/react-device-frameset", "description": "This is yet another device frameset component for React.", "stars": "104"}, {"name": "Preview.js", "url": "https://previewjs.com", "description": "An IDE extension to instantly preview React, Vue 2 and Vue 3 components."}, {"name": "pointer-lock-movement", "url": "https://github.com/zheeeng/pointer-lock-movement", "description": "A pointer lock movement manager for customizing your own creative UI.", "stars": "25"}, {"name": "vite-run", "url": "https://github.com/biggerstar/vite-run", "description": "Multiple configuration execution support for Vite, freely combining configurations like stacked blocks.", "stars": "68"}, {"name": "Dataviz Explorer", "url": "https://github.com/fehmisener/dataviz-explorer", "description": "A tool for large CSV, database, and real-time visualization with interactive plots using `Highcharts`, `Chart.js`, `React`, `JavaScript`, `Material UI` and `GitHub Actions with Coverage Report`.", "stars": "40"}], "notes": [], "source": "Vite"}, {"name": "Blazor", "entries": [{"name": "Introduction", "url": "#introduction", "description": ""}, {"name": "General", "url": "#general", "description": ""}, {"name": "Templates", "url": "#templates", "description": ""}, {"name": "Sample Projects", "url": "#sample-projects", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Libraries & Extensions", "url": "#libraries--extensions", "description": ""}, {"name": "Source generators", "url": "#source-generators", "description": ""}, {"name": "Real-World applications", "url": "#real-world-applications", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Podcasts", "url": "#podcasts", "description": ""}, {"name": "Presentations slides", "url": "#presentations-slides", "description": ""}, {"name": "Tooling", "url": "#tooling", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "E-Books", "url": "#e-books", "description": ""}, {"name": "Courses", "url": "#courses", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Other Languages", "url": "#other-languages", "description": ""}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 What is Blazor?", "entries": [], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Get started", "entries": [{"name": "ASP.NET Blog's archives", "url": "https://devblogs.microsoft.com/aspnet/category/blazor/", "description": "Archives of the ASP.NET blog about Blazor."}, {"name": "Blazor", "url": "https://dotnet.microsoft.com/apps/aspnet/web-apps/client", "description": "Official website of Blazor, from Microsoft."}, {"name": "Blazor courses on Microsoft Learn", "url": "https://docs.microsoft.com/learn/browse/?expanded=dotnet%2Cazure%2Csurface\\&products=dotnet%2Cwindows\\&roles=developer\\&terms=blazor", "description": "Blazor courses on Microsoft Learn."}, {"name": "Blazor-Dev gallery on .NET Foundation", "url": "https://dotnet.myget.org/gallery/blazor-dev", "description": "Daily builds of the 'dev' branch of Blazor."}, {"name": "Blazor Extensions", "url": "https://github.com/BlazorExtensions", "description": "Curated extensions for Microsoft ASP.Net Core Blazor."}, {"name": "Blazor University", "url": "http://blazor-university.com/", "description": "Unofficial documentation website."}, {"name": "Demo", "url": "https://blazor-demo.github.io/", "description": "Official basic demo website."}, {"name": "Documentation", "url": "https://docs.microsoft.com/aspnet/core/blazor", "description": "Official documentation, by Microsoft."}, {"name": "eShopOnBlazor", "url": "https://github.com/dotnet/eShop", "description": "  Migration of a traditional ASP.NET Web Forms app to Blazor, sample by Microsoft Architecture.", "stars": "8.6k"}, {"name": "FAQ", "url": "https://github.com/aspnet/Blazor/wiki/FAQ", "description": "FAQ.", "stars": "9.3k"}, {"name": "GitHub repository", "url": "https://github.com/dotnet/aspnetcore", "description": "  The official Blazor repository (which is the ASP.NET Core repository).", "stars": "37k"}, {"name": "Introduction to ASP.NET Core", "url": "https://docs.microsoft.com/aspnet/core/", "description": "Introduction to ASP.NET Core."}, {"name": "Blazor WebAssembly performance best practices", "url": "https://docs.microsoft.com/aspnet/core/blazor/webassembly-performance-best-practices", "description": "ASP.NET Core Blazor WebAssembly performance best practices, by Pranav Krishnamoorthy and Steve Sanderson."}, {"name": "themesof.net", "url": "https://themesof.net/", "description": ".NET 6 planning process."}, {"name": "BitPlatform Templates", "url": "https://github.com/bitfoundation/bitplatform", "description": "  - Solution templates using .Net MAUI and Blazor with out-of-the-box best practices enabling fast and high-quality cross-platform development for web, android, iOS, and Windows with native beautiful Blazor components. The projects created by these templates contain everything required for developing real-world applications, including (but not limited to) CI/CD pipelines, Infra as Code for Azure, localization, multi-mode development (Blazor Server/WASM/Hybrid), builtin bullet proof exception handling, etc. [Read more](https://bitplatform.dev/).", "stars": "1.2k"}, {"name": "Blazor Hero", "url": "https://github.com/blazorhero/CleanArchitecture", "description": "  - Clean Architecture Solution Template for Blazor WebAssembly built with MudBlazor Components. This project will make your Blazor Learning Process much easier than you anticipate. Blazor Hero is meant to be an Enterprise Level Boilerplate, which comes free of cost, completely open sourced. [Read the Quick Start Guide here](https://codewithmukesh.com/blog/blazor-hero-quick-start-guide/).", "stars": "3.6k"}, {"name": "Blazor BFF Azure AD", "url": "https://github.com/damienbod/Blazor.BFF.AzureAD.Template", "description": "  - This template can be used to create a Blazor WASM application hosted in an ASP.NET Core Web app using Azure AD and Microsoft.Identity.Web to authenticate using the BFF security architecture. (server authentication) This removes the tokens form the browser and uses cookies with each HTTP request, response. The template also adds the required security headers as best it can for a Blazor application. [Read the Quick Start Guide here (\u2b5087)](https://github.com/damienbod/Blazor.BFF.AzureAD.Template/blob/main/README-NUGET.md/).", "stars": "87"}, {"name": "Blazor BFF Azure B2C", "url": "https://github.com/damienbod/Blazor.BFF.AzureB2C.Template", "description": "  - This template can be used to create a Blazor WASM application hosted in an ASP.NET Core Web app using Azure B2C and Microsoft.Identity.Web to authenticate using the BFF security architecture. (server authentication) This removes the tokens form the browser and uses cookies with each HTTP request, response. The template also adds the required security headers as best it can for a Blazor application. [Read the Quick Start Guide here (\u2b5067)](https://github.com/damienbod/Blazor.BFF.AzureB2C.Template/blob/main/README-NUGET.md/).", "stars": "67"}, {"name": "Text Editor from scratch with Blazor and C#", "url": "https://www.youtube.com/playlist?list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1", "description": "Serie of videos on YouTube who explain how to build your own IDE from scratch with Blazor and .NET. [Starting point repo (\u2b501)](https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries)  . [Blazor Studio repo (\u2b501)](https://github.com/huntercfreeman/BlazorStudio)  ."}, {"name": "BlazorSwa Template", "url": "https://github.com/albx/BlazorSwa.Template", "description": "This is a simple template for the .NET CLI which allows to create a Blazor project ready to be deployed in an Azure Static Web Apps. It allows to create an Azure Function project as backend.", "stars": "4"}, {"name": "Clean Architecture with Blazor Server", "url": "https://github.com/neozhu/CleanArchitectureWithBlazorServer", "description": "", "stars": "1.1k"}, {"name": "CleanAspire", "url": "https://github.com/neozhu/cleanaspire", "description": "  - CleanAspire is a cloud-native template powered by Aspire for cloud environments with scalability and offline support. Using .NET 9 Minimal APIs and Blazor WebAssembly, it provides a lightweight, fast foundation for building Progressive Web Applications (PWA) optimized for the cloud.", "stars": "181"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 AI", "entries": [{"name": "Cledev.OpenAI", "url": "https://github.com/lucabriguglia/Cledev.OpenAI", "description": "  .NET 7 SDK for OpenAI with a Blazor Server playground.", "stars": "123"}, {"name": "ExplainFaceRecognition", "url": "https://github.com/georg-jung/explain-face-rec", "description": " Interactive Face Detection & Recognition tutorial with hands-on code samples. State-of-the-art local face AI showcase. Blazor Server & Hybrid.", "stars": "27"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Authentication", "entries": [{"name": "BlazorBoilerplate", "url": "https://github.com/enkodellc/blazorboilerplate", "description": "  Real World Admin Dashboard / Starter kit with IdentityServer4 Material Design. [Demo](https://blazorboilerplate.com).", "stars": "1.9k"}, {"name": "TheIdServer", "url": "https://github.com/Aguafrommars/TheIdServer", "description": "  OpenID/Connect server base on IdentityServer4.", "stars": "737"}, {"name": "BlazorWithIdentity", "url": "https://github.com/stavroskasidis/BlazorWithIdentity", "description": "  A sample project showcasing a Blazor app using EF Core with Identity authentication.", "stars": "470"}, {"name": "Blorc.OpenIdConnect", "url": "https://github.com/WildGums/Blorc.OpenIdConnect", "description": "  The right way to use OpenID Connect on Blazor.", "stars": "94"}, {"name": "BlazorWasmOidcKeycloak", "url": "https://github.com/wildermedeiros/BlazorAppWasmAuth", "description": " Blazor WebAssembly application using OpenID Connect (OIDC) authentication with Microsoft Identity and Keycloak.", "stars": "5"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 CMS", "entries": [{"name": "Blogifier", "url": "https://github.com/blogifierdotnet/Blogifier", "description": "   ASP.NET Core Blogging application with Blazor Admin Dashboard. [Demo](http://blogifier.net/blog).", "stars": "1.3k"}, {"name": "eShopOnBlazor", "url": "https://github.com/dotnet-architecture/eShopOnBlazor", "description": "  Migration of a traditional ASP.NET Web Forms app to Blazor.", "stars": "523"}, {"name": "FluentCMS", "url": "https://github.com/fluentcms/FluentCMS", "description": "  FluentCMS is open source AI Driven ASP.NET Core Blazor Content Management System (CMS) [FluentCMS](https://fluentcms.com/).", "stars": "495"}, {"name": "JHipster.NET", "url": "https://github.com/jhipster/jhipster-dotnetcore", "description": "", "stars": "319"}, {"name": "Oqtane", "url": "https://github.com/oqtane/oqtane.framework", "description": "  Oqtane is a CMS & Application Framework for Blazor & .NET MAUI [Oqtane](https://www.oqtane.org).", "stars": "2.1k"}, {"name": "RapidCMS", "url": "https://github.com/ThomasBleijendaal/RapidCMS", "description": "  A code-first, extensible Blazor app that generates a CMS for your own database.", "stars": "357"}, {"name": "ZauberCMS", "url": "https://github.com/YodasMyDad/ZauberCMS", "description": "  Fully featured, highly customisable and plugin based Blazor CMS, heavily inspired by Umbraco.", "stars": "90"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Games", "entries": [{"name": "Trains.NET", "url": "https://github.com/davidwengier/Trains.NET", "description": "  2D game built with .NET and C# on a [Twitch stream](https://www.twitch.tv/davidwengier). Trains is available to play online at [wengier.com/Trains.NET](https://wengier.com/Trains.NET).", "stars": "246"}, {"name": "AsteroidsWasm", "url": "https://github.com/aesalazar/AsteroidsWasm", "description": "  Collection of .NET 8 C# applications consuming a single .NET Standard project running in: Blazor Client (WebAssembly), Blazor Server, Electron (via Blazor Server), WPF, WinForms, MAUI, WinUI 3. [Demo](https://aesalazar.github.io/AsteroidsWasm/).", "stars": "157"}, {"name": "DiabloBlazor", "url": "https://github.com/n-stefan/diabloblazor", "description": "  Blazor port of DiabloWeb, making it a double WebAssembly app: a WebAssembly (C#) PWA hosting a WebAssembly (C++) game. [Demo](https://n-stefan.github.io/diabloblazor).", "stars": "106"}, {"name": "Board Games", "url": "https://github.com/alexyakunin/BoardGames", "description": "  [Fusion (\u2b501.9k)](https://github.com/servicetitan/Stl.Fusion) + Blazor sample and a fully functional web app allowing you to play real-time multiplayer board games. [Demo (\u2b5071)](https://github.com/alexyakunin/BoardGames).", "stars": "71"}, {"name": "Wolfenstein 3D ported to Blazor", "url": "https://github.com/JamesRandall/csharp-wolfenstein", "description": "  Wolfenstein 3D ported to modern C# and Blazor. [Article](https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_1/).", "stars": "76"}, {"name": "ZXSpectrum", "url": "https://github.com/EngstromJimmy/ZXSpectrum", "description": " ZX Spectrum emulator running on Blazor WebAssembly. [Demo](https://zxspectrum.azurewebsites.net/).", "stars": "99"}, {"name": "WordleBlazor", "url": "https://github.com/johnt84/WordleBlazorApp", "description": " Simple clone of popular Wordle game in Blazor. [Demo](https://wordleblazorapp.azurewebsites.net/).", "stars": "3"}, {"name": "Blazor Puzzle #3 - File not found", "url": "https://github.com/BlazorPuzzle/Puzzle-3", "description": "", "stars": "0"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Hybrid", "entries": [{"name": "Photino", "url": "https://github.com/tryphotino/photino.NET", "description": "  Build native, cross-platform desktop apps that are lighter than light. Photino is a lightweight open-source framework for building native, cross-platform desktop applications with Web UI technology.", "stars": "1.1k"}, {"name": "Blazor + Umbraco Heartcore", "url": "https://github.com/umbraco/Umbraco.Headless.Client.Net/tree/master/samples/Umbraco.Headless.Client.Samples.BlazorServer", "description": " Example of using [Umbraco Heartcore](https://umbraco.com/products/umbraco-heartcore/) with Blazor.", "stars": "13"}, {"name": "Blazor Wasm with ASP.NET Framework 4.x", "url": "https://github.com/elgransan/BlazorWasmWithNetFrameworkMVC", "description": "With some tweaks and limitations you can run Blazor Wasm on Net Framework 4.x or in another environment. [Explanation on Medium](https://medium.com/@santiagoc_33226/using-blazor-wasm-with-net-framework-mvc-or-another-old-external-site-7fc0884fcfca).", "stars": "4"}, {"name": "RemoteBlazorWebView", "url": "https://github.com/budcribar/RemoteBlazorWebView", "description": " RemoteBlazorWebView enables you to interact with the user interface of a program developed with either the BlazorWebView WPF control or WinForms control using a web browser.", "stars": "31"}, {"name": "BlazorInAngularDemo", "url": "https://github.com/Xenoage/BlazorInAngularDemo", "description": " Demonstrates how an existing Angular app can be migrated to Blazor gradually by integrating Blazor components, including calling Angular service methods. [Demo](https://xenoage.github.io/BlazorInAngularDemo/).", "stars": "32"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 IDE", "entries": [{"name": "Blazor Studio", "url": "https://github.com/huntercfreeman/BlazorStudio", "description": "  IDE for .NET solutions written using a Photino host, Blazor UI, and C#.", "stars": "1"}, {"name": "Picat Language IDE", "url": "https://github.com/andrzejolszak/picat-blazor-monaco-ide/", "description": " IDE for the [Picat logic programming language](http://picat-lang.org/) based on the Monaco Editor. [Demo](https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/).", "stars": "10"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 IoT", "entries": [{"name": "PresenceLight", "url": "https://github.com/isaacrlevin/PresenceLight", "description": "  PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb. Some statuses you can broadcast are: your availability in Microsoft Teams, your current Windows 10 theme, and a theme or color of your choosing. [Blog post](https://www.isaaclevin.com/post/presence-light). [Demo video](https://www.youtube.com/playlist?list=PL_IEvQa-oTVtB3fKUclJNNJ1r-Sxtjc-m).", "stars": "429"}, {"name": "Meadow Weather", "url": "https://github.com/bradwellsb/blazor-meadow-weather", "description": " In this sample, a Meadow microcontroller polls data from a LM35 temperature sensor. That data is sent via HTTP request to an API controller endpoint and stored in a database where it can be visualized in a chart using a Blazor web app.", "stars": "8"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Machine Learning", "entries": [{"name": "Scalable sentiment analysis", "url": "https://github.com/dotnet/machinelearning-samples/tree/master/samples/csharp/end-to-end-apps/ScalableSentimentAnalysisBlazorWebApp", "description": "  A sample ables to make sentiment analysis prediction/detection of what the user is writing in a very UI interactive app (Blazor based) in the client side and running an ML.NET model (Sentiment analysis based on binary-classification) in the server side.", "stars": "4.6k"}, {"name": "optimizer.ml", "url": "https://github.com/jameschch/LeanParameterOptimization", "description": "  A \"server-less\" general purpose optimization suite for algorithm parameters. Also provides offline optimization of [Quantconnect Lean (\u2b5012k)](https://github.com/QuantConnect/Lean) trading algorithms. [Demo (https://optimizer.ml)](https://optimizer.ml).", "stars": "57"}, {"name": "Baseball Machine Learning Workbench", "url": "https://github.com/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp", "description": "  A web application that showcases performing what-if analysis using in-memory Machine Learning models. [Live demo](https://baseballmlworkbench-v1.azurewebsites.net).", "stars": "54"}, {"name": "BlazorML5", "url": "https://github.com/sps014/BlazorML5", "description": " ML5 Machine Learning for Blazor with JSInterop mechanism.", "stars": "61"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Mobile", "entries": [{"name": "Mobile Blazor Bindings", "url": "https://aka.ms/mobileblazorbindings", "description": "Experimental Mobile Blazor Bindings - Build native mobile apps with Blazor."}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Rapid Development Framework", "entries": [{"name": "Oqtane", "url": "https://github.com/oqtane/oqtane.framework", "description": "  Oqtane is a CMS & Application Framework for Blazor & .NET MAUI [Oqtane](https://www.oqtane.org).", "stars": "2.1k"}, {"name": "WalkingTec.Mvvm (WTM)", "url": "https://github.com/dotnetcore/WTM", "description": "  A development framework based on .NET Core and EF. It supports Blazor, Vue, React and LayUI with one click code generation for CRUD, Import/Export, etc. [Website](https://wtmdoc.walkingtec.cn).", "stars": "4.3k"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 ToDos", "entries": [{"name": "TodoApi by David Fowler", "url": "https://github.com/davidfowl/TodoApi", "description": "  Todo application by David Fowler in .NET 7 that features an ASP.NET Core hosted Blazor WASM front end application and an ASP.NET Core REST API backend using minimal APIs.", "stars": "3k"}, {"name": "ididit!", "url": "https://github.com/Jinjinov/Ididit", "description": "  The procrastination friendly habit tracker. ake notes, manage tasks, track habits. [Demo](https://app.ididit.today/).", "stars": "232"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Others", "entries": [{"name": "CleanArchitecture", "url": "https://github.com/blazorhero/CleanArchitecture", "description": "  Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.", "stars": "3.6k"}, {"name": "BlazorSSR", "url": "https://github.com/danroth27/BlazorSSR", "description": "  Server-side rendering (SSR) with Blazor components, by Steve Sanderson.", "stars": "7"}, {"name": "Flight Finder", "url": "https://github.com/aspnet/samples/tree/master/samples/aspnetcore/blazor", "description": "  Flight Finder.", "stars": "1k"}, {"name": "LinqToTwitter Blazor sample", "url": "https://github.com/JoeMayo/LinqToTwitter/tree/main/Samples/LinqToTwitter5/net48/CSharp/AspNetSamples/BlazorDemo", "description": "  LINQ Provider for the Twitter API (Twitter Library).", "stars": "510"}, {"name": "BlazorFileReader", "url": "https://github.com/Tewr/BlazorFileReader", "description": "  Read-only File streams in Blazor. [Demo](https://tewr.github.io/BlazorFileReader/).", "stars": "423"}, {"name": "eShopOnBlazor", "url": "https://github.com/dotnet-architecture/eShopOnBlazor", "description": "  Migration of a traditional ASP.NET Web Forms app to Blazor.", "stars": "523"}, {"name": "BlazorChatSample", "url": "https://github.com/conficient/blazorchatsample", "description": "  Blazor chat demo using SignalR JS client with interop.", "stars": "247"}, {"name": "Blazor.SVGEditor", "url": "https://github.com/KristofferStrube/Blazor.SVGEditor", "description": "  A basic HTML SVG Editor written in Blazor WASM.", "stars": "330"}, {"name": "Netflix microfrontend like", "url": "https://github.com/piral-samples/netflix-demo", "description": "  A netflix-like portal application with pilets. This sample demonstrates the use of piral to build a dynamic app consisting of various micro frontends. [Demo](https://notflix-demo.samples.piral.cloud/browse).", "stars": "29"}, {"name": "Command and Control, by David Fowler", "url": "https://github.com/davidfowl/CommandAndControl", "description": "  This is a sample using Blazor server and SignalR to do command and control. Agents connect to the blazor server application which is hosting a SignalR Hub and we can issue various commands against the connected agents (this feature uses client results).", "stars": "160"}, {"name": "BlazorCRUD", "url": "https://github.com/thbst16/BlazorCrud", "description": "  Sample line of business application that illustrates key features of Blazor. [Demo](https://becksblazor.azurewebsites.net/).", "stars": "402"}, {"name": "Money", "url": "https://github.com/maraf/Money", "description": "  A money manager implemented using CQRS+ES. [Demo](https://app.money.neptuo.com/).", "stars": "208"}, {"name": "Blazor.SVGEditor", "url": "https://github.com/KristofferStrube/Blazor.SVGEditor", "description": "  A basic HTML SVG Editor written in Blazor WASM. [Demo](https://kristofferstrube.github.io/Blazor.SVGEditor/).", "stars": "330"}, {"name": "FFmpegBlazor", "url": "https://github.com/sps014/FFmpegBlazor", "description": "  FFmpegBlazor provides ability to utilize ffmpeg.wasm from Blazor Wasm C#. [ffmpeg.wasm (\u2b5016k)](https://github.com/ffmpegwasm/ffmpeg.wasm)   is a pure Webassembly / Javascript port of FFmpeg. It enables video & audio record, convert and stream right inside browsers.", "stars": "143"}, {"name": "Blazor Studio", "url": "https://github.com/huntercfreeman/BlazorStudio", "description": "  A free and open source IDE written using .NET - a Photino host, Blazor UI, and C#.", "stars": "1"}, {"name": "Blazor.MediaCaptureStreams", "url": "https://github.com/KristofferStrube/Blazor.MediaCaptureStreams", "description": "  A Blazor wrapper for the Media Capture and Streams browser API. The API standardizes ways to request access to local multimedia devices, such as microphones or video cameras. This also includes the MediaStream API, which provides the means to control where multimedia stream data is consumed, and provides some information and configuration options for the devices that produce the media. This project implements a wrapper around the API for Blazor so that we can easily and safely interact with the media streams of the browser. [Demo](https://kristofferstrube.github.io/Blazor.MediaCaptureStreams/).", "stars": "84"}, {"name": "Planning Poker", "url": "https://github.com/duracellko/planningpoker4azure", "description": " An app to play Planning Poker for distributed teams. The app is implemented using Blazor and shows how to switch between client-side and server-side mode with a configuration change. [Demo](http://planningpoker.duracellko.net).", "stars": "65"}, {"name": "C# Regex Tester online", "url": "https://github.com/lsvhome/regex-tester", "description": " Online tool for verify .Net regex syntax. ([Demo](https://lsvhome.github.io/regex-tester/)).", "stars": "10"}, {"name": "C# Regex Online tool", "url": "https://github.com/MichaelSL/blazor-wasm-test-012020", "description": " Online tool for verify .Net regex syntax, see splits list, table etc. ([Demo](https://dotnet-regex.com/)).", "stars": "4"}, {"name": "Blazor Tour of Heroes", "url": "https://github.com/georgemathieson/blazor-tour-of-heroes", "description": "Blazor Tour of Heroes, using"}, {"name": "Blazor.Text.Editor", "url": "https://github.com/huntercfreeman/Blazor.Text.Editor", "description": " Blazor.Text.Editor is a Text Editor component library using the Blazor UI Framework for .NET. [Demo](https://hunter-freeman-dev.azurewebsites.net/).", "stars": "1"}, {"name": "Blazor Wake-on-LAN", "url": "https://github.com/georg-jung/BlazorWoL", "description": " Wake-on-LAN app for local networks. Blazor Server + EF Core + DI + CI.", "stars": "33"}, {"name": "BlazingWaffles", "url": "https://github.com/gbiellem/BlazingWaffles", "description": " A Blazor app that wraps [Waffle Generator (\u2b50164)](https://github.com/SimonCropp/WaffleGenerator). The generator outputs readable gibberish that can be used in place of Lorum Ipsum. [Demo](http://wafflegen.azurewebsites.net/).", "stars": "5"}, {"name": "Unofficial eShopOnContainers", "url": "https://github.com/n-stefan/eshoponcontainers", "description": " Unofficial Blazor WebAssembly client for [eShopOnContainers (\u2b5024k)](https://github.com/dotnet-architecture/eShopOnContainers).", "stars": "4"}, {"name": "UpBlazor", "url": "https://github.com/Hona/UpBlazor", "description": " -  Blazor Server integrating with Up bank (an Australian digital bank), to assist users with budgeting and to gain powerful future insights. Uses Clean Architecture and [Marten DB](https://martendb.io/).", "stars": "67"}, {"name": "BlazorAndTailwind", "url": "https://github.com/tesar-tech/BlazorAndTailwind", "description": "  Sample project, guide and tips for setting up [TailwindCSS](https://tailwindcss.com/) in Blazor.", "stars": "120"}, {"name": "BlazorViz interop wrapper for Viz.js", "url": "https://github.com/mrzhdev/BlazorViz", "description": " A sample of generating Graphviz DOT language files and visualising tree data structures. [Demo](https://mrzhdev.github.io/BlazorViz/).", "stars": "6"}, {"name": "BlazorServerImageRecognitionApp", "url": "https://github.com/johnt84/BlazorServerImageRecognitionApp", "description": " Simple Blazor Server app which uses image recognition to identify and extract text printed in an image file uploaded by the user. [Demo](https://blazorimagerecognitionapp.azurewebsites.net/).", "stars": "11"}, {"name": "FootballBlazorApp", "url": "https://github.com/johnt84/FootballBlazorApp", "description": " Simple Football Blazor Server web app displaying fixtures & results, group standings, teams & players and has a player search. [Demo](https://premierleagueblazorapp.azurewebsites.net/).", "stars": "8"}, {"name": "ComponentBuilder", "url": "https://github.com/AchievedOwner/ComponentBuilder", "description": " -  An automation framework to create Blazor component by `RenderTreeBuilder`.", "stars": "48"}, {"name": "Pointing Party", "url": "https://github.com/martijn/PointingParty", "description": " A tool for distributed agile story point estimation ceremonies, using Blazor WebAssembly and SignalR. [Demo](https://pointingparty.com).", "stars": "4"}, {"name": "SaveHere", "url": "https://github.com/gudarzi/savehere", "description": "  Cloud Download Manager for direct links and media files from Youtube/Spotify/etc with media converter and builtin proxy to bypass restrictions.", "stars": "109"}, {"name": "Blazor workshop", "url": "https://github.com/dotnet-presentations/blazor-workshop/", "description": " Blazor app building workshop by [.NET Foundation](https://www.dotnetfoundation.org/), Blazzing Pizza.", "stars": "3.6k"}, {"name": "Blazor Meadow Web API Weather Chart.js", "url": "https://wellsb.com/csharp/iot/blazor-meadow-web-api-weather-charts/", "description": "June 2021 - Display sensor data using Chart.js in a Blazor application. [Source code (\u2b508)](https://github.com/bradwellsb/blazor-meadow-weather)  ."}, {"name": "NextTechEvent by Coding After Work", "url": "https://www.youtube.com/watch?v=Z2EZXY6G5ZU", "description": "Build \"NextTechEvent\", a site that will help speakers, organizers, and attendees find their next tech event. [Source code (\u2b505)](https://github.com/CodingAfterWork/NextTechEvent)  ."}, {"name": "Archives", "url": "https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives", "description": "[2021 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#tutorials), [2020 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#tutorials), [2019 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#tutorials), [2018 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#tutorials).", "stars": "9.1k"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Component bundles", "entries": [{"name": "FAST", "url": "https://github.com/microsoft/fast", "description": "   FAST is a collection of technologies built on Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development. [FAST & Blazor documentation](https://www.fast.design/docs/integrations/blazor/).", "stars": "9.5k"}, {"name": "BootstrapBlazor", "url": "https://github.com/dotnetcore/BootstrapBlazor", "description": "  A set of enterprise-class UI components based on Bootstrap and Blazor ([Docs as Demo](https://www.blazor.zone/)).", "stars": "3.8k"}, {"name": "Ant Design Blazor", "url": "https://github.com/ant-design-blazor/ant-design-blazor", "description": "  A set of enterprise-class UI components based on Ant Design and Blazor. ([Docs as Demo](https://ant-design-blazor.github.io/)).", "stars": "6.1k"}, {"name": "MudBlazor", "url": "https://github.com/MudBlazor/MudBlazor", "description": "  MudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers them to adapt, fix or extend the framework and the multitude of examples in the documentation makes learning MudBlazor very easy. [Documentation](https://mudblazor.com/). [Demo](https://try.mudblazor.com/).", "stars": "9.4k"}, {"name": "MatBlazor", "url": "https://github.com/SamProf/MatBlazor", "description": "  MatBlazor comprises a range of components which implement common interaction patterns according to the Material Design specification. [Documents and Demo](https://www.matblazor.com/) , [BoilerPlates with MatBlazor (\u2b501.9k)](https://github.com/enkodellc/blazorboilerplate)", "stars": "2.9k"}, {"name": "Blazorise", "url": "https://github.com/Megabit/Blazorise", "description": "  Components for Blazor with support for Bootstrap, Bulma, AntDesign and Material CSS. ([Bootstrap Demo](https://bootstrapdemo.blazorise.com/)), ([Bulma Demo](https://bulmademo.blazorise.com/)), ([AntDesign Demo](https://antdesigndemo.blazorise.com/)), ([Material Demo](https://materialdemo.blazorise.com/)).", "stars": "3.5k"}, {"name": "MASA Blazor", "url": "https://github.com/BlazorComponent/MASA.Blazor", "description": "  A set of enterprise-class UI components based on Material Design and Blazor. It's an almost perfect copy of Vuetify, and Long-term roadmaps have been mapped out. It is powered by the MASA team and remains free and open source. [Documentation](http://blazor.masastack.com/). [Pro Demo](https://blazor-pro.masastack.com/).", "stars": "1.3k"}, {"name": "Radzen.Blazor", "url": "https://github.com/akorchev/razor.radzen.com", "description": "  Native UI components for Blazor. DataGrid, DataList, Tabs, Dialog and more. ([Demo](https://razor.radzen.com/)).", "stars": "4k"}, {"name": "BlazorStrap", "url": "https://github.com/chanan/BlazorStrap", "description": "  Material Design components for Blazor. Bootstrap 4 components for Blazor ([Demo](https://chanan.github.io/BlazorStrap/)).", "stars": "928"}, {"name": "BlazorBootstrap", "url": "https://github.com/vikramlearning/blazorbootstrap", "description": "  High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers. ([Docs as Demo](https://demos.blazorbootstrap.com/)).", "stars": "1.1k"}, {"name": "FAST Blazor", "url": "https://github.com/microsoft/fast-blazor", "description": "  A lightweight wrapper around Microsoft's official FluentUI Web Components for use with .NET 6.0 Razor views & Blazor. ([Samples & demo](https://www.fast.design/)).", "stars": "4.5k"}, {"name": "Element-Blazor", "url": "https://github.com/Element-Blazor/Element-Blazor/blob/master/README.en.md", "description": "  A blazor component library using Element UI. API imitates Element, CSS directly uses Element's style, HTML structure directly uses Element's HTML structure. [Blazor WebAssembly Version demo](https://blazorwasm.github.io). [Blazor WebAssembly Version PWA Mode demo](https://pwawasm.github.io).", "stars": "691"}, {"name": "BlazorFluentUI", "url": "https://github.com/BlazorFluentUI/BlazorFluentUI", "description": "  Simple port of FluenUI/Office Fabric React components and style to Blazor. [Client-side demo (WebAssembly)](https://www.blazorfluentui.net/). [Server-side demo (SignalR)](https://blazorfluentui.azurewebsites.net/).", "stars": "819"}, {"name": "ComponentOne Blazor UI Components", "url": "https://www.grapecity.com/componentone/blazor-ui-controls", "description": "External link. A fast datagrid, listview, input and other native Blazor components for server and client-side apps."}, {"name": "DevExpress Blazor UI Components", "url": "https://github.com/DevExpress/RazorComponents", "description": "  A set of native UI Blazor components (including a Data Grid, Pivot Grid, Scheduler, and Charts) for both Blazor server-side and Blazor client-side platforms.", "stars": "414"}, {"name": "Syncfusion Blazor UI Components", "url": "https://www.syncfusion.com/blazor-components", "description": "  The most comprehensive native Blazor component library including [Data Grid](https://www.syncfusion.com/blazor-components/blazor-datagrid), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram) and [Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) components. ([Demo](https://blazor.syncfusion.com/demos/))."}, {"name": "ADMINLTE", "url": "https://github.com/sjefvanleeuwen/blazor-adminlte", "description": "  ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.", "stars": "292"}, {"name": "Blazority", "url": "https://github.com/blazority/support", "description": "  Blazor component library based on the Clarity UI design. 30+ components including Datagrid and Tree-view ([Docs & Demos](https://blazority.com)).", "stars": "110"}, {"name": "Makani", "url": "https://github.com/getspacetime/makani", "description": "  Lightweight, customizable, and performance oriented component library for Blazor and .NET MAUI Hybrid. Built with TailwindCSS. [Demo](https://getspacetime.github.io/makani/).", "stars": "60"}, {"name": "Material.Blazor", "url": "https://github.com/Material-Blazor/Material.Blazor", "description": "  An alternative Material Theme Razor Component Library. Material.Blazor focuses sharply on giving you pure markup from [Google's material-components-web (\u2b5017k)](https://github.com/material-components/material-components-web/tree/master/packages) - we don't try to sit between you and your use of Google's CSS and SASS because they do it better than we ever could. We also have some cool \"plus\" components. [See our demo and comprehensive documentation](https://material-blazor.com).", "stars": "257"}, {"name": "Majorsoft Blazor Components", "url": "https://github.com/majorimi/blazor-components", "description": "  Majorsoft Majorsoft Blazor Components is a set of UI Components and other useful Extensions for Blazor applications. All components are free and available on NuGet. The main goal of this project is to provide an easy to use, feature reach set of customizable components with other useful extensions. [NuGet](https://www.nuget.org/profiles/Blazor.Components) [Demo app](https://blazorextensions.z6.web.core.windows.net/) [Docs (\u2b50346)](https://github.com/majorimi/blazor-components/tree/master/.github/docs).", "stars": "346"}, {"name": "MComponents", "url": "https://github.com/manureini/MComponents", "description": "  Open Source MIT Blazor Components: Grid, Select, Wizard etc.", "stars": "67"}, {"name": "PanoramicData Blazor UI Components", "url": "https://github.com/panoramicdata/PanoramicData.Blazor", "description": "  An open source library of Blazor components including Table, Tree, ToolBar and FileExplorer. [Demo](https://panoramicdata.github.io/PanoramicData.Blazor).", "stars": "57"}, {"name": "HAVIT Blazor", "url": "https://github.com/havit/Havit.Blazor", "description": "  Bootstrap 5 components + additional components built on top of Bootstrap 5 (grid, autosuggest, message-boxes, atc.). Enterprise project template with gRPC code-first client/server communication, localization and more. [Interactive documentation & Demos](https://havit.blazor.eu).", "stars": "566"}, {"name": "Telerik UI for Blazor", "url": "https://www.telerik.com/blazor-ui", "description": "External link (telerik.com). A native set of UI components for Blazor, including grid, charting, and calendar components."}, {"name": "Start Blazoring", "url": "https://startblazoring.com", "description": "A Blazor starter template built using your choice of [Blazorise](https://blazorise.com/) or [MudBlazor](https://mudblazor.com), with more UI library integration coming. It offers a myriad of features such as user registration, login, password reset, two factor; user management, roles, permissioning; background workers, logging, caching, email templates, localization and many more."}, {"name": "Smart UI for Blazor", "url": "https://github.com/htmlelements/smart-blazor", "description": " Component library for Blazor including Grid, Kanban, Gantt, Chart, Docking, Pivot and more. [Website](https://www.htmlelements.com/blazor/).", "stars": "67"}, {"name": "TabBlazor", "url": "https://github.com/joadan/TabBlazor", "description": "  Blazor Admin theme built on top of [Tabler UI (\u2b5040k)](https://github.com/tabler/tabler). Minimal javascript. [Demo](https://joadan.github.io/TabBlazor/).", "stars": "520"}, {"name": "Blazor.Ionic", "url": "https://github.com/kukks/Blazor.Ionic", "description": "  Ionic framework integration for Blazor.", "stars": "39"}, {"name": "Blazor Controls Toolkit", "url": "https://blazorct.azurewebsites.net/", "description": "Complete toolset for implementing commercial business applications. It includes the equivalent of all Bootstrap JavaScript components, all html5 input types with widgets fallbacks, advanced editable components like DataGrid, TreeView, DetailView, ModalDetail, DetailList. All components have default customizable templates, and support virtualizazion and Drag & Drop. Component rendering is meta-data driven, so component configuration is in part automatic, and in part can be driven with data annotations. The toolset includes also query tools, to issue complex local or remote queries, changes-tracking tools to send only the changed records to the server, advanced validation attributes, globalization tools, \"Behaviors\" that modify existing components, state management and save, and more."}, {"name": "Blazor.WebForm.Components", "url": "https://github.com/Jurioli/Blazor.WebForm.Components", "description": "  ASP.NET Web Forms System.Web.UI.WebControls Razor Components For Blazor WebAssembly. [Demo](https://blazorwebformdemo.github.io/).", "stars": "53"}, {"name": "BlazorOcticons", "url": "https://github.com/BlazorOcticons/BlazorOcticons", "description": " Github [Octicons](https://primer.style/octicons/) created as a `.razor` components and available via the NuGet package. The project [website](https://blazorocticons.net/) is an example using the generated components.", "stars": "31"}, {"name": "ABP Framework", "url": "https://github.com/abpframework/abp", "description": "  ABP Framework is a complete infrastructure to create modern web applications by following the best practices and conventions of software development.", "stars": "14k"}, {"name": "Nevron Open Vision Components for Blazor", "url": "https://www.nevron.com/products-open-vision", "description": "  Diagram, Chart, Text Editor, Gauge, Barcode, and User Interface components for Blazor. [Demo](https://blazorexamples.nevron.com/)."}, {"name": "CodeBeam.MudExtensions", "url": "https://github.com/CodeBeamOrg/CodeBeam.MudExtensions", "description": "  Useful third party extension components for MudBlazor, from the contributors. +20 components includes Stepper, SpeedDial, Wheel, Splitter, Animate, Popup, Material 3 Switch, Gallery, CodeInput and more. [Documentation](https://codebeam-mudextensions.pages.dev/).", "stars": "534"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Individual components", "entries": [], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 2D/3D Rendering engines", "entries": [{"name": "BabylonBlazor", "url": "https://github.com/AlexNek/BabylonBlazor", "description": "  This library packages the well-known 3D library [Babylon.js](https://www.babylonjs.com/) into a Razor component that can be used in a C# Blazor project. The library is intended to use for creation of molecules visualization and used limited API of Babylon library. [Demo application](https://babylonblazorapp202208.azurewebsites.net/) which is showing different parts of library [Pubchem Viewer](https://pubchemviewer.azurewebsites.net/). Show chemical information from pubchem.ncbi.nlm.nih.gov.", "stars": "79"}, {"name": "Head Element Helper", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.HeadElement", "description": "  `<Title>` and `<Meta>` components for changing the document titile and meta elements, with server-side prerendering support for SEO/OGP. ([Demo](https://demo-blazor-headelement.azurewebsites.net/)).", "stars": "159"}, {"name": "Blazor.Canvas", "url": "https://github.com/excubo-ag/Blazor.Canvas", "description": "  Wrapper library around the HTML canvas API written in C# (no JS dependency) ([Demo](https://excubo-ag.github.io/Blazor.Canvas/)).", "stars": "261"}, {"name": "BlazorIntersectionObserver", "url": "https://github.com/ljbc1994/BlazorIntersectionObserver", "description": " This is a wrapper around the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).", "stars": "64"}, {"name": "ChartJs.Blazor", "url": "https://github.com/mariusmuntean/ChartJs.Blazor", "description": "  Brings [ChartJs (\u2b5066k)](https://github.com/chartjs/Chart.js) charts to Blazor.", "stars": "711"}, {"name": "Blazor-Charts", "url": "https://github.com/Misfits-Rebels-Outcasts/Blazor-Charts", "description": "  SVG charts for Blazor.", "stars": "82"}, {"name": "GG.Net Data Visualization", "url": "https://github.com/pablofrommars/GGNet", "description": " Interactive and flexible charts for Blazor Web Apps. Taking its inspiration from the highly popular ggpplot2 R package, GG.Net provides natively rich features for your Data Analysis Workflow. Build publication quality charts with just a few lines of code. [Website](https://pablofrommars.github.io/).", "stars": "86"}, {"name": "Blazor-Sparkline", "url": "https://github.com/Misfits-Rebels-Outcasts/Blazor-Sparkline", "description": " Sparkline Charts for Blazor using Fonts.", "stars": "28"}, {"name": "Blazor-ApexCharts", "url": "https://github.com/apexcharts/Blazor-ApexCharts", "description": "  Blazor wrapper for ApexCharts. [Demo](https://joadan.github.io/Blazor-ApexCharts/basic-charts).", "stars": "957"}, {"name": "Plotly.Blazor", "url": "https://github.com/LayTec-AG/Plotly.Blazor", "description": "  Brings the charting library [plotly.js (\u2b5018k)](https://github.com/plotly/plotly.js) with over 40 chart types to Blazor ([Demo](https://laytec-ag.github.io/Plotly.Blazor/)).", "stars": "400"}, {"name": "GG.Net Data Visualization", "url": "https://github.com/pablofrommars/GGNet", "description": "  Interactive and flexible charts for Blazor Web Apps. Taking its inspiration from the highly popular ggpplot2 R package, GG.Net provides natively rich features for your Data Analysis Workflow. Build publication quality charts with just a few lines of code. [Website](https://pablofrommars.github.io/).", "stars": "86"}, {"name": "ChartJs for Blazor", "url": "https://github.com/erossini/BlazorChartjs", "description": "  This is a NuGet package for Blazor to use ChartJs, constantly updated with new features.", "stars": "141"}, {"name": "UnlockedData.Chartist.Blazor", "url": "https://github.com/UnlockedData/UnlockedData.Chartist.Blazor", "description": " Blazor wrapper for [Chartist.js](http://gionkunz.github.io/chartist-js/) bundled with [Chartist.js plugins](http://gionkunz.github.io/chartist-js/plugins.html).", "stars": "7"}, {"name": "BlazorSize", "url": "https://github.com/EdCharbeneau/BlazorSize", "description": "  BlazorSize is a JavaScript interop library for Blazor that is used to detect the Browser's current size, change in size, and test media queries.", "stars": "355"}, {"name": "BlazorAnimation", "url": "https://github.com/aboudoux/BlazorAnimation", "description": "  A Blazor component based on animate.css to easly animate your content. [Demo](http://blazoranimation.boudoux.fr/).", "stars": "137"}, {"name": "RazorStyle", "url": "https://github.com/wihrl/RazorStyle", "description": "A small utility library to allow in-component styling without duplicate `<style>` tags. Also supports programmatically triggered animations.", "stars": "7"}, {"name": "DexieNET", "url": "https://github.com/b-straub/DexieNET", "description": "  DexieNET aims to be a feature complete .NET wrapper for Dexie.js the famous Javascript IndexedDB wrapper from David Fahlander. It's designed for Blazor and includes an easy to use Razor component. Now with support for DexieCloud in preview.", "stars": "48"}, {"name": "EfCoreNexus", "url": "https://github.com/thliborius/EfCoreNexus", "description": "  EfCoreNexus helps integrating the entity framework core into your blazor app. Via reflection it adds your entitiy classes automatically and provides you with basic crud functionality.", "stars": "3"}, {"name": "BlazorDatasheet", "url": "https://github.com/anmcgrath/BlazorDatasheet", "description": "  Excel-like datasheet component with keyboard navigation, formula, filtering, sorting and more.", "stars": "327"}, {"name": "Grid.Blazor", "url": "https://github.com/gustavnavar/Grid.Blazor", "description": "  Grid component with CRUD forms for Blazor and ASP.NET MVC, supporting filtering, sorting, searching, paging, subgrids and others ([Demo](http://gridblazor.azurewebsites.net)).", "stars": "728"}, {"name": "BlazorGrid", "url": "https://github.com/Akinzekeel/BlazorGrid", "description": "  Virtualized data grid component with lean markup, focused on displaying remote data. ([Demo & documentation](https://blazorgrid.z6.web.core.windows.net/)).", "stars": "77"}, {"name": "BlazorDateRangePicker", "url": "https://github.com/jdtcn/BlazorDateRangePicker", "description": "  A date range picker component library for Blazor. [Demo](https://BlazorDateRangePicker.azurewebsites.net/).", "stars": "207"}, {"name": "Toast\\_UI.Blazor\\_Calendar", "url": "https://github.com/gismofx/toast_ui.blazor_calendar", "description": " A fully featured calendar UI component for viewing and creating events, tasks, and milestones. Month, week, and daily views. Blazor Calendar wraps the fully featured Toast UI Calendar JS library. MIT License. [Sample project (\u2b5056)](https://github.com/gismofx/toast_ui.blazor_calendar/tree/main/toast_ui.blazor_calendar.TestProject/toast_ui.blazor_calendar.TestProject).", "stars": "56"}, {"name": "Blazor.Diagrams", "url": "https://github.com/Blazor-Diagrams", "description": "  Z.Blazor.Diagrams is a fully customizable and extensible all-purpose diagrams library for Blazor (both Server Side and WASM). It was first inspired by the popular React library react-diagrams, but then evolved into something much bigger. ZBD can be used to make advanced diagrams with a custom design. Even the behavior of the library is \"hackable\" and can be changed to suit your needs."}, {"name": "Excubo.Blazor.Diagrams", "url": "https://github.com/excubo-ag/Blazor.Diagrams", "description": "  Interactive diagram component (flowcharts, UML, BPMN, ...), customizable and extensible according to user needs (node types, styles). [Demo](https://excubo-ag.github.io/Blazor.Diagrams/).", "stars": "149"}, {"name": "BlazorScriptReload", "url": "https://github.com/devessenceinc/BlazorScriptReload", "description": "  A component which provides support for using JavaScript in Blazor Web Applications", "stars": "22"}, {"name": "BlazorGoogleMaps", "url": "https://github.com/rungwiroon/BlazorGoogleMaps", "description": "  Blazor interop for GoogleMap library.", "stars": "375"}, {"name": "UnlockedData.Mapael", "url": "https://github.com/UnlockedData/UnlockedData.Mapael", "description": " Blazor wrapper over vector drawing/mapping library. [Jquery Mapael](https://www.vincentbroute.fr/mapael/).", "stars": "5"}, {"name": "Blazored.Modal", "url": "https://github.com/Blazored/Modal", "description": "  A JavaScript free modal library for Blazor and Razor Components applications.", "stars": "811"}, {"name": "Blazored.Toast", "url": "https://github.com/Blazored/Toast", "description": "  A JavaScript free toast library for Blazor and Razor Component applications.", "stars": "693"}, {"name": "Blazor.Sidepanel", "url": "https://github.com/Append-IT/Blazor.Sidepanel", "description": "  A powerful and customizable Sidepanel implementation for Blazor applications.", "stars": "46"}, {"name": "BlazorXTabs", "url": "https://github.com/David-Moreira/BlazorXTabs", "description": " An extended tabs component library providing various tab features for Blazor.", "stars": "38"}, {"name": "bUnit - a testing library for Blazor components", "url": "https://github.com/egil/bunit", "description": "  A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.", "stars": "1.2k"}, {"name": "Verify.Blazor - a snapshot testing library for Blazor components", "url": "https://github.com/VerifyTests/Verify.Blazor", "description": "  A snapshot testing library for Blazor Components. Supports rendering Blazor Components to a snapshot file via bunit or via raw Blazor rendering.", "stars": "34"}, {"name": "Stl.Fusion", "url": "https://github.com/servicetitan/Stl.Fusion", "description": "  .NET Core and Blazor library that attempts to dramatically improve the way we implement real-time and high-load services by introducing a novel kind of \"computed observables\" - immutable, thread-safe, and most importantly, almost invisible for developers. [Samples (\u2b50164)](https://github.com/servicetitan/Stl.Fusion.Samples). [Overview (\u2b501.9k)](https://github.com/servicetitan/Stl.Fusion/blob/master/docs/Overview.md).", "stars": "1.9k"}, {"name": "BlazorContextMenu", "url": "https://github.com/stavroskasidis/BlazorContextMenu", "description": "  A context menu component for Blazor ([Demo](https://blazor-context-menu-demo.azurewebsites.net/)).", "stars": "550"}, {"name": "Blazored.Typeahead", "url": "https://github.com/Blazored/Typeahead", "description": "  Auto-complete textbox with local and remote data source, for both Client-side and Server-Side Blazor.", "stars": "448"}, {"name": "Blazor-DragDrop", "url": "https://github.com/Postlagerkarte/blazor-dragdrop", "description": "  Easy-to-use Drag and Drop library for Blazor.", "stars": "419"}, {"name": "BlazorDownloadFile", "url": "https://github.com/arivera12/BlazorDownloadFile", "description": "  Blazor download files to the browser from c# without any JavaScript library or dependency. BlazorDownloadFile is the solution to saving files on the client-side, and is perfect for web apps that generates files on the client. However if the file is coming from the server we recommend you to first try to use Content-Disposition attachment response header as it has more cross-browser compatibility.", "stars": "190"}, {"name": "Blazor.FileSystemAccess", "url": "https://github.com/KristofferStrube/Blazor.FileSystemAccess", "description": "  A Blazor wrapper for the browser API File System Access. The API makes it possible to read and write to your local file system from the browser both files and directories. \\[Demo]\\(The API makes it possible to read and write to your local file system from the browser both files and directories.).", "stars": "356"}, {"name": "Blorc.PatternFly", "url": "https://github.com/WildGums/Blorc.PatternFly", "description": "  Blazor wrappers for [PatternFly](https://www.patternfly.org). To view the latest develop branch in action, visit the [demo](http://blorc-patternfly.wildgums.com/) app.", "stars": "29"}, {"name": "Blazor PWA Updater", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.PWA.Updater", "description": "  Provide \"Update Now\" UI and feature to your Blazor PWA that appears when the next version of one is available.", "stars": "158"}, {"name": "BlazorTransitionableRoute", "url": "https://github.com/JByfordRew/BlazorTransitionableRoute", "description": "  Allows current and previous route to exist enabling transition animations of UI/UX design systems.", "stars": "178"}, {"name": "Razor.SweetAlert2", "url": "https://github.com/Basaingeal/Razor.SweetAlert2", "description": " Blazor component implementing the popular SweetAlert2 JavaScript Library.", "stars": "214"}, {"name": "BlazorMonaco", "url": "https://github.com/serdarciplak/BlazorMonaco", "description": " Blazor component for Microsoft's [Monaco Editor (\u2b5044k)](https://github.com/Microsoft/monaco-editor) which powers Visual Studio Code. ([Demo](https://serdarciplak.github.io/BlazorMonaco/)).", "stars": "524"}, {"name": "Blazor.Grids", "url": "https://github.com/excubo-ag/Blazor.Grids", "description": " Component library for CSS grids with extra features, such as moving and resizing interactively. Create your own dashboard with ease. ([Demo](https://excubo-ag.github.io/Blazor.Grids/)).", "stars": "47"}, {"name": "Blazor.TreeViews", "url": "https://github.com/excubo-ag/Blazor.TreeViews", "description": " Component library for tree views. ([Demo](https://excubo-ag.github.io/Blazor.TreeViews/)).", "stars": "74"}, {"name": "GEmojiSharp.Blazor", "url": "https://github.com/hlaueriksson/GEmojiSharp", "description": " GitHub Emoji for Blazor ([Demo](https://hlaueriksson.github.io/GEmojiSharp/)).", "stars": "145"}, {"name": "Texnomic.Blazor.hCaptcha", "url": "https://github.com/Texnomic/hCaptcha", "description": " hCaptcha Component for Server-Side Blazor.", "stars": "7"}, {"name": "BlazorLocalizationSample", "url": "https://github.com/LazZiya/XLocalizer.Samples/tree/master/BlazorLocalizationSample", "description": "", "stars": "14"}, {"name": "TimeCalc", "url": "https://github.com/michaelrp/TimeCalc", "description": " An app to help keep track of speed cubing averages on the fly using Blazor WebAssembly. [Demo](https://www.timecalc.app/).", "stars": "1"}, {"name": "BlazorSliders", "url": "https://github.com/carlfranklin/BlazorSliders", "description": " Create multiple panels separated by sliding splitters.", "stars": "37"}, {"name": "Blazor SplitContainer", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.SplitContainer", "description": " A Blazor component to create panes separated by a slidable splitter bar.", "stars": "69"}, {"name": "BlazorTimeline", "url": "https://github.com/Morasiu/BlazorTimeline", "description": "  Responsive, vertical timeline component.", "stars": "70"}, {"name": "BlazorTypewriter", "url": "https://github.com/ormesam/blazor-typewriter", "description": " A typewriter effect for Blazor.", "stars": "21"}, {"name": "BlazorMergely", "url": "https://github.com/akovac35/BlazorMergely", "description": " An implementation of Blazor diff and merge component based on Mergely with server side support.", "stars": "10"}, {"name": "MetaMask.Blazor", "url": "https://github.com/michielpost/MetaMask.Blazor", "description": " A library that provides an easy helper to use [MetaMask](https://metamask.io/) with Blazor WebAssembly.", "stars": "45"}, {"name": "Blazor File Drop Zone", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.FileDropZone/", "description": " Surround an \"input type=file\" element by this Blazor component to making a zone that accepts drag and drops files ([Demo](https://jsakamoto.github.io/Toolbelt.Blazor.FileDropZone/)).", "stars": "29"}, {"name": "Knob", "url": "https://github.com/MelihAltintas/Blazor-Knob/", "description": " Knob Control for Blazor.", "stars": "2"}, {"name": "BlazorCurrentDevice", "url": "https://github.com/arivera12/BlazorCurrentDevice", "description": " Device detection for blazor using current-device.js.", "stars": "28"}, {"name": "BlazorStyledTextArea", "url": "https://github.com/JByfordRew/BlazorStyledTextArea", "description": " A textarea with style. This component essentially remains and works as a textarea but can have any of the text styled based on your application needs. Its simplicity is purposefully designed to avoid the complexities and issues that come with rich text editors.", "stars": "18"}, {"name": "SignaturePad", "url": "https://github.com/MarvinKlein1508/SignaturePad", "description": " A simple to use blazor component to draw custom signatures. [Demo](https://marvinklein1508.github.io/SignaturePad).", "stars": "100"}, {"name": "BlazorInputTags", "url": "https://github.com/MarvinKlein1508/BlazorInputTags", "description": " A simple to use blazor component for both Blazor Server and WebAssembly which adds a basic tag editor to your app. [Demo](https://marvinklein1508.github.io/BlazorInputTags).", "stars": "14"}, {"name": "BlazorTooltips", "url": "https://github.com/MarvinKlein1508/BlazorTooltips", "description": " An implementation of Bootstrap tooltips for both Blazor Server and WebAssembly. [Demo](https://marvinklein1508.github.io/BlazorTooltips).", "stars": "4"}, {"name": "BlazorBarcodeScanner", "url": "https://github.com/sabitertan/BlazorBarcodeScanner", "description": "  Barcode Scanner component for Blazor using zxing-js Interop. [Demo](https://sabitertan.github.io/BlazorBarcodeScanner/).", "stars": "107"}, {"name": "Blazor Transition Group", "url": "https://github.com/le-nn/blazor-transition-group", "description": "  A library performing animations when a Blazor component enters or leaves the DOM inspired by [react-transition-group (\u2b5010k)](https://github.com/reactjs/react-transition-group).", "stars": "26"}, {"name": "BlazorGravatar", "url": "https://github.com/PSCourtney/BlazorGravatar", "description": "  A Blazor component for integrating Gravatar, Blazor WASM, Server and SSR.", "stars": "0"}, {"name": "BlazorDragDrop", "url": "https://github.com/Postlagerkarte/Blazor-DragDrop", "description": "  A simple drag-and-drop library for Blazor components.", "stars": "419"}, {"name": "BlazorTreeViews", "url": "https://github.com/excubo-ag/Blazor.TreeViews", "description": "  A customizable tree view component for Blazor applications.", "stars": "74"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Tools & Utilities", "entries": [{"name": "Fluxor", "url": "https://github.com/mrpmorris/fluxor", "description": "  Zero boilerplate Flux/Redux library for DotNet.", "stars": "1.4k"}, {"name": "Blazored.LocalStorage", "url": "https://github.com/Blazored/LocalStorage", "description": "  A library to provide access to local storage in Blazor applications.", "stars": "1.3k"}, {"name": "Blazor-State", "url": "https://github.com/TimeWarpEngineering/blazor-state", "description": "  Manage client side state in Blazor using MediatR pipeline.", "stars": "600"}, {"name": "bUnit - a testing library for Blazor components", "url": "https://github.com/egil/bunit", "description": "  A testing library for Blazor Components. You can easily define components under test in C# or Razor syntax and verify outcome using semantic HTML diffing/comparison logic. You can easily interact with and inspect components, trigger event handlers, provide cascading values, inject services, mock IJsRuntime, and perform snapshot testing.", "stars": "1.2k"}, {"name": "Cropper.Blazor", "url": "https://github.com/CropperBlazor/Cropper.Blazor", "description": "  <b>Cropper.Blazor</b> is a component that wraps around <a href=\"https://github.com/fengyuanchen/cropperjs\"><b>Cropper.js</b></a> for cropping images in Blazor. Support Blazor Server, Blazor WebAssembly, Blazor Server Hybrid with MVC and MAUI Blazor Hybrid. [Demo](https://cropperblazor.github.io/demo).", "stars": "162"}, {"name": "TextCopy", "url": "https://github.com/CopyText/TextCopy", "description": "  A cross platform package to copy text to and from the clipboard. [Supports Blazor (\u2b50562)](https://github.com/CopyText/TextCopy#blazor-webassembly) via the [Clipboard Browser API](https://developer.mozilla.org/docs/Web/API/Clipboard).", "stars": "562"}, {"name": "CssBuilder", "url": "https://github.com/EdCharbeneau/CssBuilder", "description": "  CssBuilder is a Builder pattern for CSS classes to be used with Razor Components.", "stars": "221"}, {"name": "Blazor.FileSystemAccess", "url": "https://github.com/KristofferStrube/Blazor.FileSystemAccess", "description": "  A Blazor wrapper for the browser File System Access API.", "stars": "356"}, {"name": "Blazor.Polyfill", "url": "https://github.com/Daddoon/Blazor.Polyfill", "description": "  Polyfills for Blazor (for Internet Explorer 11 support and some other browsers).", "stars": "122"}, {"name": "Blazor I18n/Localization Text", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.I18nText", "description": "  Localizing contents text in Blazor ([Demo](https://jsakamoto.github.io/Toolbelt.Blazor.I18nText/)).", "stars": "277"}, {"name": "BlazorGoogleMaps", "url": "https://github.com/rungwiroon/BlazorGoogleMaps", "description": "  Blazor interop for GoogleMap library.", "stars": "375"}, {"name": "BlazorWorker", "url": "https://github.com/Tewr/BlazorWorker", "description": "  Library for creating DotNet Web Worker threads/multithreading in Blazor. [Live demo](https://tewr.github.io/BlazorWorker).", "stars": "430"}, {"name": "MvvmBlazor", "url": "https://github.com/klemmchr/MvvmBlazor", "description": "  BlazorMVVM is a small framework for building Blazor and BlazorServerside apps. With it's simple to use MVVM pattern you can boost up your development speed while minimizing the hazzle to just make it work.", "stars": "244"}, {"name": "Blazor.BrowserExtension", "url": "https://github.com/mingyaulee/Blazor.BrowserExtension", "description": "  Develop browser extensions/addons with Blazor WebAssembly. Tested with Google Chrome, Mozilla Firefox and MS Edge.", "stars": "415"}, {"name": "Blazor Analytics", "url": "https://github.com/isc30/blazor-analytics", "description": "Blazor extensions for Analytics.", "stars": "149"}, {"name": "Blazor PDF", "url": "https://github.com/tossnet/Blazor-PDF", "description": "  Generate de PDF document with iTextSharp from a Blazor Server App.", "stars": "88"}, {"name": "BlazorRouter", "url": "https://github.com/hez2010/BlazorRouter", "description": "  BlazorRouter is an awesome router inspired by react-router, providing declarative routing for Blazor.", "stars": "67"}, {"name": "DataJuggler.Blazor.FileUpload", "url": "https://github.com/DataJuggler/BlazorFileUpload", "description": "  Wrapper for Steve Sanderson's BlazorFileInput component.", "stars": "34"}, {"name": "BlazorPrettyCode", "url": "https://github.com/chanan/BlazorPrettyCode", "description": "Blazor Code Component for documentation sites. [Demo](https://chanan.github.io/BlazorPrettyCode/).", "stars": "36"}, {"name": "Blazor.EventAggregator", "url": "https://github.com/mikoskinen/Blazor.EventAggregator", "description": "Lightweight Event Aggregator for Blazor (Razor Components).", "stars": "122"}, {"name": "Blazor Gamepad", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.Gamepad", "description": "Provides gamepad API access for Blazor.", "stars": "35"}, {"name": "Blazor Hotkeys2", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.Hotkeys2", "description": "  A library to provide configuration-centric keyboard shortcuts for Blazor.", "stars": "125"}, {"name": "BlazorRealm", "url": "https://dworthen.github.io/BlazorRealm/docs/quickstart.html", "description": "Redux state management for Blazor."}, {"name": "Blazor.LocalFiles", "url": "https://github.com/jburman/W8lessLabs.Blazor.LocalFiles", "description": "Open files in your browser and load into Blazor.", "stars": "52"}, {"name": "Blazor.SpeechSynthesis", "url": "https://github.com/jsakamoto/Toolbelt.Blazor.SpeechSynthesis", "description": " A library to provide Speech Synthesis API access for Blazor.", "stars": "97"}, {"name": "Blazor BarCode", "url": "https://barcoderesource.com/blazorbarcode.shtml", "description": "A barcode library for Blazor using barcode fonts."}, {"name": "BlazorState.Redux", "url": "https://github.com/BerserkerDotNet/BlazorState.Redux", "description": " Develop Blazor apps with Redux.", "stars": "30"}, {"name": "Howler.Blazor", "url": "https://github.com/StefH/Howler.Blazor", "description": " A Blazor JSInterop wrapper for Howler.js, an audio library.", "stars": "32"}, {"name": "jsMind.Blazor", "url": "https://github.com/StefH/jsMind.Blazor", "description": " A Blazor JSInterop wrapper for jsMind, a MindMapping tool.", "stars": "22"}, {"name": "Blazor Highcharts", "url": "https://github.com/Allegiance-Consulting/blazor-highcharts", "description": " A port of the popular Highcharts library. [Demo](https://allegiance-consulting.github.io/blazor-highcharts/).", "stars": "33"}, {"name": "Blazor.LazyStyleSheet", "url": "https://github.com/excubo-ag/Blazor.LazyStyleSheet", "description": " Lazy loading for CSS style sheets.", "stars": "13"}, {"name": "Blazor.ScriptInjection", "url": "https://github.com/excubo-ag/Blazor.ScriptInjection", "description": "  Smart script tags in Blazor components, ideal for lazy loading of javascript files.", "stars": "26"}, {"name": "DnetIndexedDb", "url": "https://github.com/amuste/DnetIndexedDb", "description": " Blazor Library for IndexedDB DOM API.", "stars": "108"}, {"name": "BlazorIndexedDbJs", "url": "https://github.com/kattunga/BlazorIndexedDbJs", "description": " BlazorIndexedDbJs is a wrapper arround IndexedDB DOM API, supports Blazor WASM and Server.", "stars": "12"}, {"name": "Blazor-Color-Picker", "url": "https://github.com/tossnet/Blazor-Color-Picker", "description": " Opens a palette with the Material colors for Blazor application.", "stars": "36"}, {"name": "Blazm.Bluetooth", "url": "https://github.com/EngstromJimmy/Blazm.Bluetooth", "description": " A Blazor library for connecting to devices using Bluetooth.", "stars": "89"}, {"name": "WebBluetooth", "url": "https://github.com/KeudellCoding/Blazor.WebBluetooth", "description": " Blazor service for the experimental WebBluetooth functions. Based on [Blazm.Bluetooth (\u2b5089)](https://github.com/EngstromJimmy/Blazm.Bluetooth).", "stars": "5"}, {"name": "BlazorApplicationInsights", "url": "https://github.com/IvanJosipovic/BlazorApplicationInsights", "description": " Application Insights for Blazor web applications.", "stars": "196"}, {"name": "Blazor Printing", "url": "https://github.com/Append-IT/Blazor.Printing", "description": " Print and save PDF documents with a native print dialog in a Blazor Server or client Application.", "stars": "126"}, {"name": "BlazorTemplater", "url": "https://github.com/conficient/BlazorTemplater", "description": " Use `.razor` components to render HTML strings for email content.", "stars": "156"}, {"name": "MediaSession.Blazor", "url": "https://github.com/zuozishi/MediaSession.Blazor", "description": " A Blazor JSInterop wrapper for Media Session API. The Media Session API provides a way to customize media notifications. ([Demo](https://zuozishi.github.io/MediaSession.Blazor/)).", "stars": "6"}, {"name": "BlazorAntivirusProtection", "url": "https://github.com/stavroskasidis/BlazorWasmAntivirusProtection", "description": "  Antivirus protection for Blazor Wasm projects. This package attempts to guard against false positives from antiviruses that flag Blazor Wasm as malware, until Microsoft gives us an official solution.", "stars": "67"}, {"name": "Phork.Blazor.Reactivity", "url": "https://github.com/phorks/phork-blazor-reactivity", "description": "  An unopinionated Blazor state management library that utilizes INotifyPropertyChanged and INotifyCollectionChanged .NET interfaces to automatically detect state changes in components.", "stars": "31"}, {"name": "CodeBeam.GoogleApis.Blazor", "url": "https://github.com/CodeBeamOrg/CodeBeam.GoogleApis.Blazor", "description": "  An open-source utility package for GoogleApis in Blazor. Written from scratch and aims easiest of use.", "stars": "9"}, {"name": "Memento", "url": "https://github.com/le-nn/memento", "description": "  A simple client-side state management container for Blazor/.NET includes redo/undo and ReduxDevTools support.", "stars": "44"}, {"name": "RxBlazorLight", "url": "https://github.com/b-straub/RxBlazorLight", "description": "  RxBlazorLight is a simple reactive wrapper around Blazor components. For now only [MudBlazor](https://mudblazor.com/) components are supported. Build the [RxMudBlazorLightSample (\u2b505)](https://github.com/b-straub/RxBlazorLight/tree/main/RxMudBlazorLightSample) and enjoy the reactive [Components (\u2b505)](https://github.com/b-straub/RxBlazorLight/tree/main/RxMudBlazorLightTestBase/Components).", "stars": "5"}], "notes": [], "source": "Blazor"}, {"name": "Blazor \u2014 Others", "entries": [{"name": "Blazor Extensions Home", "url": "https://github.com/BlazorExtensions/Home", "description": " Home for Blazor Extensions.", "stars": "53"}, {"name": "Bolero", "url": "https://github.com/fsbolero/Bolero", "description": "  Blazor for F# with hot reloaded templates, type-safe endpoints and routing, remoting, and much more.", "stars": "1.1k"}, {"name": "BlazorFabric", "url": "https://github.com/limefrogyank/BlazorFabric", "description": "  Blazor port of Microsoft UI Fabric with fluent design. ([Demo](https://blazorfabric.azurewebsites.net/)).", "stars": "819"}, {"name": "BlazorWebView", "url": "https://github.com/jspuij/BlazorWebView", "description": "  Blazor WebView control for WPF, Android, macOS, iOS. Run Blazor on .NET Core and Mono natively inside a Webview. [Documentation](https://jspuij.github.io/BlazorWebView.Docs/pages/index.html).", "stars": "131"}, {"name": "BlazorLazyLoading", "url": "https://github.com/isc30/blazor-lazy-loading", "description": "  Production ready lazy loading implementation. Full lazy loading support for WASM and Server (pages, components, dlls) with abstractions to implement modularization if you wish (custom endpoints, custom manifests, etc).", "stars": "98"}, {"name": "Fun.Blazor", "url": "https://github.com/slaveOftime/Fun.Blazor", "description": "  This is a project to make F# developer to write blazor easier - Use F# for Blazor, Computation expression (CE) style DSL for internal and third party blazor libraries, Dependency injection, Adaptive and Elmish models, Giraffe style routing, Type safe style.", "stars": "203"}, {"name": "Blazor.DownloadFileFast", "url": "https://github.com/StefH/Blazor.DownloadFileFast", "description": "  Fast download of files to the browser from Blazor without any javascript library reference or dependency. ([Demo](https://stefh.github.io/Blazor.DownloadFileFast/)).", "stars": "43"}, {"name": "SpotifyService", "url": "https://github.com/tresoneur/SpotifyService", "description": "  A high-level Spotify API library for Blazor WebAssembly projects that enables Spotify playback in the browser, manages OAuth 2.0 authorization, provides easy access to the Spotify Web API and uses IndexedDB caching.", "stars": "18"}, {"name": "Blazor.DynamicJavascriptRuntime.Evaluator", "url": "https://github.com/jameschch/Blazor.DynamicJavascriptRuntime.Evaluator", "description": "  Execute dynamic object expressions as Javascript in Blazor client-side apps.", "stars": "20"}, {"name": "Bionic", "url": "https://bionicframework.github.io/Documentation/", "description": "An Ionic CLI clone for Blazor projects."}, {"name": "EventHorizon Blazor TypeScript Interop Generator", "url": "https://github.com/canhorn/EventHorizon.Blazor.TypeScript.Interop.Generator", "description": " This project takes in a TypeScript type definition file and creates a .NET Core project that will work with the provided Interop abstraction project.", "stars": "147"}, {"name": "Generators.Blazor", "url": "https://github.com/excubo-ag/Generators.Blazor", "description": " Generators.Blazor is a source generator for improving performance in Blazor. The project also contains analyzers to detect common issues in Blazor apps.", "stars": "77"}, {"name": "Blazork8s", "url": "https://github.com/weibaohui/blazork8s", "description": "  Manage k8s using balzor with AI,like kubernetes dashboard.", "stars": "193"}, {"name": "BlazorOcticons", "url": "https://github.com/BlazorOcticons/BlazorOcticons", "description": "", "stars": "31"}, {"name": "BlazorInteropGenerator", "url": "https://github.com/surgicalcoder/BlazorInteropGenerator", "description": "  Github [Octicons](https://primer.style/design/foundations/icons/) Generates Blazor -> Javascript strongly typed interop methods, by parsing the Javascript it self and generating extension methods for IJSRuntime.", "stars": "26"}, {"name": "RazorPageRouteGenerator", "url": "https://github.com/surgicalcoder/RazorPageRouteGenerator", "description": "  Generates methods with parameters for Razor and Blazor pages, so you can navigate without having to guess URLs or parameters.", "stars": "17"}, {"name": "Try .NET", "url": "https://github.com/dotnet/try", "description": "  Try .NET provides developers and content authors with tools to create interactive experiences.", "stars": "3k"}, {"name": "FairPlayCombined", "url": "https://github.com/pticostaricags/FairPlayCombined", "description": "  The FairPlay platform is a set of pre-built customizable solutions created with Blazor.", "stars": "34"}, {"name": "Why I'm Worried About Blazor and its Future", "url": "https://www.youtube.com/watch?v=s34SR24pgfE", "description": "November 20, 2024 -  Why I'm Worried About Blazor and its Future, by Nick Chapsas."}, {"name": "Building Rich Web Applications with Blazor Server and MudBlazor", "url": "https://www.youtube.com/watch?v=MfYz95kiFxI", "description": "November 19, 2024 -  Explore how to create robust, interactive web applications using Blazor Server and MudBlazor. We'll dive into practical examples from a real-world application, discussing how MudBlazor's rich components can enhance user experience and simplify development. The session will cover performance optimization techniques, handling complex UI requirements, and best practices for deploying Blazor Server apps in production. Attendees will leave with actionable insights to elevate their Blazor Server projects."}, {"name": "Using Blazor to manage data in SQL server and Microsoft Fabric", "url": "https://www.youtube.com/watch?v=Tn7rQbpLfmU", "description": " Many business applications need to allow their users to view and update data in SQL server and data warehouses such as Microsoft Fabric. Learn how to create custom applications using Microsoft Blazor and free open-source controls such as Blazor Data Sheet to rapidly implement solutions to your users. Learn how to implement row level security to control access to the data in a granular way. Finally learn how to use PowerBI embedded to provide advanced data analytics."}, {"name": "Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations", "url": "https://www.youtube.com/watch?v=w8BKS1a8MnU", "description": "November 15, 2024 -  In-depth session on the upcoming new major version of the Fluent UI Blazor library, which introduces cutting-edge Web Components and significant architectural changes. This session will cover: Overview of New Features: Discover the enhancements in the new Fluent UI Blazor library, including updated Web Components, Architectural Changes: Learn about the major architectural shifts that improve performance, scalability, and maintainability, Migration Guide: Yes, there will be a lot of breaking changes! But we will guide you with practical tips and best practices for migrating your existing projects to the new version."}, {"name": "What's New for ASP.NET Core & Blazor in .NET 9", "url": "https://www.youtube.com/watch?v=2xXc1hNwp0o", "description": "November 14, 2024 -  Find out about all the new features coming to ASP.NET Core & Blazor for web developers in .NET 9."}, {"name": "ASP.NET Community Standup - Making DevToys 2.0 cross-platform with Blazor Hybrid", "url": "https://www.youtube.com/watch?v=8yM4jDooWcM", "description": "October 29, 2024 -  Learn about how the developers of DevToys leveraged a custom flavor of Blazor Hybrid to make DevToys 2.0 cross-platform."}, {"name": "What's Next for ASP.NET Core & Blazor", "url": "https://www.youtube.com/watch?v=o0CWssf8TFw", "description": "August 22, 2024 -  Find out about all the new features coming to ASP.NET Core & Blazor for web developers in .NET 9."}, {"name": "Build interactive AI-powered web apps with Blazor and .NET", "url": "https://www.youtube.com/watch?v=z7V-_JVF_Zo", "description": "August 21, 2024 Learn how you can quickly and easily build interactive AI-powered web apps with Blazor and .NET using a variety of ready-made AI components from the .NET ecosystem."}, {"name": "ASP.NET Community Standup - Using GraphQL to enhance Blazor apps", "url": "https://www.youtube.com/watch?v=ubX-a6_V_ao", "description": "July 9, 2024 -  Let's dive into why GraphQL is a compelling choice for API queries and how to integrate it with Blazor. In this session, we'll enhance a Blazor app by incorporating GraphQL and using QuickGrid to present the data."}, {"name": "Real World Apps with Blazor and .NET Aspire", "url": "https://www.youtube.com/watch?v=5v2GNcrEabg", "description": " July 2, 2024 - In this episode Eduardo joins Frank to showcase FairPlayTube: The Next Generation of Video Sharing portals, a tool for content creators and entrepreneurs, powered by AI to create thumbnails, digital marketing strategies, passive income ideas, posts for social networks and more."}, {"name": "New Blazor Hybrid + .NET MAUI Templates are Incredible", "url": "https://www.youtube.com/watch?v=ilUohNPqnkU", "description": " June 28, 2024 - Looking to build mobile, desktop, and web apps all with nearly 100% shared web UI? New Blazor Hybrid templates in .NET 9 give you a single click automatically configured project with .NET MAUI, Blazor, and a razor class library all setup."}, {"name": "ASP.NET Community Standup: Building Aspireify.net", "url": "https://www.youtube.com/watch?v=hzemJE_jcrI", "description": "June 18, 2024 - Join Jeff Fritz as he shows how he built Aspireify.net with .NET 8, Blazor, Microsoft Azure and .NET Aspire. [Community links](https://www.theurlist.com/aspnet-standup-2024-06-18)."}, {"name": "Blazor and Orchard Core with Peter Matthews - Orchard Core Pair Programming by Lombiq", "url": "https://www.youtube.com/watch?v=IZioflrC1Ho", "description": "June 17, 2024 - Join this session of Orchard Core Pair Programming by Lombiq! In these, we do an hour of pair programming with an Orchard Core community member about a project of theirs. We learn together a lot, share best practices, and write some good code. All this is live, and you can join us with your questions!"}, {"name": "Building Real-Time Web Applications with Blazor and Akka.NET", "url": "https://www.youtube.com/watch?v=jRYVp_lySl8", "description": " June 13, 2024 - This talk presents how you can use Akka.NET and Blazor to build scalable, streaming web applications without JavaScript or any fuss. Pure C# end to end."}, {"name": "ASP.NET Community Standup: Static web asset improvements in .NET 9", "url": "https://www.youtube.com/watch?v=PkQgcEUCnQk", "description": " June 11, 2024 - Learn about some of the static web asset improvements coming in .NET 9."}, {"name": "What's New in Blazor in .NET 8 & Beyond | Blazing into Summer 2024", "url": "https://www.youtube.com/watch?v=6PgvtdZXXZo", "description": " June 10, 2024 - In this talk, Dan Roth dived into all that's new in Blazor in .NET 8 like the advanced render modes, built-in authentication support, and scaffolding, and also looked at the future of Blazor in .NET 9 and how that can make web development even better."}, {"name": "On .NET Live: Generating sound in Blazor with Blazor.WebAudio", "url": "https://www.youtube.com/watch?v=gVZJohJq3c8", "description": "June 3, 2024 - Are you using audio in your Blazor applications? This week, Kristoffer Stube joins us to talk about Blazor.WebAudio, a Blazor library for playing, generating, and analyzing sound! This library and the libraries surrounding it enable developers to make rich interactive applications in a safe fashion."}, {"name": "Modern Full-Stack Web Development with ASP.NET Core & Blazor", "url": "https://www.youtube.com/watch?v=NbfhbDKiFpM", "description": " May 22, 2024 - Dive into the latest advancements in ASP.NET Core and Blazor for building dynamic, responsive full-stack web applications. Learn how these powerful frameworks simplify the development process, from server to client, enabling you to create rich interactive web UIs with C# instead of JavaScript."}, {"name": "Clean Architecture with .NET MAUI, Blazor, and ASP.NET Core", "url": "https://www.youtube.com/watch?v=u9YNufaYxzM", "description": " May 22, 2024 - We've heard a lot about how using .NET to build our UI applications lets us share code across our whole stack, but finding the best way to do this isn't straightforward. UI code and API code can sometimes seem at cross-purposes and it's not always obvious how using .NET code across your whole stack provides any advantages over using different technologies for your UI and API. It's easy to fall into the trap of underutilizing the right code-sharing techniques. Or, at the other extreme, butchering your architecture for the sake of sharing code. In this talk, Matt Goldman (author of .NET MAUI in Action) will look at extending Clean Architecture to incorporate UIs built with .NET MAUI and Blazor. See sensible ways to write clean, testable, re-usable code that can be shared across the different layers of your solution, and across different solutions in your enterprise, to optimize efficiency and minimize duplication. We'll also see how to avoid the common pitfalls of over-engineering or under-sharing. You will walk away knowing how to make full-stack code shared with .NET a reality."}, {"name": "Build an AI-powered content composer in Blazor using OpenAI GPT", "url": "https://www.youtube.com/watch?v=KinUUsGkK_s", "description": " May 22, 2024 - Learn how to build an AI-powered content composer using GPT-3.5 Turbo and Syncfusion Blazor components. Effortlessly create content on any topic and automatically adjust its tone, format, and length\u2014all in one place."}, {"name": "Learn C# with CSharpFritz - PWA and Publishing with Blazor", "url": "https://www.youtube.com/watch?v=h4g_tDgn7uM", "description": " May 1, 2024 - Fritz wraps up the series on Blazor with .NET 8 by enabling the pizza website as a progressive web app (PWA) and publishes it to Microsoft Azure."}, {"name": "Supercharging Blazor SSR with htmx", "url": "https://www.youtube.com/live/-Mc9pROA0Ho", "description": " April 29, 2024 - Are you using a front-end framework with Blazor? In this week's episode, community MVP Egin Hansen shows us how to supercharge Blazor static server-side rendering (SSR) with the htmx front-end library. Adding htmx gives you access to another level of interactivity while still retaining all the advantages of Blazor SSR stateless nature."}, {"name": "ASP.NET Community Standup: Fluent UI Blazor", "url": "https://www.youtube.com/watch?v=1fveBAi6Q7I\\&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t\\&index=3", "description": " April 23, 2024 - The Fluent UI Blazor library provides a set of Blazor components which are used to build applications that have a Fluent design (i.e. have the look and feel or modern Microsoft applications). Join Vincent and Denis to learn the fundamentals and building blocks of the library and demonstrate how to quickly incorporate it into your Blazor projects. Learn the basics of setting up the environment, use the interactive components, and change the styling of your application with Fluent UI design tokens."}, {"name": "Understand the Next Phase of Web Development", "url": "https://www.youtube.com/watch?v=p9taQkF24Fs", "description": " April 23, 2024 - Talk by Steve Sanderson at the NDC London 2024. It\u2019s 2024, and the web continues to dominate the software landscape. Innovation proceeds in all directions, with new frameworks, build systems, and architectural patterns emerging at pace. But where are we all heading? Is there a pattern? What\u2019s the next big phase? In this demo-centric talk we\u2019ll look at the common trends across web frameworks: disruptive new features that are showing up across technologies and changing how web apps are built. We\u2019ll dig into live code examples in Next.js (React), SvelteKit, Blazor, Astro, and more. We\u2019ll see how these and others are setting a similar path for the next phase of web technology \u2013 and how you could implement the same features yourself without any framework. Finally, we\u2019ll catch up on the state of WebAssembly and try out WASI preview 2 \u2013 the upcoming reinvention of WASI. Will it achieve the dream of seamless interop across all languages, operating systems, and CPU architectures? Will it become the standard for server-side cloud programming? Let\u2019s build something with it."}, {"name": "ASP.NET Community Standup: Blazor Hybrid + Web in .NET 9", "url": "https://www.youtube.com/watch?v=hrXAkNsjaoI\\&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t\\&index=9", "description": " April 9, 2024 - Learn how improvements coming to .NET 9 will make it easier to integrate Blazor Web and Blazor Hybrid."}, {"name": "Introducing Smart Components Experiment for Blazor, MVC, and Razor Pages", "url": "https://www.youtube.com/watch?v=ZWH4yJGJaeg", "description": " March 19, 2024 - Add genuinely useful AI-powered features to your web app, just by dropping in pre-built Smart Components that upgrade your existing pages and forms in minutes. Steve Sanderson shows how SmartPaste, SmartTextArea, and SmartComboBox can all delight your users and make them more productive. This is a new experiment from the .NET team, and they want feedbacks."}, {"name": "ASP.NET Community Standup - Modern Blazor Auth with OIDC", "url": "https://www.youtube.com/watch?v=PPX-yEXfnPM\\&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t", "description": " February 13, 2024 - See how to connect a Blazor app to Microsoft Entra using OIDC and the BFF pattern."}, {"name": "Let's Learn .NET - Blazor", "url": "https://www.youtube.com/watch?v=EhCz4s2Gh3I", "description": " January 25, 2024 - Live with the lead Blazor Product Manager, Daniel Roth, we will learn about basic web development with .NET Blazor! Then, build an interactive web-based game application with Blazor. Come to learn something new and leave with something that we all built, together, live with experts."}, {"name": ".NET Data Community Standup - Database concurrency and EF Core: ASP.NET and Blazor - Episode 2", "url": "https://www.youtube.com/watch?v=xVyYrtetDeA\\&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t", "description": "January 24, 2024 - In the last episode, we dug deep into the underpinnings of optimistic concurrency handling in EF Core. In this episode, we continue that journey to cover disconnected scenarios. That is, where the entity travels to a client and then back to the server before being updated in the database. We\u2019ll look at the different patterns for doing updates like this in ASP.NET Core and Blazor apps and see how concurrency tokens work with each of these. We\u2019ll also look at how `ExecuteUpdate` can be used with concurrency tokens, and take a look at ETag concurrency in Azure Cosmos DB."}, {"name": "ASP.NET Community Standup - Blazor Experiments + eShop Q\\&A", "url": "https://www.youtube.com/watch?v=fkDSaIti_KU", "description": " December 12, 2023 - In this session, we will show you some experimental ideas for Blazor and .NET+WASI and answer your questions about the .NET eShop Blazor App. [Community links](https://www.theurlist.com/blazor-standup-2023-12)."}, {"name": ".NET Conf: Integrating Blazor with existing .NET web apps", "url": "https://www.youtube.com/watch?v=dE-XCUVCkkE", "description": " November 18, 2023 - ASP.NET's RazorComponent model is intuitive and brings productivity to web development. In this session we'll learn how RazorComponents aren't just for Blazor apps and how we can integrate the best part of Blazor with existing ASP.NET applications using: Razor Pages, MVC, and even other front-end technologies."}, {"name": ".NET Conf: Building beautiful Blazor apps with Tailwind CSS", "url": "https://www.youtube.com/watch?v=QIdedo8iI4Y", "description": " November 18, 2023 - Tailwind CSS has been growing in popularity for some time. It\u2019s fast becoming one of the top frameworks to use when styling applications. It offers a different approach to the traditional frameworks like Bootstrap\u2014utility based styling. Rather than using prebuilt components\u2014which result in your application looking like a lot of others on the web\u2014you can tailor your design by applying small focused CSS classes resulting in a unique style for your app. In this code focused talk, you will learn how to bring the power of Tailwind CSS to your Blazor applications. We\u2019ll start off with a brief introduction to Tailwind. Then we\u2019ll get into some code and see how we can integrate Tailwind with Blazor. For the rest of the time, we\u2019ll explore the various features of Tailwind and see just how beautiful we can make our Blazor app."}, {"name": ".NET Conf: Blazor Puzzles and Answers", "url": "https://www.youtube.com/watch?v=fxGEVS2Gcyo", "description": " November 18, 2023 - The Blazor Puzzle podcast team of Carl Franklin and Jeff Fritz have a collection of puzzles and brain-teasers for you in this code-focused session about the latest features of the Blazor framework. We'll fix bugs, build cool features, and even write a unit test or two."}, {"name": ".NET Conf: Blazor-testing from A to Z", "url": "https://www.youtube.com/watch?v=aorfcDeHUpw", "description": " November 18, 2023 - Discuss and showcase the different Blazor testing strategies, libraries, and tools available to us, so whether you are building a website, web app, or a reusable Blazor component library, you can pick the ones that yield the most bang for the buck. Specifically, this session covers end-2-end testing, component testing, unit testing, Playwright, bUnit, snapshot testing, semantic markup comparison, emulating user interactions, and how and when to use test doubles (e.g., mocks)."}, {"name": ".NET Conf: Full stack web UI with Blazor in .NET 8", "url": "https://www.youtube.com/watch?v=YwZdtLEtROA", "description": " November 15, 2023 - In .NET 8 you can deliver the best web app experiences entirely in Blazor using Blazor's convenient component model. You can build your entire web app in Blazor without the needed for writing JavaScript or mixing web frameworks. In this session you'll see how you can use Blazor's new server-side rendering support to power your web apps from the server for maximum performance and scalability. You'll see how you can easily add advanced capabilities like streaming rendering and enhanced navigation & form handling to further optimize the user experience. Then add rich client-side interactivity wherever it is needed using Blazor Server or Blazor WebAssembly."}, {"name": "Building Hybrid User Interfaces with Blazor Hybrid \\[Pt 4\\] | Blazor Hybrid for Beginners", "url": "https://www.youtube.com/watch?v=pWDf1AnJ4ds", "description": " November 10, 2023 - Let's start to build out a full application with Blazor Hybrid inside of .NET MAUI. Join James as he walks through building out a full to do application with web components."}, {"name": "ASP.NET Community Standup - New Blazor updates in .NET 8 RC2", "url": "https://www.youtube.com/watch?v=C2y9tXcbweg", "description": " October 10, 2023 - About what Blazor has to offer in .NET 8 RC2. [Community links](https://www.theurlist.com/aspnet-community-standup-2023-10-10)."}, {"name": "Blazor on .NET 8 - Ten Reasons why Blazor on .NET 8 is a Game Changer", "url": "https://www.youtube.com/watch?v=VWwZrDA8om0", "description": " October 10, 2023 - 10 reasons why the new enhancements and new features about Blazor released with .NET 8 are an absolute game changer."}, {"name": "ASP.NET Community Standup - Full Stack Blazor Tips and Updates", "url": "https://www.youtube.com/watch?v=47CZqb53nCM", "description": " September 12, 2023 - Discover how full stack Blazor apps work and how they differ from traditional Blazor Server and WebAssembly apps. We'll also explore some of the new full stack UI features that Blazor offers in .NET 8 RC1. [Community links](https://www.theurlist.com/blazor-standup-2023-09)."}, {"name": "The Blazor Puzzle : Puzzle 3", "url": "https://www.youtube.com/watch?v=QMw9GgiU_Ng", "description": " September 8, 2023 - Carl Franklin and Jeff Fritz offer Blazor-based problems to be solved and give away prizes to lucky winners. [Source code (\u2b500)](https://github.com/BlazorPuzzle/Puzzle-3)."}, {"name": "How to Authenticate a Blazor Server App with Azure AD", "url": "https://www.youtube.com/watch?v=pjnDFnOiMwk", "description": " September 7, 2023 - This short video is about how to create a new Blazor Server application and authenticate it using Azure AD."}, {"name": "Burke Learns Blazor - API Updates", "url": "https://www.youtube.com/watch?v=70gh038Z9kA", "description": " August 25, 2023 - We're going to update the API to use the Cosmos client and maybe do some updates on the Edit form. And Burke shows off the signature move that won him the \"Pop 'n' Lock\" championship."}, {"name": "Beautiful Blazor UI Everywhere with Telerik", "url": "https://www.youtube.com/watch?v=PQe-q8faMOI", "description": " August 22, 2023 - Becky is joined by Sam Basu from Progress showing off the latest controls for Blazor and Blazor Hybrid apps with Telerik UI."}, {"name": "New Blazor Rendering Mode Features in .NET 8.0", "url": "https://www.youtube.com/watch?v=VDyN8SnevzI", "description": " August 14, 2023 - In this video we'll explore how to integrate the new Blazor Server Side rendering capabilities in .NET 8.0 with the traditional Blazor WebAssembly and Blazor Server (SignalR) hosting models for a rich client-side experience. We'll explore the differences between these different options, how to seamlessly implement each option where it makes sense, and discuss different architecture approaches with Blazor in ASP.NET Core 8.0."}, {"name": "What's New in Blazor for .NET 8", "url": "https://www.youtube.com/watch?v=QD2-DwuOfKM", "description": " August 4, 2023 - Come find out about the future of Blazor in .NET 8! We'll explore all the upcoming features and improvements, including our effort to create a unified full stack web UI programming model that combines the strengths of client and server. We hope to see you there."}, {"name": "What is the Future of Blazor? Should I Learn Blazor?", "url": "https://www.youtube.com/watch?v=OUUlO8fQOfE", "description": " July 27, 2023 - Should I learn a JavaScript framework or concentrate on mastering Blazor? What is the future of Blazor? Is Microsoft invested in making Blazor great? We will answer these questions in today's Dev Questions episode."}, {"name": "Burke Learns Blazor", "url": "https://www.youtube.com/watch?v=qONPW7N_r8k", "description": " July 7, 2023 - Finishing the API and starting the UI. [Community links](https://www.theurlist.com/burke-learns-blazor)."}, {"name": "Adding Progress Indicators & Progress Telerik Maps in 'Next Tech Event' | Part 21", "url": "https://www.youtube.com/watch?v=cYDs7WyOxcE", "description": " July 4, 2023 - In this episode, we discuss and implement progress indicators to enhance user experience. Plus, we integrate a Map component from Progress Telerik, adding a visually striking and functional element to the platform. [Source code (\u2b505)](https://github.com/CodingAfterWork/NextTechEvent)."}, {"name": "Burke Learns Blazor - Let's build the API!", "url": "https://www.youtube.com/watch?v=9OSpY3Yi5ic", "description": " June 30 - Last week we got the API started - let's finish it up and start on the UI. [Url list](https://www.theurlist.com/burke-learns-blazor)."}, {"name": "The Blazor Power Hour: Sections, SectionOutlet, and SectionContent in .NET 8 Preview", "url": "https://www.youtube.com/watch?v=6iUNRitiJTQ", "description": " June 28, 2023 - Let's take a deep dive into a .NET 8 Preview feature, sections. What are SectionOutlet, and SectionContent? How do we use them to build an extensive layout system for Blazor applications?"}, {"name": "Creating a Twitter Clone with Blazor Spark", "url": "https://www.youtube.com/watch?v=B3giEe1imjY", "description": " June 21, 2023 - Learn how to utilize the Blazor Spark framework by building a Twitter clone."}, {"name": "Burke learns Blazor by porting a Vue.js app to Blazor", "url": "https://www.youtube.com/watch?v=fetGhhVYsLY", "description": " June 15, 2021 - This summer, Burke and Jon are porting theurlist.com to Blazor - a real world JavaScript application written in Vue.js. Join them each week as they use Visual Studio, Visual Studio Code and GitHub Copilot to rebuild this app and try to tackle every frontend issue you might encounter along the way. [Community links](https://www.theurlist.com/burke-learns-blazor)."}, {"name": "ASP.NET Community Standup - Featured community project: Blazor Studio", "url": "https://www.youtube.com/watch?v=tOHihL9Lf7Y", "description": " June 14, 2023 - Chat about Blazor Studio, this month's featured Blazor community project. [Community links](https://aka.ms/AAl2w0l)."}, {"name": "What's new in .NET 8 for Web frontends backends and futures?", "url": "https://www.youtube.com/watch?v=pJGDPEk45Jc", "description": " May 26, 2023 - Join this session to explore new features in .NET 8 for web frontends, backends, and future development. Discover how .NET 8 enhances web app development with better performance, new APIs, and modern development support. Get guidance on leveraging these tools for scalable, efficient cloud apps. Suitable for both experienced and new .NET developers, this session offers valuable insights into the latest developments in .NET 8 for web development."}, {"name": "Running ASP.NET Core Apps without a server? WHAT???", "url": "https://www.youtube.com/watch?v=IXCZAFwT5GY", "description": " May 26, 2023 - By Isaac Levin at the NDC Oslo 2023. With the introduction of WebAssembly-based Blazor, .NET developers can now build solutions that can run on all sorts of new hosting platforms, even ones without servers. Building applications that can run nearly anywhere, all written in C# is an amazing experience for web developers, far and wide. Write code in the programming language you love, without having to learn the newest Javascript framework (though you can interop if you want to!) is the reason why Blazor is one of the most exciting things in the current .NET landscape. In this session, we will go over the technology of Blazor WebAssembly and showcase deploying a .NET app that can run in places we never thought we could."}, {"name": "Running Blazor in Production, Lessons Learned", "url": "https://www.youtube.com/watch?v=6ctA95pZJoc", "description": " May 24, 2023 - Since we started using Blazor in 2019, it's been an excellent tool for our team of C# developers. Even when Blazor was brand new, we used it in our latest project, which really helped us. Seeing other people in our field, I can say that Blazor was a key to our project's success. Our journey with Blazor has mostly been easy, but we have still learned a lot along the way. In this video, I will share some tips and lessons we have picked up. I will also discuss how to make smart choices and avoid problems when you're changing your existing project to use Blazor."}, {"name": "Full stack web in .NET 8 with Blazor", "url": "https://www.youtube.com/watch?v=iDLWv3xM1s0", "description": " May 24, 2023 - Learn how ASP.NET Blazor in .NET 8 allows you to use a single powerful component model to handle all of your web UI needs, including server-side rendering, client-side rendering, streaming rendering, progressive enhancement, and much more."}, {"name": "Blazor + .NET MAUI \u2013 the perfect \u201chybrid\u201d", "url": "https://www.youtube.com/watch?v=kjKpZAgXLFY", "description": " May 24, 2023 - In this session, we demonstrate how to leverage DevExpress Blazor/.NET MAUI UI components to deliver intuitive mobile solutions that amaze. We show you how Blazor Hybrid apps reduce time to market and how our adaptive Blazor Data Grid can be used alongside our rich collection of FREE .NET MAUI UI components to address a variety of usage scenarios."}, {"name": "How to Create a PDF Document in Blazor Using the .NET PDF Library", "url": "https://build.microsoft.com/en-US/sessions/b559a882-92b9-43b6-9b50-312be2ccadfe?source=sessions", "description": " May 23, 2023 - .NET Build session: How to Create a PDF Document in Blazor Using the .NET PDF Library. PDFs are an ideal format for sharing and archiving documents, but creating a viewer from scratch requires a deep understanding of PDF specifications and programming languages. What benefit does a PDF viewer provide for your business? It makes it easy to send a report to stakeholders, send an invoice to a customer, or generate a receipt in a retail shop. In this demo, we\u2019ll show how you can easily add a PDF viewer to your app with text, images, and a table in the PDF document."}, {"name": "Blazor + .NET MAUI \u2013 the perfect \u201chybrid\u201d", "url": "https://build.microsoft.com/en-US/sessions/7ac85686-2fee-4ce5-82d0-c239a005eb7e?source=sessions", "description": " May 23, 2023 - Microsoft Build session: Blazor + .NET MAUI \u2013 the perfect \u201chybrid\u201d. In this session, we demonstrate how to leverage DevExpress Blazor/.NET MAUI UI components to deliver intuitive mobile solutions that amaze. We show you how Blazor Hybrid apps reduce time to market and how our adaptive Blazor Data Grid can be used alongside our rich collection of FREE .NET MAUI UI components to address a variety of usage scenarios."}, {"name": "This Will Skyrocket Your Blazor Development Productivity", "url": "\\[https://www.youtube.com/watch?v=HSfrSNpshg0]\\(https://www.youtube.com/watch?v=VnU1Ixgl-vw\\", "description": ""}, {"name": "On .NET Live - Micro Frontends with Blazor", "url": "https://www.youtube.com/watch?v=t8w_OTkafNE", "description": " May 22, 2023 - Have you ever considered writing microservices in Blazor? In this week's episode, community MVP Florian Rappl joins us to talk about micro frontends. He'll show us how to break a Blazor UI into modules for maintainability and development by decoupled teams.   [Sample repo (\u2b5029)](https://github.com/piral-samples/netflix-demo). [Demo](https://notflix-demo.samples.piral.cloud/browse)."}, {"name": "Running Blazor in production, lessons learned - Jimmy Engstr\u00f6m - NDC London 2023", "url": "https://www.youtube.com/watch?v=bZdYpYQb958", "description": " May 19, 2023 - We have been running Blazor in production for over two years now. Everyone in our team is a C# developer, so when we went into our latest project Blazor was a natural choice, even though Blazor was only a week old. Looking at my peers working in the same space, I am convinced that it saved our project by switching to Blazor. Even though it has been mostly smooth sailing we have learned a lot during the years. In this session, Jimmy Engstr\u00f6m will give you some of the tips, tricks, and learnings we have collected over the years, when to choose what, and how to avoid pitfalls converting your exiting project to Blazor."}, {"name": "ASP.NET Community Standup - Blazor .NET 8 Updates", "url": "https://www.youtube.com/watch?v=MaLjiR9YSbs\\&list=PLdo4fOcmZ0oVJyHcoDsVwlShX1tcxydYP\\&index=92", "description": " May 10, 2023 - Come check out some of the progress the Blazor team has made for .NET 8. [Community links](https://gist.github.com/MackinnonBuck/ebd4072c40eca01c177e8ab7e180c392)."}, {"name": "Building \"Next Tech Event\" using Blazor and RavenDB Part 16", "url": "https://www.youtube.com/watch?app=desktop\\&v=crAfcbzpUqg", "description": " May 9, 2023 - Part 16 of our new project, \"NextTechEvent\", a site that will help speakers, organizers, and attendees find their next tech event. In this stream, we made the attendee page look better, and with our close personal friend Chat GPT, we did a better-looking temperature view. [Source code (\u2b505)](https://github.com/CodingAfterWork/NextTechEvent)   ."}, {"name": "Build a Connect Four game in your browser with .NET", "url": "https://www.youtube.com/watch?v=S9OICr6Qxpc", "description": " May 1, 2023 - Learn C#, F#, and .NET with free self-guided learning from [Microsoft Learn](https://aka.ms/learndotnet). [Connect4 lesson on Microsoft Learn](https://learn.microsoft.com/fr-fr/training/modules/dotnet-connect-four/)."}, {"name": "ASP.NET Community Standup - Blazor and Data API Builder", "url": "https://www.youtube.com/watch?v=7W6h4PuQom8", "description": " April 11, 2023 - Learn about Data API Builder and how it can be used in Blazor app development. [Community links](https://www.theurlist.com/blazor-community-standup-2023-04-11)."}, {"name": "ASP.NET Community Standup - Blazor App Testing with Playwright", "url": "https://www.youtube.com/watch?v=lJa3YlUliEs", "description": " February 23, 2023 - March 14, 2023 - Learn how to use Playwright to implement end-to-end testing for your Blazor application. [Community links](https://www.theurlist.com/blazor-standup-2023-03-14)."}, {"name": "Steve Sanderson on Blazor United", "url": "https://www.youtube.com/watch?v=QvZcbqT0oIo", "description": " February 23, 2023 - Carl talks to Steve Sanderson, creator of Blazor, to answer questions about Blazor United, coming in .NET 8."}, {"name": "Exploring OpenAI with Blazor", "url": "https://www.youtube.com/watch?v=ULHxywqxMPk", "description": " February 23, 2023 - Chat with Michael Washington about how .NET developers can leverage OpenAI GPT-3 in their Blazor applications."}, {"name": "ASP.NET Community Standup - Blazor United in .NET 8", "url": "https://www.youtube.com/watch?v=kIH_Py8ytlY\\&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t\\&index=2", "description": " February 14, 2023 - The Blazor team shares early thoughts on Blazor United in .NET 8, an effort to create a single unified model for all your web UI scenarios that combines the best of Razor Pages, Blazor Server, and Blazor WebAssembly. [Community links](https://www.theurlist.com/blazor-standup-2023-02-14)."}, {"name": "On .NET Live - Mapping with GeoBlazor", "url": "https://www.youtube.com/watch?v=fw8gGB2y1UM", "description": " February 7, 2023 - Do you need to display mapping data in your Blazor apps? In this week's episode, community member Tim Purdum joins the panel to show us GeoBlazor, a versatile web mapping API that you can implement without having to write a single line of JavaScript."}, {"name": "Blazor United prototype", "url": "https://www.youtube.com/watch?v=48G_CEGXZZM", "description": " January 24, 2023 - A quick look at some of the experiments we're considering for Blazor in .NET 8."}, {"name": "ASP.NET Community Standup - Exploring new and experimental features in Blazor", "url": "https://www.youtube.com/watch?v=fQ1Bg-u_YLw\\&list=PLdo4fOcmZ0oX-DBuRG4u58ZTAJgBAeQ-t\\&index=2", "description": " January 10, 2023 - It show what it's like to build a .NET 7 Blazor app using both new and currently experimental features. Featuring: Daniel Roth, Jon Galloway, Mackinnon Buck. [Community links](https://www.theurlist.com/aspnet-community-standup-2023-01)."}, {"name": "Archives", "url": "https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives", "description": "[2022 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2022.md#videos), [2021 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#videos), [2020 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#videos), [2019 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#videos), [2018 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#videos), [2017 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2017.md#videos).", "stars": "9.1k"}, {"name": "Visual Studio 2022 Preview release notes", "url": "https://learn.microsoft.com/en-us/visualstudio/releases/2022/release-notes-preview#blazorwasmdebuggerimprovements", "description": "July 9, 2024 - This release focuses on quality-of-life enhancements for all developers and workloads. When you use Visual Studio, you want to feel empowered and productive. That's why quality-of-life features are so important: they make coding a smooth and enjoyable experience, free of unnecessary hassles and headaches. We hope you'll love this update."}, {"name": "Blazor Basics: Blazor Render Modes in .NET 8", "url": "https://www.telerik.com/blogs/blazor-basics-blazor-render-modes-net-8", "description": "June 12, 2024 - This article is about the new Blazor render modes in .NET 8, including ServerInteractivity, WebAssemblyInteractivity, AutoInteractivity and static server-side rendering (SSR)."}, {"name": "The usage of Blazor.Diagrams", "url": "https://www.slaveoftime.fun/blog/the-usage-of-blazor.diagrams", "description": "June 11, 2024 - How to use Blazor.Diagrams."}, {"name": "Blazor in .NET 9 Takes Shape (Preview 4 Highlights)", "url": "https://www.telerik.com/blogs/blazor-net-9-takes-shape-preview-4-highlights", "description": "June 4, 2024 - .NET 9 is shaping up ahead of its November 2024 release. Here are the highlights for Blazor so far."}, {"name": "Avoiding interactivity with Blazor?", "url": "https://jonhilton.net/avoiding-blazor-interactivity/", "description": "May 29, 2024 - Avoiding interactivity with Blazor."}, {"name": ".NET Announcements & Updates from Microsoft Build 2024", "url": "https://devblogs.microsoft.com/dotnet/dotnet-build-2024-announcements/", "description": "May 21, 2024 - .NET Announcements & Updates from Microsoft Build 2024."}, {"name": "Archives", "url": "https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives", "description": "[2023 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2023.md#articles), [2022 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2022.md#articles), [2021 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#articles), [2020 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#articles), [2019 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#articles), [2018 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#articles), [2017 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2017.md#articles).", "stars": "9.1k"}, {"name": "MAUI and Blazor with Beth Massi", "url": "https://www.dotnetrocks.com/details/1903", "description": "June 20, 2024 - What's up with MAUI and Blazor? Carl and Richard chat with Beth Massi about the latest MAUI, including the new webview available on GitHub that lets you embed an existing web page into your MAUI app. Beth talks about making apps the way you want to - with a mobile, web, or desktop focus - or making them all! Mixing Blazor and MAUI means you can steer clear of XAML if you prefer. There's no right way to build your clients, and MAUI gives you many choices. Duration: 45 minutes."}, {"name": "Chris Sainty: Blazor in Action - Azure DevOps Episode 238", "url": "http://azuredevopspodcast.clear-measure.com/chris-sainty-blazor-in-action-episode-238", "description": "March 27, 2023 - Chris is a Microsoft MVP, author, and software engineer with over 17 years of experience with ASP.NET. Passionate about sharing his knowledge with the community, he regularly writes both for his own blog as well as others \u2014 such as Visual Studio magazine, Progress Telerik, and StackOverflow. This passion for blogging led to his first book, Blazor in Action, a practical guide to building Blazor applications. He also maintains several popular open-source projects under the GitHub organization, Blazored. When not tapping on a keyboard, Chris is a keen speaker, having delivered talks at both user groups and conferences all over the world. Duration: 41 minutes."}, {"name": ".NET Rocks - Blazor United with Javier Nelson and Steve Sanderson", "url": "https://www.dotnetrocks.com/details/1838", "description": "March 23, 2023 - What if you didn't have to choose between client-side and server-side Blazor? Carl and Richard talk to Javier Nelson and Steve Sanderson about Blazor United in its early stages of development, providing flexibility at the web component level for client- and server-side rendering. At the simplest level, Blazor United offers server-side rendering when a site is first hit so that you can load the larger client-side components over time. But deeper is the idea that some elements on your web page benefit from being client-side, and some from being server-side, and why should you have to choose only one? Duration: 53 minutes."}, {"name": "Steve Sanderson - Blazor, WASI and optimizing tomatoes", "url": "https://www.youtube.com/watch?v=1r3FwkUEte0", "description": "July 17, 2022 - At NDC London we sat down with Steve Sanderson and talked about the origin story of Blazor, some of the upcoming things in .NET 7, and what Steve is working on right now. Duration: 35 minutes."}, {"name": "WASM Everywhere with Steve Sanderson", "url": "https://www.dotnetrocks.com/default.aspx?ShowNum=1801", "description": "July 7, 2022 - WebAssembly is awesome - what else can you do with it? While at NDC London, Carl and Richard talked to Steve Sanderson about his work with WebAssembly, including Blazor. Steve talks about how WebAssembly continues to evolve adding WebAssembly System Integration. This opens the door to the idea that code in the WebAssembly can be run anywhere - any operating system, any language, using whatever compute is available. That gives an option to run code on the client, the server, and anywhere in between. Duration: 55 minutes."}, {"name": "Indexing Video using KlipTok with Jeff Fritz", "url": "https://www.dotnetrocks.com/default.aspx?ShowNum=1796", "description": "June 2, 2022 - How do you find a great video clip after the fact? Carl and Richard talk to Jeff Fritz about his work building KlipTok, a tool for making Twitch video clips more discoverable and shareable. Jeff digs into the tricky bits of KlipTok, which is all about fast indexing and searching to get to the right clip. The conversation digs into various data storage techniques and using the cloud in a way that doesn't break the bank. Jeff may be a Microsoft employee, but that doesn't mean he uses only Microsoft tools for his projects. Duration: 57 minutes."}, {"name": "David Ortinau on .NET MAUI", "url": "https://herdingcode.com/herding-code-246-david-ortinau-on-net-maui/", "description": "May 27, 2022 - Jon Galloway talks to David Ortinau about [.NET MAUI](https://docs.microsoft.com/en-us/dotnet/maui/what-is-maui). Duration: 41 minutes. [YouTube video](https://www.youtube.com/watch?v=OyqzWAivI7I)."}, {"name": "The Unhandled Exception Podcast: Microsoft Build 2022", "url": "https://unhandledexceptionpodcast.com/posts/0037-build/", "description": "May 25, 2022 - Microsoft have just had their annual Build conference - which comes with a whole host of exciting announcements and discussions about hot programming topics in the Microsoft developer space. And each year, I long for a podcast episode to come out straight after Build, overviewing them! Well, this year - this podcast aims to do just that! In this episode, I was joined by both Scott Hunter and Gaurav Seth to chat about various topics. Check out the links below for a guide to what we discussed. Duration: 71 minutes."}, {"name": "ASP.NET, Blogging, Kuberetes, and more", "url": "https://unhandledexceptionpodcast.com/posts/0036-andrewlock/", "description": "May 10, 2022 - The Unhandled Exception Podcast with Andrew Lock (andrewlock.net). He\u2019s the author of the Manning ebook, ASP.NET Core in Action, Second Edition. This episode covers a lot - from the different flavours of ASP.NET, to Kubernetes, Blazor, gRPC, testing, Minimal API, MediatR and more."}, {"name": "Umbraco Heartcore and Blazor with Poornima Nayar", "url": "https://dotnetcore.show/episode-93-umbraco-heartcore-and-blazor-with-poornima-nayar/", "description": "May 4, 2022 - In this episode we talked with Poornima Nayar about Umbraco Heartcore and where you might use it, Blazor, a little on GraphQL and how it fits very well with mobile apps which communicate with remote APIs. Duration: 59 minutes."}, {"name": "In The Core of Blazor", "url": "https://www.youtube.com/watch?v=IF_7DPddmcs", "description": "February 12, 2022 - Steve Sanderson talks about his journey into tech, his life, education, career and everything else in between. Duration: 73 minutes."}, {"name": "Archives", "url": "https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives", "description": "[2021 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2021.md#podcasts), [2020 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#podcasts), [2019 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#podcasts), [2018 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#podcasts), [2017 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2017.md#podcasts).", "stars": "9.1k"}, {"name": "Using .NET 5 with the Raspberry Pi", "url": "https://www.slideshare.net/PGallagher69/using-net-5-with-the-raspberry-pi", "description": "January 28, 2021 - Using .NET 5 with the Raspberry Pi, on Slideshare."}, {"name": "Archives", "url": "https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives", "description": "[2020 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2020.md#presentations-slides), [2019 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2019.md#presentations-slides), [2018 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#presentations-slides).", "stars": "9.1k"}, {"name": "LiveSharp", "url": "https://github.com/ionoy/LiveSharp", "description": "  Update `.razor` files and see the updates instantly without reloading the page. Your application state is preserved because there is no need to reload anything. [livesharp.net](https://www.livesharp.net/).", "stars": "77"}, {"name": "BlazorFiddle", "url": "https://blazorfiddle.com", "description": "Blazor .Net Developer Playground and Code Editor in the Browser."}, {"name": "Blazor Minimum Project Templates", "url": "https://github.com/jsakamoto/BlazorMinimumTemplates", "description": "  A project templates package of Blazor apps without JavaScript and CSS libraries.", "stars": "52"}, {"name": "Blazor REPL", "url": "https://github.com/BlazorRepl/BlazorRepl", "description": "  Write, compile, execute and share Blazor components entirely in the browser - <https://blazorrepl.com>.", "stars": "247"}, {"name": "Blazor Snippets Visual Studio Code extension", "url": "https://marketplace.visualstudio.com/items?itemName=ScottSauber.blazorsnippets", "description": "A Visual Studio Code extension that offers Blazor and Razor snippets."}, {"name": "Publish-time Pre-render for Blazor Wasm", "url": "https://github.com/jsakamoto/BlazorWasmPreRendering.Build", "description": " When you publish your Blazor WebAssembly app, this package pre-renders and saves the app as static HTML files in your public folder.", "stars": "300"}, {"name": "Publish SPA for GitHub Pages", "url": "https://github.com/jsakamoto/PublishSPAforGitHubPages.Build", "description": " Add this NuGet package to your Blazor WebAssembly project to easily publish it to GitHub Pages.", "stars": "81"}, {"name": "WebCompiler", "url": "https://github.com/excubo-ag/WebCompiler", "description": "  A dotnet global tool for compilation, minification, and compression of scss, css and js.", "stars": "163"}, {"name": ".NET Core", "url": "https://www.microsoft.com/net/download/dotnet-core", "description": ".NET Core."}, {"name": "Razor+ Visual Studio Code extension", "url": "https://marketplace.visualstudio.com/items?itemName=austincummings.razor-plus", "description": "A Visual Studio Code extension that offers improved Razor support."}, {"name": "Tracetool", "url": "https://github.com/capslock66/Tracetool#Blazor-client--server", "description": "  Tracetool viewer, client Api for Dotnet, Java, Javasvript, C++ , Python, Delphi.", "stars": "42"}, {"name": "Visual Studio", "url": "https://www.visualstudio.com/vs/preview", "description": "Latest preview of Visual Studio."}, {"name": "Visual Studio Code", "url": "https://code.visualstudio.com/", "description": "Visual Studio Code, free, open source and cross-platform code editor."}, {"name": "Learning Blazor", "url": "https://learning.oreilly.com/library/view/learning-blazor/9781098113230", "description": "Build Single-Page Apps with WebAssembly and C# (By David Pine via O'Reilly Early Release February 3rd, 2022)."}, {"name": "Microsoft Blazor: Building Web Applications in .NET 6 and Beyond", "url": "https://www.amazon.com/Microsoft-Blazor-Building-Applications-Beyond/dp/1484278445", "description": "A practical and hands-on approach to learning Blazor using .NET 6. (3rd ed. edition (December 8, 2021)."}, {"name": "Blazor WebAssembly by Example", "url": "https://www.amazon.com/Blazor-WebAssembly-Example-project-based-building-ebook/dp/B095X7FH6M", "description": "Blazor WebAssembly by Example: A project-based guide to building web apps with .NET, Blazor WebAssembly, and C# (1st edition published the July 9th, 2021)."}, {"name": "Blazor in Action", "url": "https://www.manning.com/books/blazor-in-action", "description": "An example-driven guide to building reusable UI components and web frontends\u2014all with Blazor, C#, and .NET. (Manning Early Access Program began October 2020)."}, {"name": "Microsoft Blazor: Building Web Applications in .NET", "url": "https://www.amazon.com/Microsoft-Blazor-Building-Applications-NET/dp/1484259270/ref=pd_sbs_2/144-0745230-5007239?pd_rd_w=LPinn\\&pf_rd_p=3676f086-9496-4fd7-8490-77cf7f43f846\\&pf_rd_r=V7CQTYC0W8RZAVPVVXA1\\&pd_rd_r=b34ab9d9-09dd-4eca-9207-f56311bde8d2\\&pd_rd_wg=9V1tA\\&pd_rd_i=1484259270\\&psc=1", "description": "Microsoft Blazor: Building Web Applications in .NET (Second edition published in May 2020)."}, {"name": "Blazor Revealed", "url": "https://www.apress.com/gp/book/9781484243428", "description": "Blazor Revealed, Building Web Applications in .NET (Published February, 2019)."}, {"name": "Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server", "url": "https://www.amazon.in/gp/product/178934414X/ref=awesome_blazor", "description": "Blazor Quick Start Guide: Build web applications using Blazor, EF Core, and SQL Server (Published October 31, 2018)."}, {"name": "Building Blazor Applications: A Developer's Guide", "url": "https://www.amazon.com/Building-Blazor-Applications-Developers-Guide/dp/B0DDBG4S3Q/ref=sims_dp_d_dex_ai_speed_loc_mtl_v5_t1_d_sccl_1_2/136-3795973-8719321?pd_rd_w=coqfA\\&content-id=amzn1.sym.da3a5e11-8f5f-413b-a68b-31ceac43c758\\&pf_rd_p=da3a5e11-8f5f-413b-a68b-31ceac43c758\\&pf_rd_r=9Q8447GTE9QT4WTPH5Z6\\&pd_rd_wg=IAqx1\\&pd_rd_r=ff570237-8604-4432-b4cd-a726ce880b23\\&pd_rd_i=B0DDBG4S3Q\\&psc=1", "description": "Building Blazor Applications: A Developer's Guide (Published August 14, 2024)."}, {"name": "Mastering Blazor UI: Advanced Custom Components and Design Strategies", "url": "https://www.amazon.com/Mastering-Blazor-UI-Components-Strategies/dp/B0DG2RJD1R/ref=sr_1_1?crid=SK6RU9T2BOGD\\&dib=eyJ2IjoiMSJ9.s5wnoFiu-YggQzMUNkXdPUUkrmyKJs-ffmHU1vbgjlJYGeFcYE04oohzd7hcoj9zCTyfe-R07XyKNQvyU5t7Mw.NRJ3TXh3AQZpXwXQmV5IoCPC9y1T-ybHWaoO9G9DvFY\\&dib_tag=se\\&keywords=blazor+gallivan\\&qid=1728060552\\&s=books\\&sprefix=blazor+gallivan%2Cstripbooks%2C127\\&sr=1-1", "description": "Mastering Blazor UI: Advanced Custom Components and Design Strategies (Published September 3, 2024)."}, {"name": "Blazor WebAssembly Succinctly", "url": "https://www.syncfusion.com/ebooks/blazor_webassembly_succinctly", "description": "August 31, 2020 - Blazor is a framework for creating SPA webpages with either client-side or server-side architectures, using Razor technology written with the C# language. Because client-side Blazor with WebAssembly executes entirely on a user's browser, it\u2019s very fast for many applications. In Blazor WebAssembly Succinctly, Michael Washington will take readers through the core elements of Blazor and then explore additional features by building a sample application. Free e-book."}, {"name": "Blazor Succinctly", "url": "https://www.syncfusion.com/ebooks/blazor-succinctly", "description": "April 16, 2020 - A free e-book for starting with the Blazor framework."}, {"name": "Blazor, A Beginners Guide", "url": "https://www.telerik.com/campaigns/blazor/wp-beginners-guide-ebook", "description": "March 18, 2020 - A free e-book for getting started with the Blazor framework. [Examples source code (\u2b5024)](https://github.com/EdCharbeneau/BlazorBookExamples)."}, {"name": "Blazor for ASP.NET Web Forms developers", "url": "https://dotnet.microsoft.com/learn/aspnet/architecture#blazor-for-web-forms-devs-ebook-swim", "description": "Blazor for ASP.NET Web Forms developers, a free e-book from Microsoft."}, {"name": "Using CSLA 5: Blazor and WebAssembly", "url": "https://store.lhotka.net/using-csla-5-blazor-and-webassembly", "description": "This book covers the new Blazor UI framework, including how to create server-side and client-side WebAssembly projects, how to implement authentication and authorization, and how to use data binding. It then covers how CSLA .NET supports Blazor, including walking through a complete sample app."}, {"name": "An Introduction to Building Applications with Blazor", "url": "https://www.amazon.com/Introduction-Building-Applications-Blazor-applications-ebook/dp/B07WPQTT6H", "description": "August 24, 2019 - An Introduction to Building Applications with Blazor: How to get started creating applications using this exciting easy to use Microsoft C# framework"}, {"name": "Archives", "url": "https://github.com/AdrienTorris/awesome-blazor/tree/master/Archives", "description": "[2018 (\u2b509.1k)](https://github.com/AdrienTorris/awesome-blazor/blob/master/Archives/2018.md#e-books).", "stars": "9.1k"}, {"name": "Build a web app with Blazor WebAssembly and Visual Studio Code", "url": "https://docs.microsoft.com/learn/modules/build-blazor-webassembly-visual-studio-code/", "description": "Build a web app with Blazor WebAssembly and Visual Studio Code, on Microsoft Learn."}, {"name": "DevOps and Docker Support for .NET Core Blazor Applications", "url": "https://www.udemy.com/course/devops-and-docker-support-for-net-core-blazor/?ranMID=39197\\&ranEAID=w6JuN00t%2Fzo\\&ranSiteID=w6JuN00t_zo-Kv09UYco3AqwmZkipiMIXw\\&utm_source=aff-campaign\\&LSNPUBID=w6JuN00t%2Fzo\\&utm_medium=udemyads", "description": "June 2020 - DevOps and Docker Support for .NET Core Blazor Applications, on Udemy. This Docker Support Course with DevOps concepts using ASP.NET Core Blazor will teach you Dockerisation of Blazor Apps."}, {"name": "Programming in Blazor - ASP.NET Core 3.1", "url": "https://www.udemy.com/course/programming-in-blazor-aspnet-core", "description": "Create interactive web applications with C#, on Udemy."}, {"name": "Creating Blazor Components", "url": "https://www.pluralsight.com/courses/creating-blazor-components", "description": "December, 2019 - Building a Blazor app is building components. This course is essential for gaining a good understanding of components. On Pluralsight."}, {"name": "Authentication and Authorization in Blazor Applications", "url": "https://www.pluralsight.com/courses/authentication-authorization-blazor-applications", "description": "December, 2019 - Learn how to secure your Blazor application using a variety of best practice techniques for authentication and authorization. On Pluralsight."}, {"name": "Blazor: Getting Started", "url": "https://www.pluralsight.com/courses/getting-started-blazor", "description": "December, 2019 - Learn how to build your first application in a hands-on way using Blazor, Microsoft's solution to use C# to write interactive web UIs without JavaScript. On Pluralsight."}, {"name": "Blazor In-Depth Workshop (Blaze Invaders)", "url": "https://www.csharpacademy.com/courseinfo/2ccff0ac-4d3e-4d25-9368-6c1474640de5", "description": "December 2019 - Blazor In-Depth Workshop (Blaze Invaders), on C# Academy. Learn serious Blazor concepts while building a working browser based game."}, {"name": "Blazor and Razor Components in a nutshell", "url": "https://www.udemy.com/course/blazor-and-razor-components-in-a-nutshell/", "description": "October 2019 - Learn how to use a framework that allows you to run your compiled code directly in the browser on top of WebAssembly, a course on Udemy."}, {"name": "Blazor on ASP.NET Core 3.0", "url": "https://www.skillshare.com/site/join?teacherRef=102575464\\&t=Blazor-on-ASP.NET-Core-3.0\\&sku=1662883580", "description": "October 2019 - Blazor on ASP.NET Core 3.0, a course on SkillShare."}, {"name": "Blazor First Look on LinkedIn Learning", "url": "https://www.linkedin.com/learning/blazor-first-look", "description": "Blazor First Look on LinkedIn Learning. [Source code (\u2b5016)](https://github.com/Dedac/Beam) ."}, {"name": "Free Blazor Training Course", "url": "https://www.devexpress.com/support/training/blazor/", "description": "DevExpress Blazor free training course [Source code (\u2b5055)](https://github.com/DevExpress/blazor-training-samples) ."}, {"name": "Getting Started with Blazor", "url": "https://codered.eccouncil.org/course/getting-started-with-blazor", "description": "June 2021 - Discover the Core Concepts of Blazor and learn to create web applications with ease."}, {"name": "Awesome Blazor on Twitter", "url": "https://twitter.com/awesomeblazor", "description": "This repository's Twitter feed."}, {"name": "BuiltOnBlazor", "url": "https://builtonblazor.net", "description": "A showcase of sites running on Blazor"}, {"name": "Discord", "url": "https://discord.com/channels/732297728826277939/732297874062311424", "description": "Blazor channel on the DotNetEvolution discord server."}, {"name": "Gitter", "url": "https://gitter.im/aspnet/Blazor", "description": "Blazor discussion on Gitter."}, {"name": "I Love DotNet", "url": "https://github.com/ILoveDotNet/ilovedotnet", "description": "  - This is a .NET knowledge sharing platform with live demos crafted by developers for developers with love using .NET Blazor. [ilovedotnet.org](https://www.ilovedotnet.org).", "stars": "139"}, {"name": "Learn Blazor", "url": "https://learn-blazor.com/", "description": "Community documentation on Blazor."}, {"name": "Blazor Help Website", "url": "https://blazorhelpwebsite.com/", "description": "Blogs and code samples primarily covering server-side Blazor."}, {"name": "Practical samples of Blazor", "url": "https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor", "description": "Practical samples of Blazor.", "stars": "10k"}, {"name": "Practical samples of Blazor Server-Side", "url": "https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor-ss", "description": "Practical samples of Blazor Server-Side.", "stars": "10k"}, {"name": "Reddit", "url": "https://www.reddit.com/r/Blazor/", "description": "Blazor subreddit."}, {"name": "Stack Overflow", "url": "https://stackoverflow.com/questions/tagged/blazor", "description": "Blazor questions feed on Stack Overflow."}, {"name": "Twitter", "url": "https://twitter.com/hashtag/blazor", "description": "Hashtag on Twitter."}, {"name": "WebAssemblyMan", "url": "https://www.webassemblyman.com/", "description": "Man page for Blazor and WebAssembly."}, {"name": "Blaze of Code", "url": "https://blazeofcode.com/", "description": "\\[Portuguese] Blog about Blazor."}, {"name": "Blazor.ru", "url": "https://blazor.ru/", "description": "\\[Russian] Old official documentation website translated in Russian."}, {"name": "DevApps.be's podcast #44", "url": "http://devapps.be/podcast/blazor-webassembly/", "description": "\\[French] DevApps.be's podcast #44: \"Blazor et WebAssembly vont-ils tuer JavaScript ?\"."}, {"name": "DevApps.be's podcast #47", "url": "http://devapps.be/podcast/47-typescript-uno-angular-docfx/", "description": "\\[French] DevApps.be's podcast #47: \"Actualit\u00e9s : TypeScript, Uno, Angular, DocFX, Database\"."}, {"name": "Modern web apps with Blazor", "url": "https://media.aspitalia.com/events/VS2019-Blazor.media", "description": "\\[Italian] Video about Blazor."}, {"name": "Blazor Developer Italiani", "url": "https://blazordev.it/", "description": "\\[Italian] Italian Blazor community website with useful articles and events."}, {"name": "Playlist - Programando en Blazor", "url": "https://www.youtube.com/playlist?list=PL0kIvpOlieSNdIPZbn-mO15YIjRHY2wI9", "description": "\\[Spanish] Series of videos about Blazor."}, {"name": "Insights from the oracle", "url": "http://blog.ppedv.de/?tag=Blazor", "description": "\\[German] Blog about Blazor."}, {"name": "ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne Single-Page-Web-Applications mit .NET, C# und Visual Studio", "url": "https://www.amazon.de/exec/obidos/ASIN/393427935X/itvisions-21", "description": "German book on Blazor (Published September 15, 2020 with montly Updates)."}], "notes": [], "source": "Blazor"}, {"name": "Design", "entries": [{"name": "Stock", "url": "#stock", "description": ""}, {"name": "Icon and Logo", "url": "#icon-and-logo", "description": ""}, {"name": "Color", "url": "#color", "description": ""}, {"name": "Typography", "url": "#typography", "description": ""}, {"name": "Toolkit", "url": "#toolkit", "description": ""}, {"name": "Prototyping", "url": "#prototyping", "description": ""}, {"name": "Mockup", "url": "#mockup", "description": ""}, {"name": "User Testing", "url": "#user-testing", "description": ""}, {"name": "Read and Digest", "url": "#read-and-digest", "description": ""}, {"name": "Styleguide and Branding", "url": "#styleguide-and-branding", "description": ""}, {"name": "Tutorial", "url": "#tutorial", "description": ""}, {"name": "Book", "url": "#book", "description": ""}, {"name": "Award", "url": "#award", "description": ""}, {"name": "Conference and Festival", "url": "#conference-and-festival", "description": ""}, {"name": "Podcast", "url": "#podcast", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Albumarium", "url": "http://albumarium.com/", "description": ""}, {"name": "The Stocks", "url": "http://thestocks.im/", "description": ""}, {"name": "Polayoutu", "url": "http://www.polayoutu.com/collections", "description": ""}, {"name": "Illusion", "url": "http://illusion.scene360.com/", "description": ""}, {"name": "Baubauhaus", "url": "http://www.baubauhaus.com/", "description": ""}, {"name": "500px", "url": "https://web.500px.com/", "description": ""}, {"name": "1x", "url": "https://1x.com/", "description": ""}, {"name": "LIFE OF PIX", "url": "http://www.lifeofpix.com/", "description": ""}, {"name": "Unsplash", "url": "https://unsplash.com/", "description": ""}, {"name": "Stokpic", "url": "http://stokpic.com/", "description": ""}, {"name": "Raumrot", "url": "https://www.howtostartanllc.org/free-stock-photos/", "description": ""}, {"name": "Death to Stock", "url": "http://deathtothestockphoto.com/", "description": ""}, {"name": "Gratisography", "url": "http://www.gratisography.com/", "description": ""}, {"name": "picjumbo", "url": "https://picjumbo.com/", "description": ""}, {"name": "Magdeleine", "url": "https://magdeleine.co/browse/", "description": ""}, {"name": "Pexels", "url": "https://www.pexels.com/", "description": ""}, {"name": "imcreator", "url": "http://imcreator.com/", "description": ""}, {"name": "Startup Stock Photos", "url": "http://startupstockphotos.com/", "description": ""}, {"name": "New Old Stock Photos", "url": "http://nos.twnsnd.co/", "description": ""}, {"name": "Realistics Shots", "url": "http://realisticshots.com/", "description": ""}, {"name": "SplitShire", "url": "https://www.splitshire.com/", "description": ""}, {"name": "FancyCrave", "url": "http://fancycrave.com/", "description": ""}, {"name": "LIBRESHOT", "url": "https://libreshot.com/", "description": ""}, {"name": "BARNIMAGES", "url": "https://barnimages.com/", "description": ""}, {"name": "MMT", "url": "https://mmtstock.com/", "description": ""}, {"name": "JAY MANTRI", "url": "http://jaymantri.com/", "description": ""}, {"name": "FoodiesFeed", "url": "https://www.foodiesfeed.com/", "description": ""}, {"name": "Little Visuals", "url": "http://littlevisuals.co/", "description": ""}, {"name": "Bucketlistly Blog", "url": "http://photos.bucketlistly.com/", "description": ""}, {"name": "Pinterest", "url": "https://www.pinterest.com/", "description": ""}, {"name": "pixabay", "url": "https://pixabay.com/", "description": ""}, {"name": "depositphotos", "url": "https://depositphotos.com/", "description": ""}, {"name": "Stocksy", "url": "https://www.stocksy.com", "description": ""}, {"name": "butdoesitfloat", "url": "http://butdoesitfloat.com/", "description": ""}, {"name": "AllTheFreeStock", "url": "http://allthefreestock.com/", "description": ""}, {"name": "UI Faces", "url": "https://uifaces.co/", "description": ""}, {"name": "Coolors", "url": "https://coolors.co/", "description": ""}, {"name": "Colordot", "url": "https://color.hailpixel.com/", "description": ""}, {"name": "Brand Colors", "url": "https://brandcolors.net/", "description": ""}, {"name": "Material Design Palette", "url": "https://www.materialpalette.com/", "description": ""}, {"name": "Flat UI Color Picker", "url": "http://www.flatuicolorpicker.com/", "description": ""}, {"name": "LOL COLORS", "url": "https://www.webdesignrankings.com/resources/lolcolors/", "description": ""}, {"name": "The Day's Color", "url": "http://www.thedayscolor.com/", "description": ""}, {"name": "Color Claim", "url": "http://colorclaim.tumblr.com/", "description": ""}, {"name": "Color Hunt", "url": "http://colorhunt.co/", "description": ""}, {"name": "CSS Colours Name", "url": "http://colours.neilorangepeel.com/", "description": ""}, {"name": "rgb.to", "url": "http://rgb.to/", "description": ""}, {"name": "Color Code", "url": "http://www.colourco.de/", "description": ""}, {"name": "Colorrrs", "url": "http://www.webpagefx.com/web-design/hex-to-rgb/", "description": ""}, {"name": "Nippon Colors", "url": "http://nipponcolors.com/", "description": ""}, {"name": "Colorize", "url": "https://alexbeals.com/projects/colorize/", "description": ""}, {"name": "Hello Color", "url": "http://jxnblk.com/hello-color/", "description": ""}, {"name": "Color Lisa", "url": "http://www.colorlisa.com/", "description": ""}, {"name": "ColorDrop", "url": "https://colordrop.io/", "description": ""}, {"name": "colorfavs", "url": "http://www.colorfavs.com/", "description": ""}, {"name": "uiGradients", "url": "https://uigradients.com/", "description": ""}, {"name": "HTML Color Codes", "url": "http://htmlcolorcodes.com/", "description": ""}, {"name": "palettr", "url": "http://palettr.com/", "description": ""}, {"name": "Paletton", "url": "http://paletton.com/", "description": ""}, {"name": "Palettable", "url": "http://www.palettable.io/", "description": ""}, {"name": "Picular", "url": "https://picular.co/", "description": ""}, {"name": "Colorable", "url": "https://colorable.jxnblk.com/", "description": ""}, {"name": "Google Colors", "url": "https://material.io/guidelines/style/color.html", "description": ""}, {"name": "WebGradients", "url": "https://webgradients.com/", "description": ""}, {"name": "Chinese Colors", "url": "http://zhongguose.com", "description": ""}, {"name": "Gradienta", "url": "https://gradienta.io/", "description": ""}, {"name": "Veranda Color", "url": "https://verandacolor.com", "description": ""}, {"name": "macOS Icon Gallery", "url": "http://macosicongallery.com/", "description": ""}, {"name": "icon54", "url": "https://icon54.com", "description": ""}, {"name": "icons8", "url": "https://icons8.com/", "description": ""}, {"name": "Iconfinder", "url": "https://www.iconfinder.com/", "description": ""}, {"name": "icon dock", "url": "http://icondock.com/", "description": ""}, {"name": "Genericons Neue", "url": "https://genericons.com/", "description": ""}, {"name": "FlatIcons.net", "url": "http://flaticons.net/", "description": ""}, {"name": "FLATICON", "url": "http://www.flaticon.com/", "description": ""}, {"name": "Evil Icons", "url": "http://evil-icons.io/", "description": ""}, {"name": "Typeicons", "url": "http://typicons.com/", "description": ""}, {"name": "The Noun Project", "url": "https://thenounproject.com/", "description": ""}, {"name": "Nucleoapp", "url": "https://nucleoapp.com/", "description": ""}, {"name": "Picons", "url": "https://picons.me/", "description": ""}, {"name": "Pictos", "url": "http://pictos.cc/", "description": ""}, {"name": "Smashicons", "url": "https://smashicons.com/", "description": ""}, {"name": "Symbolset", "url": "https://symbolset.com/icons", "description": ""}, {"name": "logofaves", "url": "http://logofaves.com/", "description": ""}, {"name": "Logo of the day", "url": "http://logooftheday.com/", "description": ""}, {"name": "LogoMoose", "url": "https://www.logomoose.com/", "description": ""}, {"name": "Logospire", "url": "http://logospire.com/", "description": ""}, {"name": "Squid.ink", "url": "http://thesquid.ink", "description": ""}, {"name": "Game Icons", "url": "http://game-icons.net/", "description": ""}, {"name": "svgicons.sparkk.fr", "url": "http://svgicons.sparkk.fr/", "description": ""}, {"name": "Material Design Icons", "url": "https://materialdesignicons.com/", "description": ""}, {"name": "Material Design Iconic Font", "url": "http://zavoloklom.github.io/material-design-iconic-font/index.html", "description": ""}, {"name": "Bytesize", "url": "http://danklammer.com/bytesize-icons/", "description": ""}, {"name": "NOVA Material Design Icons", "url": "http://www.webalys.com/nova/index.html", "description": ""}, {"name": "Free Icon Shop", "url": "https://freeiconshop.com/", "description": ""}, {"name": "Simple Icons", "url": "https://simpleicons.org/", "description": ""}, {"name": "iconmonstr", "url": "https://iconmonstr.com/", "description": ""}, {"name": "Octions", "url": "https://octicons.github.com/", "description": ""}, {"name": "We Love Icon Fonts", "url": "http://weloveiconfonts.com/", "description": ""}, {"name": "IconStore", "url": "https://iconstore.co/", "description": ""}, {"name": "Google Material Icons", "url": "https://design.google.com/icons/", "description": ""}, {"name": "Font Awesome", "url": "http://fontawesome.io/", "description": ""}, {"name": "IconMoon", "url": "https://icomoon.io/", "description": ""}, {"name": "ICONO", "url": "http://saeedalipoor.github.io/icono/", "description": ""}, {"name": "svg-icon", "url": "http://leungwensen.github.io/svg-icon/", "description": ""}, {"name": "Iconfont+", "url": "http://www.iconfont.cn/", "description": ""}, {"name": "CoreUI Icons", "url": "http://coreui.io/icons/", "description": ""}, {"name": "typography", "url": "https://www.typography.com/", "description": ""}, {"name": "i love typography", "url": "http://ilovetypography.com/", "description": ""}, {"name": "Type is Beautiful", "url": "https://www.typeisbeautiful.com/", "description": ""}, {"name": "Butterick's Practical Typography", "url": "http://practicaltypography.com/", "description": ""}, {"name": "Fonts", "url": "https://www.fonts.com/", "description": ""}, {"name": "Font Squirrel", "url": "https://www.fontsquirrel.com/", "description": ""}, {"name": "Typewolf", "url": "https://www.typewolf.com/", "description": ""}, {"name": "Type Novel", "url": "http://typenovel.tumblr.com/", "description": ""}, {"name": "Fonts In Use", "url": "https://fontsinuse.com/", "description": ""}, {"name": "My Fonts", "url": "http://www.myfonts.com/", "description": ""}, {"name": "The Designers Foundry", "url": "https://www.thedesignersfoundry.com/", "description": ""}, {"name": "Adobe Fonts", "url": "https://fonts.adobe.com/fonts", "description": ""}, {"name": "Google Fonts", "url": "https://fonts.google.com/", "description": ""}, {"name": "Google Font Combinations", "url": "https://femmebot.github.io/google-type/", "description": ""}, {"name": "justfont", "url": "http://blog.justfont.com/", "description": ""}, {"name": "Font Library", "url": "http://katydecorah.com/font-library/", "description": ""}, {"name": "Type Guide", "url": "http://www.typogui.de/", "description": ""}, {"name": "workmark", "url": "https://wordmark.it/", "description": ""}, {"name": "fontfling", "url": "http://fontfling.com/", "description": ""}, {"name": "Glyphr Studio", "url": "http://www.glyphrstudio.com/online/", "description": ""}, {"name": "Lost Type", "url": "http://www.losttype.com/browse/", "description": ""}, {"name": "Brick", "url": "http://brick.im/", "description": ""}, {"name": "Village", "url": "https://vllg.com/", "description": ""}, {"name": "Klim", "url": "https://klim.co.nz/", "description": ""}, {"name": "Milieu Grotesque", "url": "https://www.milieugrotesque.com/", "description": ""}, {"name": "Lineto", "url": "https://lineto.com/", "description": ""}, {"name": "Colophon", "url": "https://www.colophon-foundry.org/", "description": ""}, {"name": "T26", "url": "https://www.t26.com/", "description": ""}, {"name": "Typ.io", "url": "https://typ.io", "description": ""}, {"name": "TypeNetwork", "url": "https://www.typenetwork.com/", "description": ""}, {"name": "The League of Moveable Type", "url": "https://www.theleagueofmoveabletype.com/", "description": ""}, {"name": "Sketch", "url": "https://www.sketchapp.com/", "description": ""}, {"name": "Adobe Photoshop", "url": "http://www.adobe.com/products/photoshop.html", "description": ""}, {"name": "Adobe Illustrator", "url": "http://www.adobe.com/products/illustrator.html", "description": ""}, {"name": "Adobe After Effects", "url": "http://www.adobe.com/products/aftereffects.html", "description": ""}, {"name": "Adobe Project Felix", "url": "http://www.adobe.com/products/project-felix.html", "description": ""}, {"name": "Adobe XD", "url": "https://www.adobe.com/products/xd.html", "description": ""}, {"name": "Zeplin", "url": "https://zeplin.io/", "description": ""}, {"name": "Panda", "url": "http://usepanda.com/", "description": ""}, {"name": "INBOARD", "url": "https://inboardapp.com/", "description": ""}, {"name": "Sip", "url": "http://sipapp.io/", "description": ""}, {"name": "RightFont", "url": "https://rightfontapp.com/", "description": ""}, {"name": "Dropbox", "url": "https://www.dropbox.com/", "description": ""}, {"name": "Iconjar", "url": "https://geticonjar.com/", "description": ""}, {"name": "Affinity Designer", "url": "https://affinity.serif.com/en-gb/designer/", "description": "Professional graphic design software for Mac."}, {"name": "Inkscape", "url": "https://inkscape.org/en/", "description": ""}, {"name": "Figma", "url": "https://www.figma.com/", "description": ""}, {"name": "Gravit", "url": "https://www.gravit.io/", "description": ""}, {"name": "Taskade", "url": "https://www.taskade.com/", "description": ""}, {"name": "Framer X", "url": "https://framer.com/", "description": ""}, {"name": "Marvel", "url": "https://marvelapp.com/", "description": ""}, {"name": "InVision", "url": "https://www.invisionapp.com/", "description": ""}, {"name": "Origami", "url": "http://origami.design/", "description": ""}, {"name": "Haiku", "url": "https://www.haiku.ai/", "description": ""}, {"name": "Atomic", "url": "https://www.atomic.io/", "description": ""}, {"name": "Proto.io", "url": "https://proto.io/", "description": ""}, {"name": "Protopie", "url": "https://www.protopie.io/", "description": ""}, {"name": "Justinmind", "url": "https://www.justinmind.com/", "description": ""}, {"name": "Principle", "url": "http://principleformac.com/", "description": ""}, {"name": "Flinto", "url": "https://www.flinto.com/", "description": ""}, {"name": "Axure", "url": "https://www.axure.com/", "description": ""}, {"name": "Form", "url": "http://www.relativewave.com/form/", "description": ""}, {"name": "Bootstrap Studio", "url": "https://bootstrapstudio.io/", "description": ""}, {"name": "Adobe Experience Design", "url": "http://www.adobe.com/products/experience-design.html", "description": ""}, {"name": "UXPin", "url": "https://www.uxpin.com/", "description": ""}, {"name": "MockingBot", "url": "https://modao.cc/", "description": ""}, {"name": "POP", "url": "https://marvelapp.com/pop/?popref=1", "description": ""}, {"name": "Prott", "url": "https://prottapp.com/", "description": ""}, {"name": "Mockup World", "url": "https://www.mockupworld.co/", "description": ""}, {"name": "Placeit", "url": "https://placeit.net/", "description": ""}, {"name": "Epicpxls", "url": "https://www.epicpxls.com/", "description": ""}, {"name": "360 Mockups", "url": "https://360mockups.com/", "description": ""}, {"name": "Facebook Devices", "url": "http://facebook.design/devices", "description": ""}, {"name": "Facebook HandsKit", "url": "http://facebook.design/handskit", "description": ""}, {"name": "UINames", "url": "https://uinames.com/", "description": ""}, {"name": "NinjaMock", "url": "https://ninjamock.com/", "description": ""}, {"name": "Smartmockups app", "url": "https://smartmockups.com/", "description": ""}, {"name": "Froala Design Blocks", "url": "https://www.froala.com/design-blocks", "description": ""}, {"name": "ScreenSpace", "url": "https://www.screenspace.io", "description": ""}, {"name": "Rotato 3D mockups", "url": "https://rotato.xyz", "description": ""}, {"name": "Lorem Ipsum", "url": "http://www.lipsum.com/feed/html", "description": ""}, {"name": "BrowserFrame", "url": "https://browserframe.com/", "description": ""}, {"name": "Device Shots", "url": "https://deviceshots.com", "description": ""}, {"name": "Lookback.io", "url": "https://lookback.io/", "description": ""}, {"name": "UserTesting", "url": "https://www.usertesting.com/", "description": ""}, {"name": "UserBrain", "url": "https://userbrain.net/", "description": ""}, {"name": "Reflector", "url": "http://www.airsquirrels.com/reflector/", "description": ""}, {"name": "User Zoom", "url": "http://www.userzoom.co.uk/", "description": ""}, {"name": "Ethn.io", "url": "https://ethn.io/", "description": ""}, {"name": "Usabilla", "url": "https://usabilla.com/", "description": ""}, {"name": "UserTest.io", "url": "https://usertest.io/", "description": ""}, {"name": "Validately", "url": "https://validately.com/", "description": ""}, {"name": "Users Think", "url": "http://usersthink.com/", "description": ""}, {"name": "CrazyEgg", "url": "https://www.crazyegg.com/", "description": ""}, {"name": "HotJar", "url": "https://www.hotjar.com/", "description": ""}, {"name": "Inspectlet", "url": "https://www.inspectlet.com/", "description": ""}, {"name": "Clicktale", "url": "https://www.clicktale.com", "description": ""}, {"name": "Maze Design", "url": "http://maze.design", "description": ""}, {"name": "Design Milk", "url": "http://design-milk.com/", "description": ""}, {"name": "frog", "url": "https://www.frogdesign.com/", "description": ""}, {"name": "Danish Design Centre", "url": "http://danskdesigncenter.dk/", "description": ""}, {"name": "Google Design", "url": "https://design.google.com/", "description": ""}, {"name": "Google Art & Culture", "url": "https://www.google.com/culturalinstitute/beta/", "description": ""}, {"name": "Airbnb Design", "url": "https://airbnb.design/", "description": ""}, {"name": "Fast.Co Design", "url": "https://www.fastcodesign.com/", "description": ""}, {"name": "Smashing Magazine", "url": "https://www.smashingmagazine.com/", "description": ""}, {"name": "Design Taxi", "url": "http://designtaxi.com/", "description": ""}, {"name": "Yanko Design", "url": "http://www.yankodesign.com/", "description": ""}, {"name": "Swiss Miss", "url": "http://www.swiss-miss.com/", "description": ""}, {"name": "UX Magazine", "url": "http://uxmag.com/", "description": ""}, {"name": "UXBooth", "url": "http://www.uxbooth.com/", "description": ""}, {"name": "IDEO", "url": "https://www.ideo.com/", "description": ""}, {"name": "Design Shack", "url": "https://designshack.net/", "description": ""}, {"name": "Booooooom", "url": "http://www.booooooom.com/blog/design/", "description": ""}, {"name": "designmodo", "url": "https://designmodo.com/inspiration/", "description": ""}, {"name": "webdesignerdepot", "url": "https://www.webdesignerdepot.com/", "description": ""}, {"name": "UX Movement", "url": "http://uxmovement.com/", "description": ""}, {"name": "Speckyboy", "url": "https://speckyboy.com/", "description": ""}, {"name": "HUGE", "url": "http://www.hugeinc.com/", "description": ""}, {"name": "Sitepoint Blog", "url": "https://www.sitepoint.com/blog/", "description": ""}, {"name": "UIE", "url": "https://articles.uie.com/", "description": ""}, {"name": "Attack the Front", "url": "http://attackthefront.com", "description": ""}, {"name": "codrops", "url": "https://tympanus.net/codrops/", "description": ""}, {"name": "The Great Discontent", "url": "https://thegreatdiscontent.com/", "description": ""}, {"name": "Underconsideration", "url": "http://underconsideration.com/", "description": ""}, {"name": "Little Big Details", "url": "http://littlebigdetails.com/", "description": ""}, {"name": "WAYS WE WORK", "url": "http://wayswework.io/", "description": ""}, {"name": "Creative Review", "url": "https://www.creativereview.co.uk/", "description": ""}, {"name": "Creativeoverflow", "url": "http://creativeoverflow.net/", "description": ""}, {"name": "FORM UP NORTH", "url": "http://www.fromupnorth.com/", "description": ""}, {"name": "Facebook", "url": "http://facebook.design/", "description": ""}, {"name": "Facebook Design on Medium", "url": "https://medium.com/facebook-design", "description": ""}, {"name": "Hacking UI", "url": "http://hackingui.com/", "description": ""}, {"name": "PixelSquid Blog", "url": "https://blog.pixelsquid.com/", "description": ""}, {"name": "LOGO DESIGN LOVE", "url": "http://www.logodesignlove.com/", "description": ""}, {"name": "DesignM.ag", "url": "https://designm.ag/", "description": ""}, {"name": "HeyDesigner", "url": "http://heydesigner.com/", "description": ""}, {"name": "Nicely Done", "url": "http://nicelydone.club/", "description": ""}, {"name": "Dropbox Design on Medium", "url": "https://medium.com/dropbox-design", "description": ""}, {"name": "Designer News", "url": "https://www.designernews.co/", "description": ""}, {"name": "Sidebar", "url": "https://sidebar.io/", "description": ""}, {"name": "CodePen Blog", "url": "https://blog.codepen.io/", "description": ""}, {"name": "Web Designer News", "url": "http://www.webdesignernews.com/", "description": ""}, {"name": "The UX for VR", "url": "https://www.uxofvr.com/", "description": ""}, {"name": "Reeoo", "url": "http://reeoo.com/", "description": ""}, {"name": "CREATIVE BLOQ", "url": "http://www.creativebloq.com/", "description": ""}, {"name": "Pond5", "url": "https://www.pond5.com/", "description": ""}, {"name": "Dexigner", "url": "https://www.dexigner.com/", "description": ""}, {"name": "Nicce on Medium", "url": "https://blog.niice.co/", "description": ""}, {"name": "Artwxrk", "url": "https://www.artwxrk.com", "description": ""}, {"name": "Designspiration", "url": "http://designspiration.net/", "description": ""}, {"name": "Freebiesbug", "url": "https://freebiesbug.com/", "description": ""}, {"name": "Muuuuu", "url": "http://muuuuu.org/", "description": ""}, {"name": "Muzli on Medium", "url": "https://medium.muz.li/", "description": ""}, {"name": "The Best Designs", "url": "https://www.thebestdesigns.com/", "description": ""}, {"name": "Flat Inspire", "url": "http://flatinspire.com/", "description": ""}, {"name": "Site Inspire", "url": "https://www.siteinspire.com/", "description": ""}, {"name": "Media Queries", "url": "https://mediaqueri.es/", "description": ""}, {"name": "One Page Love", "url": "https://onepagelove.com/", "description": ""}, {"name": "Admire the Web", "url": "https://www.admiretheweb.com/", "description": ""}, {"name": "Pttrns", "url": "https://pttrns.com/", "description": ""}, {"name": "CRAFTED BY LOVE", "url": "http://www.craftedbylove.com/#/", "description": ""}, {"name": "HTTPSTER", "url": "https://httpster.net/", "description": ""}, {"name": "Empty States", "url": "http://emptystat.es/", "description": ""}, {"name": "Call to Idea", "url": "http://www.calltoidea.com/", "description": ""}, {"name": "Siiimple", "url": "https://siiimple.com/", "description": ""}, {"name": "Zurb PatternTap", "url": "http://zurb.com/patterntap", "description": ""}, {"name": "Land Book", "url": "https://land-book.com/", "description": ""}, {"name": "oozled", "url": "http://oozled.com/", "description": ""}, {"name": "DESIGN DETAILS", "url": "http://www.brianlovin.com/design-details/", "description": ""}, {"name": "officelovin", "url": "https://www.officelovin.com/", "description": ""}, {"name": "Best Website", "url": "https://bestwebsite.gallery/", "description": ""}, {"name": "FreeDesignResources", "url": "http://freedesignresources.net/", "description": ""}, {"name": "Abduzeedo", "url": "http://abduzeedo.com/", "description": ""}, {"name": "Material UI", "url": "https://www.materialui.co", "description": ""}, {"name": "1stwebdesigner", "url": "https://1stwebdesigner.com", "description": ""}, {"name": "EMOJI CHEAT SHEET", "url": "https://www.webpagefx.com/tools/emoji-cheat-sheet/", "description": ""}, {"name": "EMOJI CSS", "url": "https://afeld.github.io/emoji-css/?ref=webdesignernews.com", "description": ""}, {"name": "DesignShock", "url": "https://www.designshock.com/", "description": ""}, {"name": "SVG PORN", "url": "http://www.svgporn.com/", "description": ""}, {"name": "Up", "url": "https://www.uplabs.com/", "description": ""}, {"name": "Freebbble", "url": "http://freebbble.com/", "description": ""}, {"name": "Baianat", "url": "https://www.baianat.com/resources/", "description": ""}, {"name": "Graphberry", "url": "http://www.graphberry.com/", "description": ""}, {"name": "UX Project Checklist", "url": "http://uxchecklist.github.io/", "description": ""}, {"name": "TRIDIV", "url": "http://tridiv.com/", "description": ""}, {"name": "Mobile Mozaic", "url": "http://www.mobilemozaic.com/", "description": ""}, {"name": "wwwhere", "url": "http://wwwhere.io/", "description": ""}, {"name": "Lapa", "url": "http://www.lapa.ninja/", "description": ""}, {"name": "Designer Mill", "url": "https://www.designermill.com/", "description": ""}, {"name": "Freebiesjedi", "url": "http://freebiesjedi.com", "description": ""}, {"name": "Webfieldmanual", "url": "https://webfieldmanual.com/", "description": ""}, {"name": "UXTOOLS", "url": "https://uxtools.co/", "description": ""}, {"name": "CodeMyUI", "url": "https://codemyui.com/", "description": ""}, {"name": "A List Apart", "url": "https://alistapart.com/", "description": ""}, {"name": "Brand Style Guide Examples", "url": "https://saijogeorge.com/brand-style-guide-examples/", "description": ""}, {"name": "Mozilla", "url": "https://www.mozilla.org/en-US/styleguide/", "description": ""}, {"name": "Mailchimp", "url": "http://ux.mailchimp.com/patterns/", "description": ""}, {"name": "Lonely Planet", "url": "http://rizzo.lonelyplanet.com/styleguide/design-elements/colours", "description": ""}, {"name": "Starbucks", "url": "https://www.starbucks.com/static/reference/styleguide/", "description": ""}, {"name": "Yelp", "url": "https://www.yelp.com/styleguide", "description": ""}, {"name": "IBM", "url": "https://www.ibm.com/design/language/", "description": ""}, {"name": "Uber", "url": "https://medium.com/uber-design", "description": ""}, {"name": "Atlassian", "url": "https://www.atlassian.design/", "description": ""}, {"name": "Dropbox", "url": "https://www.dropbox.com/branding", "description": ""}, {"name": "Spotify", "url": "https://developer.spotify.com/design/", "description": ""}, {"name": "Youtube", "url": "https://www.youtube.com/yt/about/brand-resources/", "description": ""}, {"name": "Facebook - Brand Resource Center Book", "url": "https://en.facebookbrand.com/", "description": ""}, {"name": "Vimeo", "url": "https://press.vimeo.com/brand-guidelines", "description": ""}, {"name": "Ubuntu", "url": "http://design.ubuntu.com/", "description": ""}, {"name": "BBC", "url": "http://www.bbc.co.uk/gel", "description": ""}, {"name": "Channel4", "url": "http://styleguides.channel4.com/E4_StyleGuide.pdf", "description": ""}, {"name": "Twitter", "url": "https://brand.twitter.com/", "description": ""}, {"name": "Nike Pro", "url": "http://manualcreative.com/project/nike-pro-services/", "description": ""}, {"name": "Medium", "url": "https://www.behance.net/gallery/7226653/Medium-Brand-Development", "description": ""}, {"name": "Linkedin", "url": "https://brand.linkedin.com/", "description": ""}, {"name": "Red Cross", "url": "http://www.redcross.org/images/MEDIA_CustomProductCatalog/m6440103_BrandPoster.pdf", "description": ""}, {"name": "Marvel", "url": "https://marvelapp.com/styleguide/overview/introduction", "description": ""}, {"name": "buffer", "url": "https://buffer.com/style-guide", "description": ""}, {"name": "VSCO", "url": "http://vsco.co/id/journal/p/1", "description": ""}, {"name": "Instagram", "url": "https://en.instagram-brand.com/", "description": ""}, {"name": "WhatsApp", "url": "https://www.whatsappbrand.com/", "description": ""}, {"name": "Snapchat", "url": "https://www.snapchat.com/brand-guidelines#general-usage-guidelines", "description": ""}, {"name": "Atlassian", "url": "https://atlassian.design/", "description": ""}, {"name": "Clarity", "url": "http://clarity.design", "description": ""}, {"name": "Apple iOS", "url": "https://developer.apple.com/ios/human-interface-guidelines/", "description": ""}, {"name": "Apple macOS", "url": "https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/", "description": ""}, {"name": "Google Trends", "url": "https://newslab.withgoogle.com/assets/docs/google-trends-guide.pdf", "description": ""}, {"name": "Google Visual Assets Guidelines", "url": "https://www.behance.net/gallery/9028077/Google-Visual-Assets-Guidelines-Part-2", "description": ""}, {"name": "Google Design for Glass", "url": "https://developers.google.com/glass/design/", "description": ""}, {"name": "Google Material Design", "url": "https://material.io/guidelines/", "description": ""}, {"name": "Microsoft Design", "url": "https://www.microsoft.com/en-us/design", "description": ""}, {"name": "Microsoft Fluent Design System", "url": "http://fluent.microsoft.com/", "description": ""}, {"name": "NASA 2011", "url": "https://sservi.nasa.gov/wp-content/uploads/2011/10/NASA_Style_Guide_v2.1.pdf", "description": ""}, {"name": "NASA 1976", "url": "https://www.nasa.gov/sites/default/files/atoms/files/nasa_graphics_manual_nhb_1430-2_jan_1976.pdf", "description": ""}, {"name": "Ant Design", "url": "http://ant.design", "description": ""}, {"name": "Audi", "url": "https://www.audi.com/ci/en/renewed-brand.html", "description": ""}, {"name": "Lynda", "url": "https://www.lynda.com/", "description": ""}, {"name": "CreativeLive", "url": "https://www.creativelive.com/", "description": ""}, {"name": "DesignSchool", "url": "https://designschool.canva.com/", "description": ""}, {"name": "Envato Tuts+", "url": "https://tutsplus.com/", "description": ""}, {"name": "Udemy", "url": "https://www.udemy.com/courses/design/", "description": ""}, {"name": "AboutCG", "url": "http://www.aboutcg.com/", "description": ""}, {"name": "DevDojo", "url": "https://devdojo.com/", "description": ""}, {"name": "Platzi", "url": "https://courses.platzi.com", "description": ""}, {"name": "greyscalegorilla", "url": "https://greyscalegorilla.com/", "description": ""}, {"name": "Universal Principles of Design", "url": "https://www.amazon.com/Universal-Principles-Design-Revised-Updated/dp/1592535879/ref=sr_1_2?s=books\\&ie=UTF8\\&qid=1473096298\\&sr=1-2\\&keywords=Universal+Methods+of+Design", "description": ""}, {"name": "Universal Methods of Design", "url": "https://www.amazon.com/Universal-Methods-Design-Innovative-Effective/dp/1592537561/ref=pd_sim_14_3?ie=UTF8\\&psc=1\\&refRID=2NG71RWR7MKGXE1B8GZ3", "description": ""}, {"name": "Don't Make Me Think", "url": "https://www.amazon.com/gp/product/0321965515/ref=as_li_qf_sp_asin_il_tl?ie=UTF8\\&camp=1789\\&creative=9325\\&creativeASIN=0321965515\\&linkCode=as2\\&tag=office03a70-20\\&linkId=PF4EASLP4EM62N73", "description": ""}, {"name": "About Face: The Essentials of Interaction Design", "url": "https://www.amazon.com/gp/product/1118766571/ref=as_li_qf_sp_asin_il_tl?ie=UTF8\\&camp=1789\\&creative=9325\\&creativeASIN=1118766571\\&linkCode=as2\\&tag=office03a70-20\\&linkId=I5TMKUXHZ43SHHPE", "description": ""}, {"name": "How to Be a Graphic Designer without Losing Your Soul", "url": "https://www.amazon.com/Graphic-Designer-without-Losing-Expanded/dp/1568989830", "description": ""}, {"name": "Simple and Usable Web, Mobile, and Interaction Design", "url": "https://www.amazon.com/gp/product/0321703545", "description": ""}, {"name": "Lean UX: Applying Lean Principles to Improve User Experience", "url": "https://www.amazon.com/Lean-UX-Applying-Principles-Experience/dp/1449311652", "description": ""}, {"name": "Designing Interfaces", "url": "https://www.amazon.com/Designing-Interfaces-Jenifer-Tidwell/dp/1449379702", "description": ""}, {"name": "100 Things Every Designer Needs to Know About People", "url": "https://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535", "description": ""}, {"name": "The UX Book: Process and Guidelines for Ensuring a Quality User Experience", "url": "https://www.amazon.com/UX-Book-Guidelines-Ensuring-Experience/dp/0123852412", "description": ""}, {"name": "Thinking with Type", "url": "https://www.amazon.com/gp/product/1568989695/", "description": ""}, {"name": "The Elements of Graphic Design", "url": "https://www.amazon.com/Elements-Graphic-Design-Second/dp/1581157622/", "description": ""}, {"name": "Usability Matters: Mobile-first UX for developers and other accidental designers", "url": "https://www.manning.com/books/usability-matters", "description": ""}, {"name": "Design for the Mind", "url": "https://www.manning.com/books/design-for-the-mind", "description": ""}, {"name": "Good Design Award", "url": "http://www.g-mark.org/?locale=en", "description": ""}, {"name": "Red Dot Award", "url": "http://en.red-dot.org/", "description": ""}, {"name": "Apple Design Awards", "url": "https://developer.apple.com/design/awards/", "description": ""}, {"name": "iF Product Design Award", "url": "http://ifworlddesignguide.com/", "description": ""}, {"name": "FWA", "url": "https://thefwa.com/", "description": ""}, {"name": "CSS Design Awards", "url": "http://www.cssdesignawards.com/", "description": ""}, {"name": "CSS Awards", "url": "https://www.cssawards.net/", "description": ""}, {"name": "Creative AD Awards", "url": "http://www.creativeadawards.com/", "description": ""}, {"name": "D\\&AD", "url": "https://www.dandad.org/", "description": ""}, {"name": "Awwwards", "url": "https://www.awwwards.com/", "description": ""}, {"name": "CSS Winner", "url": "http://www.csswinner.com/", "description": ""}, {"name": "Uideo", "url": "https://uideo.net", "description": ""}, {"name": "MAX", "url": "https://max.adobe.com/", "description": ""}, {"name": "The AIGA Design Conference", "url": "http://designconference.aiga.org/#!/", "description": ""}, {"name": "SXSW", "url": "https://www.sxsw.com/", "description": ""}, {"name": "ICON9", "url": "http://www.theillustrationconference.org/", "description": ""}, {"name": "Mirror", "url": "http://www.mirrorconf.com", "description": ""}, {"name": "Interaction", "url": "http://interaction16.ixda.org/", "description": ""}, {"name": "Offset", "url": "http://www.iloveoffset.com/", "description": ""}, {"name": "99U", "url": "http://conference.99u.com/", "description": ""}, {"name": "Typographics", "url": "http://typographics.com", "description": ""}, {"name": "Brand New Conference", "url": "http://underconsideration.com/brandnewconference/", "description": ""}, {"name": "How Design Live", "url": "http://www.howdesignlive.com/", "description": ""}, {"name": "Better by Design", "url": "http://betterbydesignconference.com/", "description": ""}, {"name": "What Design Can Do", "url": "http://www.whatdesigncando.com/", "description": ""}, {"name": "Design and Content", "url": "https://www.designcontentconf.com/", "description": ""}, {"name": "generate", "url": "https://www.generateconf.com/", "description": ""}, {"name": "Typo International Design Talks", "url": "https://www.typotalks.com/", "description": ""}, {"name": "Service Design Days", "url": "http://servicedesigndays.com/", "description": ""}, {"name": "SemiPermanent", "url": "https://www.semipermanent.com", "description": ""}, {"name": "Dribbble Meetups", "url": "https://dribbble.com/meetups", "description": ""}, {"name": "CreativeMornings", "url": "https://creativemornings.com/", "description": ""}, {"name": "CodePen Meetups", "url": "https://blog.codepen.io/meetups/", "description": ""}, {"name": "99% INVISIBLE", "url": "http://99percentinvisible.org/", "description": ""}, {"name": "Shop Talk", "url": "http://shoptalkshow.com/", "description": ""}, {"name": "workmode", "url": "http://workmode.show/", "description": ""}, {"name": "UX Podcast", "url": "http://uxpodcast.com/", "description": ""}, {"name": "Anyway.fm - \u8bbe\u8ba1\u6742\u8c08", "url": "http://anyway.fm/", "description": ""}, {"name": "The Deeply Graphic Design", "url": "http://thedeependdesign.com/graphic-design-podcast/", "description": ""}, {"name": "Tentative.fm", "url": "http://tentative.fm/", "description": ""}, {"name": "Pagebreak", "url": "http://www.pagebreakpodcast.com/", "description": ""}, {"name": "Design Matters", "url": "http://www.debbiemillman.com/designmatters/", "description": ""}, {"name": "The Greate Discontent Podcast", "url": "https://thegreatdiscontent.com/podcast", "description": ""}, {"name": "Design Details Podcast", "url": "https://spec.fm/podcasts/design-details", "description": ""}, {"name": "Layout.fm", "url": "http://layout.fm/", "description": ""}, {"name": "Type is Beautiful - \u5b57\u8c08\u5b57\u7545", "url": "https://itunes.apple.com/podcast/zi-tan-zi-chang/id1041704528", "description": ""}, {"name": "Boagworld UX Show", "url": "https://boagworld.com/show/", "description": ""}, {"name": "Responsive Web Design Podcast", "url": "https://responsivewebdesign.com/podcast/", "description": ""}, {"name": "Adventures in Design", "url": "http://www.adventuresindesignmarket.com/", "description": ""}, {"name": "The Hacking UI Podcast", "url": "http://hackingui.com/podcast/", "description": ""}, {"name": "CodePen Radio", "url": "https://blog.codepen.io/radio/", "description": ""}, {"name": "UX COFFEE - \u8bbe\u8ba1\u5496", "url": "http://www.uxcoffee.com/", "description": ""}, {"name": "Dribbble", "url": "https://dribbble.com/", "description": ""}, {"name": "Behance", "url": "https://www.behance.net/", "description": ""}, {"name": "Medium", "url": "https://medium.com/", "description": ""}, {"name": "Fribbble", "url": "http://www.fribbble.com/", "description": ""}, {"name": "DeviantArt", "url": "http://www.deviantart.com/", "description": ""}, {"name": "CARGO", "url": "https://2.cargocollective.com", "description": ""}, {"name": "tumblr", "url": "https://www.tumblr.com/", "description": ""}], "notes": [], "source": "Design"}, {"name": "Wpo \u2014 Table of Contents", "entries": [{"name": "Analyzers", "url": "#analyzers", "description": ""}, {"name": "Analyzers API", "url": "#analyzers---api", "description": ""}, {"name": "Application Performance Monitoring", "url": "#application-performance-monitoring", "description": ""}, {"name": "Bundle Analyzer", "url": "#bundle-analyzer", "description": ""}, {"name": "Benchmark - CSS", "url": "#benchmark---css", "description": ""}, {"name": "Benchmark - JS", "url": "#benchmark---javascript", "description": ""}, {"name": "Benchmark - PHP", "url": "#benchmark---php", "description": ""}, {"name": "Bookmarklets", "url": "#bookmarklets", "description": ""}, {"name": "CDN", "url": "#cdn", "description": ""}, {"name": "CDN - Monitor", "url": "#cdn---monitor", "description": ""}, {"name": "CDN - Utilities", "url": "#cdn---utilities", "description": ""}, {"name": "Extensions", "url": "#extensions", "description": ""}, {"name": "Image Optimizers", "url": "#image-optimizers", "description": ""}, {"name": "Generators", "url": "#generators", "description": ""}, {"name": "Lazyloaders", "url": "#lazyloaders", "description": ""}, {"name": "Loaders", "url": "#loaders", "description": ""}, {"name": "Metrics Monitor", "url": "#metrics-monitor", "description": ""}, {"name": "Minifiers HTML", "url": "#minifiers---html", "description": ""}, {"name": "Minifiers JS & CSS", "url": "#minifiers---js--css", "description": ""}, {"name": "Miscellaneous", "url": "#miscellaneous", "description": ""}, {"name": "SVG", "url": "#svg", "description": ""}, {"name": "Web Components", "url": "#web-components", "description": ""}, {"name": "Web server Benchmarks", "url": "#web-server-benchmarks", "description": ""}, {"name": "Web server Modules", "url": "#web-server-modules", "description": ""}, {"name": "Specs", "url": "#specs", "description": ""}, {"name": "Stats", "url": "#stats", "description": ""}, {"name": "Other Awesome Lists", "url": "#other-awesome-lists", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "HTTP/2 in Action by Barry Pollard", "url": "https://www.manning.com/books/http2-in-action", "description": "Barry Pollard"}, {"name": "Web Performance in Action by Jeremy Wagner", "url": "https://www.manning.com/books/web-performance-in-action", "description": "Jeremy L. Wagner"}, {"name": "Book of Speed", "url": "https://www.bookofspeed.com/", "description": "Stoyan Stefanov"}, {"name": "Designing for Performance: Weighing Aesthetics and Speed", "url": "http://designingforperformance.com/", "description": "Lara Callender Hogan"}, {"name": "Even Faster Web Sites: Performance Best Practices for Web Developers", "url": "http://shop.oreilly.com/product/9780596522315.do", "description": "Steve Souders"}, {"name": "High Performance Browser Networking: What every web developer should know about networking and web performance", "url": "http://shop.oreilly.com/product/0636920028048.do", "description": "Ilya Grigorik"}, {"name": "High Performance JavaScript", "url": "http://shop.oreilly.com/product/9780596802806.do", "description": "Nicholas C. Zakas"}, {"name": "High Performance Web Sites: Essential Knowledge for frontend Engineers", "url": "http://books.google.de/books/about/High_Performance_Web_Sites.html?id=jRVlgNDOr60C\\&redir_esc=y", "description": "Steve Souders"}, {"name": "High Performance Responsive Design: Building Faster Sites Across Devices", "url": "http://shop.oreilly.com/product/0636920033103.do", "description": "Tom Barker"}, {"name": "Lean sites", "url": "https://www.sitepoint.com/premium/books/lean-websites", "description": "Barbara Bermes"}, {"name": "Time Is Money: The Business Value of Web Performance", "url": "http://shop.oreilly.com/product/0636920041450.do", "description": "Tammy Everts"}, {"name": "Using WebPagetest", "url": "http://shop.oreilly.com/product/0636920033592.do", "description": "Rick Viscomi, Andy Davies, Marcel Duran"}, {"name": "Web Page Size, Speed, and Performance", "url": "http://www.oreilly.com/webops-perf/free/webpage-size-speed-perf.csp", "description": "Terrence Dorsey"}, {"name": "Web Performance Daybook Volume 2", "url": "https://www.amazon.com/Web-Performance-Daybook-Stoyan-Stefanov-ebook/dp/B008CQA8BA/", "description": "Stoyan Stefanov"}, {"name": "Web Performance Tuning", "url": "http://shop.oreilly.com/product/9780596001728.do", "description": "Patrick Killelea"}, {"name": "You Don't Know JS: Async & Performance", "url": "https://www.oreilly.com/library/view/you-dont-know/9781491905197/", "description": "Kyle Simpson"}, {"name": "Linux, Apache, MySQL, PHP Performance end-to-end", "url": "https://play.google.com/store/books/details/Colin_McKinnon_Linux_Apache_MySQL_PHP_Performance?id=Z3ciBgAAQBAJ", "description": "Colin McKinnon"}, {"name": "Web Components in Action", "url": "https://www.manning.com/books/web-components-in-action", "description": "Ben Farrell"}, {"name": "Image Optimization", "url": "https://www.smashingmagazine.com/printed-books/image-optimization/", "description": "Addy Osmani"}, {"name": "Performance Engineering in Practice", "url": "https://www.manning.com/books/performance-engineering-in-practice", "description": "Den Odell"}, {"name": "WPOStats", "url": "https://wpostats.com/", "description": "Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics."}, {"name": "Google Developers Case Studies", "url": "https://developers.google.com/web/showcase", "description": "Learn why and how other developers have used the web to create amazing web experiences for their users."}, {"name": "Browser Diet", "url": "https://browserdiet.com/en/", "description": "A collaborative guide about frontend performance."}, {"name": "PageSpeed Insights Rules", "url": "https://developers.google.com/speed/docs/insights/rules", "description": "A guide created by PageSpeed Team."}, {"name": "Best Practices for Speeding Up Your site", "url": "https://developer.yahoo.com/performance/rules.html", "description": "The list includes 35 best practices divided into 7 categories, created by Yahoo! Exceptional Performance team."}], "notes": [], "source": "Wpo"}, {"name": "Wpo \u2014 Conferences", "entries": [{"name": "We Love Speed", "url": "https://www.welovespeed.com/", "description": "We Love Speed \u200b\u200bwas born from the desire to share knowledge and experiences in web performance as widely as possible."}, {"name": "PWA Summit", "url": "https://pwasummit.org/", "description": "A free, online, single-track conference focused on helping everyone succeed with Progressive Web Apps."}, {"name": "Velocity", "url": "http://conferences.oreilly.com/velocity", "description": "At Velocity, web operations, performance, and DevOps professionals learn to build fast, resilient, and highly available sites and apps."}, {"name": "performance.now()", "url": "https://perfnow.nl/", "description": "The performance.now() conference will return to Amsterdam! We're a single-track conference with fourteen world-class speakers, covering today\u2019s most important web performance insights."}, {"name": "#PerfMatters", "url": "https://perfmattersconf.com/", "description": "#PerfMatters Conference is the ONLINE web performance conference by internationally renowned performance developers."}], "notes": [], "source": "Wpo"}, {"name": "Wpo \u2014 Meetups", "entries": [{"name": "Web.dev", "url": "https://web.dev/", "description": "Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev."}, {"name": "Confess", "url": "https://github.com/jamesgpearce/confess", "description": "Uses PhantomJS to headlessly analyze web pages and generate manifests.", "stars": "869"}, {"name": "DebugBear", "url": "https://www.debugbear.com/", "description": "DebugBear is a site monitoring tool based on Lighthouse. See how your scores and metrics changed over time, with a focus on understanding what caused each change. DebugBear is a paid product with a free 30-day trial."}, {"name": "Page Speed", "url": "https://developers.google.com/speed/pagespeed/", "description": "The PageSpeed family of tools is designed to help you optimize the performance of your site. PageSpeed Insights products will help you identify performance best practices that can be applied to your site, and PageSpeed optimization tools can help you automate the process."}, {"name": "Lighthouse", "url": "https://github.com/GoogleChrome/lighthouse", "description": "Auditing and performance metrics tool for Progressive Web Applications.", "stars": "30k"}, {"name": "Screpy", "url": "https://screpy.com", "description": "AI-Based SEO Analysis & Monitoring Tool"}, {"name": "YSlow", "url": "https://github.com/marcelduran/yslow", "description": "YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high-performance web pages.", "stars": "2.2k"}, {"name": "YSlow for PhantomJS", "url": "http://yslow.org/phantomjs/", "description": "YSlow for PhantomJS also introduces new output formats for automated test frameworks: TAP (Test Anything Protocol) and JUnit."}, {"name": "Grunt-WebPageTest", "url": "https://github.com/sideroad/grunt-wpt", "description": "Grunt plugin for continuous measurement of WebPageTest. ([Demo](http://sideroad.github.io/sample-wpt-page/))", "stars": "35"}, {"name": "Grunt-yslow", "url": "https://github.com/andyshora/grunt-yslow", "description": "Grunt task for testing page performance using PhantomJS, a headless WebKit browser.", "stars": "91"}, {"name": "Grunt-perfbudget", "url": "https://github.com/tkadlec/grunt-perfbudget", "description": "A Grunt.js task for enforcing a performance budget ([more on performance budgets](https://timkadlec.com/2013/01/setting-a-performance-budget/)).", "stars": "852"}, {"name": "Web Tracing Framework", "url": "https://github.com/google/tracing-framework", "description": "Web Tracing Framework is a set of libraries, tools, and visualizers for the tracing and investigation of complex web applications", "stars": "2.6k"}, {"name": "Yandex.Tank", "url": "https://github.com/yandex/yandex-tank", "description": "An extensible open-source load testing tool for advanced Linux users which is especially good as a part of an automated load testing suite.", "stars": "2.6k"}, {"name": "Yellow Lab Tools", "url": "http://yellowlab.tools", "description": "Online quick and easy tool that audits frontend bad practices, reveals performance issues, and profiles JavaScript."}, {"name": "Pagelocity", "url": "http://pagelocity.com/", "description": "A web performance optimization and analysis tool."}, {"name": "Speed Racer", "url": "https://github.com/ngryman/speedracer", "description": "Collect performance metrics for your library/application using Chrome headless.", "stars": "1.9k"}, {"name": "Speedrank", "url": "https://speedrank.app/", "description": "Speedrank monitors the performance of your site in the background. It displays Lighthouse reports over time and delivers recommendations for improvement. Speedrank is a paid product with 14-day-trial."}, {"name": "Lightest App", "url": "https://lightest.app/", "description": "Webpage load time is extremely important for conversion and revenue. Visualize web performance against competitors."}, {"name": "Node-yslowjs", "url": "https://github.com/jmervine/node-yslowjs", "description": "YSlow\\.js on Node.js is a simple Node.js wrapper for programmatically running phantomjs yslow\\.js.", "stars": "9"}, {"name": "PSI", "url": "https://github.com/addyosmani/psi", "description": "PageSpeed Insights for Node.js - with reporting.", "stars": "3.1k"}, {"name": "Datadog APM", "url": "https://www.datadoghq.com/product/apm/", "description": "End-to-end distributed tracing and APM at scale, correlated to all telemetry."}, {"name": "BetterUptime", "url": "https://betteruptime.com", "description": "A good website monitoring tool (bundling status page, incident notification)"}, {"name": "Pingdom", "url": "https://pingdom.com", "description": "A tool to get the uptime of your website (with probes from different locations)"}, {"name": "UptimeRobot", "url": "https://uptimerobot.com", "description": "Another uptime monitoring tool (with a generous free plan)"}, {"name": "RoboMiri", "url": "https://robomiri.com", "description": "RoboMiri is a stable Uptime Monitor that offers a wide range of monitors: cronjob, keyword, website, port, ping. 25 uptime checks with 3 minutes interval checks for free. Alerts via Phone Call, SMS, Email, and WebHook."}, {"name": "StatusList", "url": "https://statuslist.app", "description": "Uptime, performance monitoring with debug details, and hosted status page in one simple dashboard."}, {"name": "Bundlesize", "url": "https://github.com/siddharthkp/bundlesize", "description": "Keep your bundle size in check.", "stars": "4.5k"}, {"name": "source-map-explorer", "url": "https://github.com/danvk/source-map-explorer", "description": "Analyze and debug bundle space usage through source maps.", "stars": "3.9k"}, {"name": "Bundlephobia", "url": "https://bundlephobia.com/", "description": "Helps you find the performance impact of adding an npm package to your frontend bundle."}, {"name": "Webpack bundle analyzer", "url": "https://github.com/webpack-contrib/webpack-bundle-analyzer", "description": "webpack plugin and CLI utility that represents bundle content as a convenient interactive zoomable treemap.", "stars": "13k"}, {"name": "Disc", "url": "http://hughsk.io/disc/", "description": "Visualise the module tree of browserify project bundles and track down bloat."}, {"name": "Lasso-analyzer", "url": "https://github.com/ajay2507/lasso-analyzer", "description": "analyze and Visualise project bundles created by Lasso.", "stars": "4"}, {"name": "Packtracker.io", "url": "https://packtracker.io", "description": "Check your webpack bundle stats on every pull request, and track them over time."}, {"name": "Compression webpack plugin", "url": "https://github.com/webpack-contrib/compression-webpack-plugin", "description": "Prepare compressed versions of assets to serve them with Content-Encoding.", "stars": "1.4k"}, {"name": "BundleStats", "url": "https://github.com/relative-ci/bundle-stats", "description": "Generate bundle report(bundle size, assets, modules, packages) and compare the results between different builds", "stars": "667"}, {"name": "CSS-perf", "url": "https://github.com/mdo/css-perf", "description": "Completely unscientific way of testing CSS performance. Most of these tests will revolve around methodologies and techniques for determining effective CSS architecture. Put another way, I want to know what works best given a particular comparison of CSS strategies.", "stars": "569"}, {"name": "JSPerf", "url": "http://jsperf.com/", "description": "jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks. `Temporarily out, follow this issue for updates: https://github.com/jsperf/jsperf.com/issues/537`"}, {"name": "Benchmark.js", "url": "http://benchmarkjs.com/", "description": "A robust benchmarking library that works on nearly all JavaScript platforms, supports high-resolution timers, and returns statistically significant results."}, {"name": "JSlitmus", "url": "https://github.com/broofa/jslitmus", "description": "JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.", "stars": "165"}, {"name": "Matcha", "url": "https://github.com/logicalparadox/matcha", "description": "Matcha allows you to design experiments that will measure the performance of your code. It is recommended that each bench focus on a specific point of impact in your application.", "stars": "563"}, {"name": "Timing.js", "url": "https://github.com/addyosmani/timing.js", "description": "Timing.js is a small set of helpers for working with the Navigation Timing API to identify where your application is spending its time. Useful as a standalone script, DevTools Snippet, or bookmarklet.", "stars": "1.5k"}, {"name": "Stats.js", "url": "https://github.com/mrdoob/stats.js", "description": "This class provides a simple info box that will help you monitor your code performance.", "stars": "9.1k"}, {"name": "PerfTests", "url": "https://github.com/kogarashisan/PerfTests", "description": "Performance tests of JavaScript inheritance models.", "stars": "1"}, {"name": "Memory-stats.js", "url": "https://github.com/paulirish/memory-stats.js", "description": "minimal monitor for JS Heap Size via performance memory.", "stars": "2.1k"}, {"name": "PHPench", "url": "https://github.com/mre/PHPench", "description": "PHPench creates a graphical output for a PHP benchmark. Plot the runtime of any function in realtime with GnuPlot and create an image out of the result.", "stars": "54"}, {"name": "php-bench", "url": "https://github.com/jacobbednarz/php-bench", "description": "Benchmark and profile PHP code blocks whilst measuring the performance footprint.", "stars": "15"}, {"name": "Yahoo YSlow for Mobile/Bookmarklet", "url": "https://developer.yahoo.com/yslow/", "description": "YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high-performance web pages."}, {"name": "PerfMap", "url": "https://github.com/zeman/perfmap", "description": "A bookmarklet to create a frontend performance heatmap of resources loaded in the browser using the Resource Timing API.", "stars": "3.8k"}, {"name": "DOM Monster", "url": "https://github.com/madrobby/dom-monster", "description": "A cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health.", "stars": "560"}, {"name": "CSS Stress", "url": "http://andy.edinborough.org/CSS-Stress-Testing-and-Performance-Profiling", "description": "CSS Stress is a Testing and Performance Profiling."}, {"name": "Performance-Bookmarklet", "url": "https://github.com/micmro/performance-bookmarklet", "description": "Analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - Sort of a light live WebPageTest. As [Chrome Extension](https://chrome.google.com/webstore/detail/performance-analyser/djgfmlohefpomchfabngccpbaflcahjf?hl=en) and [Firefox Add-on](https://addons.mozilla.org/en-us/firefox/addon/performance-analyser/?src=cb-dl-created) under the name Performance-Analyser.", "stars": "1.2k"}, {"name": "Cloudflare CDN", "url": "https://www.cloudflare.com/cdn/", "description": "A content delivery network that uses next-gen tech to deliver fast, reliable, CDN services"}, {"name": "PageCDN", "url": "https://pagecdn.com/lib", "description": "A state-of-the-art opensource CDN with aggressive content optimization using brotli-11 compression, HTTP/2 server push, better HTTP/2 multiplexing, and more. Supports 100s of libraries and 2000+ WordPress themes already. Easy to use, easy to link, and very fast."}, {"name": "jsDelivr", "url": "https://github.com/jsdelivr/jsdelivr", "description": "Similar to Google Hosted Libraries, jsDelivr is an open-source CDN that allows developers to host their own projects and anyone to link to our hosted files on their sites.", "stars": "6.2k"}, {"name": "Google Hosted Libraries", "url": "https://developers.google.com/speed/libraries/", "description": "Google Hosted Libraries is a content distribution network for the most popular, open-source JavaScript libraries."}, {"name": "CDNjs", "url": "https://cdnjs.com/", "description": "An open-source CDN for JavaScript and CSS sponsored by CloudFlare that hosts everything from jQuery and Modernizr to Bootstrap."}, {"name": "Amazon CloudFront", "url": "https://aws.amazon.com/cloudfront/", "description": "A content delivery network by Amazon that integrates nicely with other Amazon services or can be used standalone."}, {"name": "jQuery", "url": "http://code.jquery.com/", "description": "jQuery CDN \u2013 Latest Stable Versions, powered by MaxCDN."}, {"name": "CDNperf", "url": "http://www.cdnperf.com/", "description": "finds you fast and reliable JavaScript CDNs that make your sites snappy and happy."}, {"name": "Gulp-google-cdn", "url": "https://github.com/sindresorhus/gulp-google-cdn", "description": "Replaces script references with Google CDN ones.", "stars": "83"}, {"name": "Browser Calories", "url": "https://github.com/zenorocha/browser-calories-chrome", "description": "The easiest way to measure your performance budget.", "stars": "132"}, {"name": "AtBuild", "url": "https://github.com/jarred-sumner/atbuild", "description": "JavaScript code generation tool that lets you write JavaScript that outputs JavaScript. Good for unrolling loops and writing libraries that compile away the runtime", "stars": "35"}, {"name": "Glue", "url": "https://github.com/jorgebastida/glue", "description": "Glue is a simple command-line tool to generate sprites:", "stars": "2.5k"}, {"name": "Pitomba-spriter", "url": "https://github.com/pitomba/spriter", "description": "Spriter is a simple and flexible dynamic sprite generator for CSS, using Python. It can process CSS both synchronous and asynchronous as it provides classes to be used in your Python code and also a watcher that listens to your filesystem and changes CSS and sprite as soon as a static is changed.", "stars": "19"}, {"name": "Grunt-spritesmith", "url": "https://github.com/Ensighten/grunt-spritesmith", "description": "Grunt task for converting a set of images into a sprite sheet and corresponding CSS variables.", "stars": "1.1k"}, {"name": "Grunt-sprite-css-replace", "url": "https://www.npmjs.com/package/grunt-sprite-css-replace", "description": "Grunt task that generates a sprite from images referenced in a style sheet and then updates the references with the new sprite image and positions."}, {"name": "Grunt-svg-sprite", "url": "https://www.npmjs.com/package/grunt-svg-sprite", "description": "SVG sprites & stacks galore \u2014 Grunt plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavors."}, {"name": "Gulp-sprite", "url": "https://github.com/aslansky/gulp-sprite", "description": "gulp task for creating an image sprite and the corresponding style sheets for Gulp.", "stars": "15"}, {"name": "Gulp-svg-sprites", "url": "https://github.com/shakyShane/gulp-svg-sprites", "description": "gulp task for creating SVG sprites.", "stars": "330"}, {"name": "SvgToCSS", "url": "https://github.com/kajyr/SvgToCSS", "description": "Optimizes and renders SVG files in CSS / Sass sprites.", "stars": "2"}, {"name": "Assetgraph-sprite", "url": "https://github.com/assetgraph/assetgraph-sprite", "description": "Assetgraph transform for auto-generating sprites based on the CSS dependency graph.", "stars": "36"}, {"name": "Sprite Cow", "url": "http://www.spritecow.com/", "description": "Sprite Cow helps you get the background-position, width, and height of sprites within a spritesheet as a nice bit of copyable CSS."}, {"name": "ZeroSprites", "url": "http://zerosprites.com/", "description": "ZeroSprites is a CSS sprites generator aimed at area minimization using algorithms used in the field of VLSI floorplanning."}, {"name": "CSS Sprite Generator", "url": "http://css.spritegen.com/", "description": "CSS sprites allow you to combine multiple images into a single file."}, {"name": "Sprity", "url": "https://github.com/sprity/sprity", "description": "A modular image sprite generator with a lot of features: supports retina sprites, supports different output formats, generates sprites and proper style files out of a directory of images, etc...", "stars": "478"}, {"name": "Sprite Factory", "url": "https://github.com/jakesgordon/sprite-factory", "description": "The sprite factory is a ruby library that can be used to generate CSS sprites. It combines individual image files from a directory into a single unified sprite image and creates an appropriate CSS style sheet for use in your web application.", "stars": "619"}, {"name": "Shortpixel", "url": "https://shortpixel.com/online-image-compression", "description": "Compress Your Image by removing unnecessary bytes of the image and Convert it into WebP/AVIF"}, {"name": "Grunt-smushit", "url": "https://github.com/heldr/grunt-smushit", "description": "Grunt plugin to remove unnecessary bytes of PNG and JPG using Yahoo Smushit.", "stars": "84"}, {"name": "Gulp-smushit", "url": "https://github.com/heldr/gulp-smushit", "description": "Gulp plugin to optimize PNG and JPG using Yahoo Smushit. Made on top of smosh.", "stars": "32"}, {"name": "Smush it", "url": "http://www.imgopt.com/", "description": "Smush it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a \"lossless\" tool, which means it optimizes the images without changing their look or visual quality."}, {"name": "Imagemin", "url": "https://github.com/imagemin/imagemin", "description": "Minify images seamlessly with Node.js.", "stars": "5.7k"}, {"name": "Sharp", "url": "https://github.com/lovell/sharp", "description": "The typical use case for this high-speed Node.js module is to convert large images of many formats to smaller, web-friendly JPEG, PNG, and WebP images of varying dimensions.", "stars": "32k"}, {"name": "Gm", "url": "https://github.com/aheckmann/gm", "description": "GraphicsMagick and ImageMagick for Node.js.", "stars": "7k"}, {"name": "Exexif", "url": "https://github.com/h4cc/awesome-elixir", "description": "Pure elixir library to extract tiff and exif metadata from JPEG files.", "stars": "13k"}, {"name": "ExifCleaner", "url": "https://exifcleaner.com", "description": "GUI app to remove EXIF metadata from images and video files with drag and drop. Free and open source."}, {"name": "OptiPNG", "url": "http://optipng.sourceforge.net/", "description": "OptiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information."}, {"name": "Grunt-contrib-imagemin", "url": "https://github.com/gruntjs/grunt-contrib-imagemin", "description": "Minify PNG and JPEG images for Grunt.", "stars": "1.2k"}, {"name": "Gulp-imagemin", "url": "https://github.com/sindresorhus/gulp-imagemin", "description": "Minify PNG, JPEG, GIF and SVG images with imagemin for Gulp.", "stars": "1.9k"}, {"name": "Grunt-WebP", "url": "https://github.com/somerandomdude/grunt-webp", "description": "Convert your images to WebP format.", "stars": "118"}, {"name": "Gulp-WebP", "url": "https://github.com/sindresorhus/gulp-webp", "description": "Convert images to WebP for Gulp.", "stars": "220"}, {"name": "Imageoptim", "url": "https://imageoptim.com/", "description": "Free app that makes images take up less disk space and load faster, without sacrificing quality. It optimizes compression parameters, and removes junk metadata and unnecessary color profiles."}, {"name": "Grunt-imageoptim", "url": "https://github.com/JamieMason/grunt-imageoptim", "description": "Make ImageOptim, ImageAlpha, and JPEGmini part of your automated build process.", "stars": "476"}, {"name": "ImageOptim-CLI", "url": "https://github.com/JamieMason/ImageOptim-CLI", "description": "Automates ImageOptim, ImageAlpha, and JPEGmini for Mac to make batch optimization of images part of your automated build process.", "stars": "3.5k"}, {"name": "Tapnesh-CLI", "url": "https://github.com/JafarAkhondali/Tapnesh", "description": "Tapnesh is a CLI tool that will optimize all your images in parallel easily and efficiently!", "stars": "21"}, {"name": "Tinypng", "url": "https://tinypng.com/", "description": "Advanced lossy compression for PNG images that preserves full alpha transparency."}, {"name": "Kraken Web-interface", "url": "https://kraken.io/web-interface", "description": "Optimize your images and will be available for download for 12 hours."}, {"name": "Compressor", "url": "https://compressor.io/", "description": "Online image compressor for JPG, PNG, SVG and GIF."}, {"name": "Shrinkray", "url": "https://shrinkray.io", "description": "One-click optimization for images in your GitHub repos"}, {"name": "mozjpeg", "url": "https://github.com/mozilla/mozjpeg", "description": "Improved JPEG encoder.", "stars": "5.7k"}, {"name": "Jpegoptim", "url": "https://github.com/tjko/jpegoptim", "description": "Utility to optimize/compress JPEG files.", "stars": "1.8k"}, {"name": "ZopfliPNG", "url": "https://github.com/google/zopfli", "description": "A command-line program to optimize PNG images.", "stars": "3.6k"}, {"name": "AdvPNG", "url": "http://www.advancemame.it/doc-advpng.html", "description": "Recompress PNG files to get the smallest possible size."}, {"name": "Leanify", "url": "https://github.com/JayXon/Leanify", "description": "Lightweight lossless file minifier/optimizer.", "stars": "848"}, {"name": "Trimage", "url": "http://trimage.org/", "description": "A cross-platform tool for losslessly optimizing PNG and JPG files."}, {"name": "ImageEngine", "url": "https://imageengine.io", "description": "Cloud service for optimizing, resizing and caching images on the fly with great mobile support."}, {"name": "ImageKit.io", "url": "https://imagekit.io", "description": "Intelligent real-time image optimizations, image transformations with a global delivery network and storage."}, {"name": "Optimizt", "url": "https://github.com/343dev/optimizt", "description": "CLI image optimization tool. It can compress PNG, JPEG, GIF and SVG lossy and lossless, and also create AVIF and WebP versions for raster images.", "stars": "159"}, {"name": "ResponsiveImage", "url": "https://responsive-image.dev/", "description": "Generate optimized images (WebP, AVIF) and LQIP placeholders using Vite or webpack plugins and render responsive image markup with an image component for multiple frameworks."}, {"name": "lazyload", "url": "https://github.com/vvo/lazyload", "description": "Lazyload images, iframes, widgets with a standalone JavaScript lazyloader \\~1kb", "stars": "935"}, {"name": "lozad.js", "url": "https://github.com/ApoorvSaxena/lozad.js", "description": "Highly performant, light \\~0.9kb, and configurable lazy loader in pure JS with no dependencies for responsive images, iframes, and more", "stars": "7.5k"}, {"name": "HeadJS", "url": "https://github.com/headjs/headjs", "description": "The only script in your HEAD. for Responsive Design, Feature Detections, and Resource Loading.", "stars": "4.1k"}, {"name": "RequireJS", "url": "http://requirejs.org/", "description": "RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node.js."}, {"name": "Labjs", "url": "http://labjs.com/", "description": "is an open-source (MIT license) project supported by Getify Solutions. The core purpose of LABjs is to be an all-purpose, on-demand JavaScript loader, capable of loading any JavaScript resource, from any location, into any page, at any time."}, {"name": "Defer.js", "url": "https://github.com/wessman/defer.js", "description": "Async Everything: Make the meat of your pages load faster with this JS morsel.", "stars": "70"}, {"name": "InstantClick", "url": "https://github.com/dieulot/instantclick", "description": "InstantClick makes the following links in your site instant.", "stars": "5.5k"}, {"name": "JIT", "url": "https://github.com/shootaroo/jit-grunt", "description": "A JIT (Just In Time) plugin loader for Grunt. The load time of Grunt does not slow down even if there are many plugins.", "stars": "506"}, {"name": "Phantomas", "url": "https://github.com/macbre/phantomas", "description": "PhantomJS-based web performance metrics collector and monitoring tool.", "stars": "2.3k"}, {"name": "Showslow", "url": "http://www.showslow.com/", "description": "open source tool that helps monitor various site performance metrics over time. It captures the results of YSlow, Page Speed Insights, WebPageTest and dynaTrace Ajax Edition."}, {"name": "Bench", "url": "https://github.com/jmervine/bench", "description": "Using Phantomas (a PhantomJS-backed client performance metrics scrapper). Benchmark a page, store results in MongoDB, and display results via the built-in server.", "stars": "25"}, {"name": "Keepfast", "url": "https://github.com/keepfast/keepfast", "description": "Tool to monitor indicators related to the performance of a web page.", "stars": "104"}, {"name": "GTmetrix", "url": "https://gtmetrix.com/", "description": "GTmetrix uses Google Page Speed and Yahoo! YSlow to grade your site's performance and provides actionable recommendations to fix these issues."}, {"name": "Pingbreak.com", "url": "https://pingbreak.com/", "description": "Free site and SSL Monitoring with response time alerting (on Slack, Twitter, Mattermost, Discord or custom Webhook)."}, {"name": "Pingdom site Speed Test", "url": "http://tools.pingdom.com/fpt/", "description": "Test the load time of that page, analyze it, and find bottlenecks."}, {"name": "Dotcom-tools", "url": "https://www.dotcom-tools.com/website-speed-test.aspx", "description": "analyze your website's speed in real browsers from 20 locations worldwide."}, {"name": "WebPageTest", "url": "http://www.webpagetest.org/", "description": "Run a free site speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds. You can run simple tests or perform advanced testing including multi-step transactions, video capture, content blocking and much more. Your results will provide rich diagnostic information including resource-loading waterfall charts, Page Speed optimization checks and suggestions for improvements."}, {"name": "Sitespeed.io", "url": "https://www.sitespeed.io/documentation/", "description": "Sitespeed.io is an open-source tool that will check your site against web performance best practice rules and use the Navigation Timing API to collect metrics. It will create XML & HTML output of the result."}, {"name": "Grunt-phantomas", "url": "https://github.com/stefanjudis/grunt-phantomas", "description": "Grunt plugin wrapping phantomas to measure frontend performance.", "stars": "282"}, {"name": "Perfjankie", "url": "https://www.npmjs.com/package/perfjankie", "description": "Runtime Browser Performance regression suite ([Demo (\u2b500)](https://github.com/asciidisco/perfjankie-test))."}, {"name": "BrowserView Monitoring", "url": "https://www.dotcom-monitor.com/website-monitor/website-speed-monitoring/", "description": "Continually checks web page load times in Internet Explorer, Chrome and Firefox from multiple points around the world."}, {"name": "New Relic Browser Monitoring", "url": "http://newrelic.com/browser-monitoring", "description": "Monitor your browser-side applications in real time, with a focus on real end users\u2019 experiences."}, {"name": "DareBoost", "url": "https://www.dareboost.com/", "description": "Real Browser Monitoring. Offers complete reports about web performance and quality using YSlow, Page Speed and numerous custom tips."}, {"name": "Bytes Matter Real User Monitoring", "url": "https://www.bytesmatter.io", "description": "Full featured Real User Monitoring solution. Free tier for smaller sites. Includes monitoring for Google's Core Web Vitals."}, {"name": "WebPageTest API Wrapper for Node.js", "url": "https://github.com/marcelduran/webpagetest-api", "description": "WebPageTest API Wrapper is an npm package that wraps WebPageTest API for Node.js as a module and a command-line tool.", "stars": "1.6k"}, {"name": "WebPerformance Report", "url": "https://webperformancereport.com/", "description": "Web performance report every week in your inbox. Get a Personalized Report on the Status of the E-commerce or Website that you want to monitor in terms of Web performance and Web optimization, Core Web Vitals are included."}, {"name": "HTMLCompressor", "url": "https://code.google.com/archive/p/htmlcompressor/", "description": "HtmlCompressor is a small, fast, and very easy to use Java library that minifies given HTML or XML source by removing extra whitespaces, comments, and other unneeded characters without breaking the content structure. As a result page become smaller in size and load faster. A command-line version of the compressor is also available."}, {"name": "Django-htmlmin", "url": "https://github.com/cobrateam/django-htmlmin", "description": "django-html in an HTML minifier for Python with full support for HTML 5. It supports Django, Flask and any other Python web framework. It also provides a command-line tool that can be used for static sites or deployment scripts.", "stars": "544"}, {"name": "HTMLMinifier", "url": "https://github.com/kangax/html-minifier", "description": "HTMLMinifier is a highly configurable, well-tested, Javascript-based HTML minifier, with lint-like capabilities.", "stars": "5.1k"}, {"name": "Grunt-contrib-htmlmin", "url": "https://github.com/gruntjs/grunt-contrib-htmlmin", "description": "A grunt plugin to minify HTML that uses HTMLMinifier.", "stars": "422"}, {"name": "Gulp-htmlmin", "url": "https://github.com/jonschlinkert/gulp-htmlmin", "description": "A gulp plugin to minify HTML that uses HTMLMinifier.", "stars": "725"}, {"name": "Grunt-htmlcompressor", "url": "https://github.com/jney/grunt-htmlcompressor", "description": "Grunt plugin for HTML compression, using htmlcompressor.", "stars": "34"}, {"name": "HTML\\_minifier", "url": "https://github.com/stereobooster/html_minifier", "description": "Ruby wrapper for kangax html-minifier.", "stars": "12"}, {"name": "HTML\\_press", "url": "https://github.com/stereobooster/html_press", "description": "Ruby gem for compressing html, that removes all whitespace junk, and leaves only HTML.", "stars": "35"}, {"name": "Koa HTML Minifier", "url": "https://github.com/koajs/html-minifier", "description": "Middleware that minifies your HTML responses using html-minifier. It uses html-minifier's default options which are all turned off by default, so you have to set the options otherwise it's not going to do anything.", "stars": "32"}, {"name": "HTML Minifier Online", "url": "http://kangax.github.io/html-minifier/", "description": "A HTML min tool by kangax (HTMLMinifier Creator)."}, {"name": "Minimize", "url": "https://github.com/Swaagie/minimize", "description": "Minimize is an HTML minifier based on the node-htmlparser,currently, HTML minifier is only usable server-side. Client-side minification will be added in a future release.", "stars": "161"}, {"name": "Html-minifier", "url": "https://github.com/deanhume/html-minifier", "description": "A simple Windows command-line tool to minify your HTML, Razor views & Web Forms views", "stars": "136"}, {"name": "YUI Compressor", "url": "https://github.com/yui/yuicompressor", "description": "JavaScript compressor which, in addition to removing comments and white-spaces, obfuscates local variables using the smallest possible variable name. This obfuscation is safe, even when using constructs such as 'eval' or 'with' (although the compression is not optimal is those cases) Compared to jsmin, the average savings is around 20%.", "stars": "3k"}, {"name": "UglifyJS2", "url": "https://github.com/mishoo/UglifyJS2", "description": "UglifyJS is a JavaScript parser, minifier, compressor or beautifier toolkit, written in JavaScript.", "stars": "13k"}, {"name": "CSSO", "url": "https://github.com/css/csso", "description": "CSS minimizer unlike others. In addition to usual minification techniques, it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.", "stars": "3.8k"}, {"name": "CSSmin.js", "url": "https://github.com/stoyan/yuicompressor/blob/master/ports/js/cssmin.js", "description": "cssmin.js is a JavaScript port of YUICompressor's CSS minifier.", "stars": "77"}, {"name": "Grunt-contrib-concat", "url": "https://github.com/gruntjs/grunt-contrib-concat", "description": "A Grunt plugin to concatenate files.", "stars": "801"}, {"name": "Grunt-contrib-uglify", "url": "https://github.com/gruntjs/grunt-contrib-uglify", "description": "A Grunt plugin to concatenate and minify JavaScript files.", "stars": "1.5k"}, {"name": "Clean-css", "url": "https://github.com/jakubpawlowicz/clean-css", "description": "A fast, efficient, and well-tested CSS minifier for node.js.", "stars": "4.2k"}, {"name": "Django-compressor", "url": "https://github.com/django-compressor/django-compressor", "description": "Compresses linked and inline JavaScript or CSS into a single cached file.", "stars": "2.9k"}, {"name": "Django-pipeline", "url": "https://github.com/cyberdelia/django-pipeline", "description": "Pipeline is an asset packaging library for Django, providing both CSS and JavaScript concatenation and compression, built-in JavaScript template support, and optional data-URI image and font embedding.", "stars": "1.5k"}, {"name": "JShrink", "url": "https://github.com/tedious/JShrink", "description": "JShrink is a PHP class that minifies JavaScript so that it can be delivered to the client quicker.", "stars": "762"}, {"name": "JSCompress", "url": "http://jscompress.com/", "description": "The most minimalistic online JS Compress tool."}, {"name": "CSSshrink", "url": "https://github.com/stoyan/cssshrink", "description": "Because CSS is ospon the critical path to rendering pages. It must be small! Or else!", "stars": "1.1k"}, {"name": "Grunt-cssshrink", "url": "https://github.com/JohnCashmore/grunt-cssshrink", "description": "This is just a grunt wrapper for CSS Shrink.", "stars": "29"}, {"name": "Gulp-cssshrink", "url": "https://github.com/torrottum/gulp-cssshrink", "description": "Shrinks CSS files using cssshrink for Gulp.", "stars": "22"}, {"name": "Prettyugly", "url": "https://github.com/stoyan/prettyugly", "description": "Uglify (strip spaces) or prettify (add consistent spaces) CSS code.", "stars": "6"}, {"name": "Grunt-contrib-cssmin", "url": "https://github.com/gruntjs/grunt-contrib-cssmin", "description": "CSS Minifier for Grunt.", "stars": "791"}, {"name": "Grunt-uncss", "url": "https://github.com/addyosmani/grunt-uncss", "description": "A grunt task for removing unused CSS from your projects.", "stars": "3.8k"}, {"name": "Gulp-uncss", "url": "https://github.com/ben-eb/gulp-uncss", "description": "A gulp task for removing unused CSS from your projects.", "stars": "935"}, {"name": "Socialite.js", "url": "http://socialitejs.com/", "description": "Socialite provides a very easy way to implement and activate a plethora of social sharing buttons \u2014 any time you wish. On document load, on article hover, on any event."}, {"name": "uCSS", "url": "https://github.com/oyvindeh/ucss", "description": "uCSS is made for crawling (large) sites to find unused CSS selectors, but not remove unused CSS.", "stars": "1.6k"}, {"name": "HTTPinvoke", "url": "https://github.com/jakutis/httpinvoke", "description": "A no-dependencies HTTP client library for browsers and Node.js with a promise-based or Node.js-style callback-based API to progress events, text, and binary file upload and download, partial response body, request and response headers, status code.", "stars": "342"}, {"name": "Critical", "url": "https://github.com/addyosmani/critical", "description": "Extract & Inline Critical-path CSS in HTML pages (alpha).", "stars": "10k"}, {"name": "Csscolormin", "url": "https://github.com/stoyan/csscolormin", "description": "Utility that minifies CSS colors, example: min(\"white\"); // minifies to \"#fff\".", "stars": "13"}, {"name": "Lazysizes", "url": "https://github.com/aFarkas/lazysizes", "description": "High-performance lazy loader for images (responsive and normal), iframes, and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.", "stars": "18k"}, {"name": "Perf-Tooling", "url": "http://perf-tooling.today/", "description": "Perf Tooling is a shared resource to keep track of new and existing performance tools."}, {"name": "TMI", "url": "https://github.com/addyosmani/tmi", "description": "TMI (Too Many Images) - discover your image weight on the web.", "stars": "1.6k"}, {"name": "SVGO", "url": "https://github.com/svg/svgo", "description": "SVGO is a Nodejs-based tool for optimizing SVG vector graphics files.", "stars": "22k"}, {"name": "SVG OMG", "url": "https://jakearchibald.github.io/svgomg/", "description": "SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO."}, {"name": "Grunt-svgmin", "url": "https://github.com/sindresorhus/grunt-svgmin", "description": "Minify SVG using SVGO for Grunt.", "stars": "434"}, {"name": "Gulp-svgmin", "url": "https://www.npmjs.com/package/gulp-svgmin", "description": "Minify SVG with SVGO for Gulp."}, {"name": "Scour", "url": "http://www.codedread.com/scour/", "description": "Scour is an open-source Python script that aggressively cleans SVG files, removing a lot of 'cruft' that certain tools or authors embed into their documents."}, {"name": "SVG Cleaner", "url": "https://github.com/RazrFalcon/SVGCleaner", "description": "SVG Cleaner could help you to clean up your SVG files from unnecessary data. It has a lot of options for cleanup and optimization, works in batch mode, and provides threaded processing on multicore processors.", "stars": "1.7k"}, {"name": "Polymer Bundler", "url": "https://github.com/Polymer/tools/tree/master/packages/bundler", "description": "Polymer-bundler is a library for packaging project assets for production to minimize network round-trips.", "stars": "436"}, {"name": "Gulp-vulcanize", "url": "https://github.com/sindresorhus/gulp-vulcanize", "description": "Concatenate a set of Web Components into one file that use Vulcanize.", "stars": "101"}, {"name": "HTTPerf", "url": "https://github.com/httperf/httperf", "description": "httperf is a tool for measuring web server performance. It provides a flexible facility for generating various HTTP workloads and for measuring server performance.", "stars": "1k"}, {"name": "Apache JMeter", "url": "http://jmeter.apache.org/download_jmeter.cgi", "description": "Open source load testing tool: It is a Java platform application."}, {"name": "Locust", "url": "http://locust.io", "description": "An open-source load testing tool. Define user behaviour with Python code, and swarm your system with millions of simultaneous users."}, {"name": "Autoperf", "url": "https://github.com/igrigorik/autoperf", "description": "Autoperf is a ruby driver for httperf, designed to help you automate load and performance testing of any web application - for a single endpoint, or through log replay.", "stars": "179"}, {"name": "HTTPerf.rb", "url": "https://github.com/jmervine/httperfrb", "description": "Simple Ruby interface for httperf, written in Ruby.", "stars": "14"}, {"name": "PHP-httperf", "url": "https://github.com/jmervine/php-httperf", "description": "PHP Port of HTTPerf.rb.", "stars": "6"}, {"name": "HTTPerf.js", "url": "https://github.com/jmervine/httperfjs", "description": "JS Port of HTTPerf.rb.", "stars": "25"}, {"name": "HTTPerf.py", "url": "https://github.com/jmervine/httperfpy", "description": "Python Port of HTTPerf.rb.", "stars": "11"}, {"name": "Gohttperf", "url": "https://github.com/jmervine/gohttperf", "description": "Go Port of HTTPerf.rb.", "stars": "4"}, {"name": "wrk", "url": "https://github.com/wg/wrk", "description": "A HTTP benchmarking tool (with optional Lua scripting for request generation, response", "stars": "40k"}, {"name": "beeswithmachineguns", "url": "https://github.com/newsapps/beeswithmachineguns", "description": "A utility for arming (creating) many bees (micro EC2 instances) to attack (load test) targets (web applications).", "stars": "6.6k"}, {"name": "k6", "url": "https://k6.io/", "description": "An open-source load testing tool built for developers. Easy to integrate into CI pipelines. Tests are written in ES6 JS and you can test APIs, microservices and sites using HTTP/1.1, HTTP/2 and WebSocket."}, {"name": "PageSpeed Module", "url": "https://developers.google.com/speed/pagespeed/module/download", "description": "PageSpeed speeds up your site and reduces page load time. This open-source web server module automatically applies web performance best practices to pages and associated assets (CSS, JavaScript, images) without requiring that you modify your existing content or workflow. PageSpeed is available as a module for Apache 2.x and Nginx 1.x."}, {"name": "WebP-detect", "url": "https://github.com/igrigorik/webp-detect", "description": "WebP with Accept negotiation.", "stars": "245"}, {"name": "Web Performance Working Group", "url": "http://www.w3.org/2010/webperf/", "description": "The mission of the Web Performance Working Group, part of the Rich Web Client Activity, is to provide methods to measure aspects of application performance of user agent features and APIs."}, {"name": "Page Visibility", "url": "http://www.w3.org/TR/page-visibility/", "description": "This specification defines a means for site developers to programmatically determine the current visibility state of the page in order to develop power and CPU-efficient web applications."}, {"name": "Navigation Timing", "url": "https://w3c.github.io/navigation-timing/", "description": "This specification defines a unified interface to store and retrieve high resolution performance metric data related to the navigation of a document."}, {"name": "Resource Timing", "url": "http://www.w3.org/TR/resource-timing/", "description": "This specification defines an interface for web applications to access the complete timing information for resources in a document."}, {"name": "User Timing", "url": "http://www.w3.org/TR/user-timing/", "description": "This specification defines an interface to help web developers measure the performance of their applications by giving them access to high-precision timestamps."}, {"name": "Performance Timeline", "url": "http://www.w3.org/TR/performance-timeline/", "description": "This specification defines a unified interface to store and retrieve performance metric data. This specification does not cover individual performance metric interfaces."}, {"name": "CSS will-change", "url": "https://drafts.csswg.org/css-will-change/", "description": "This specification defines the `will-change` CSS property which allows an author to declare ahead-of-time what properties are likely to change in the future, so the UA can set up the appropriate optimizations some time before they\u2019re needed. This way, when the actual change happens, the page updates in a snappy manner."}, {"name": "Resource Hints", "url": "http://www.w3.org/TR/resource-hints/", "description": "This specification defines the dns-prefetch, preconnect, prefetch, and prerender relationships of the HTML Link Element (\\<link>). These primitives enable the developer, and the server generating or delivering the resources, to assist the user agent in the decision process of which origins it should connect to, and which resources it should fetch and preprocess to improve page performance."}, {"name": "HTTP Archive", "url": "http://httparchive.org/index.php", "description": "It's a permanent repository of web performance information such as size of pages, failed requests, and technologies utilized. This performance information allows us to see trends in how the Web is built and provides a common data set from which to conduct web performance research."}, {"name": "iamakulov/awesome-webpack-perf", "url": "https://github.com/iamakulov/awesome-webpack-perf", "description": "A curated list of webpack tools for web performance", "stars": "963"}, {"name": "bayandin/awesome-awesomeness", "url": "https://github.com/bayandin/awesome-awesomeness", "description": "", "stars": "33k"}, {"name": "sindresorhus/awesome", "url": "https://github.com/sindresorhus/awesome", "description": "", "stars": "437k"}, {"name": "imteekay/web-performance-research", "url": "https://github.com/imteekay/web-performance-research", "description": "Research in Web Performance", "stars": "1k"}], "notes": [], "source": "Wpo"}, {"name": "Lit", "entries": [{"name": "General resources", "url": "#general-resources", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Overview", "url": "#overview", "description": ""}, {"name": "Starter Templates", "url": "#starter-templates", "description": ""}, {"name": "Codelabs", "url": "#codelabs", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Lit Labs", "url": "#lit-labs", "description": ""}, {"name": "Extensions", "url": "#extensions", "description": ""}, {"name": "Design Systems", "url": "#design-systems", "description": ""}, {"name": "Component Libraries", "url": "#component-libraries", "description": ""}, {"name": "Standalone Components", "url": "#standalone-components", "description": ""}, {"name": "Meta Frameworks", "url": "#meta-frameworks", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "CDN", "url": "#cdn", "description": ""}, {"name": "Integrations", "url": "#integrations", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Podcasts", "url": "#podcasts", "description": ""}, {"name": "Archive", "url": "#archive", "description": ""}, {"name": "Similar libraries", "url": "#similar-libraries", "description": ""}, {"name": "Other awesome resources", "url": "#other-awesome-resources", "description": ""}, {"name": "Documentation", "url": "https://lit.dev/docs/", "description": ""}, {"name": "Tutorials", "url": "https://lit.dev/tutorials/", "description": ""}, {"name": "Playground", "url": "https://lit.dev/playground/", "description": ""}, {"name": "Blog", "url": "https://lit.dev/blog/", "description": ""}, {"name": "Discord", "url": "https://discord.com/invite/buildWithLit", "description": ""}, {"name": "GitHub", "url": "https://github.com/lit/lit", "description": "", "stars": "21k"}, {"name": "GitHub Discussions", "url": "https://github.com/lit/lit/discussions", "description": "", "stars": "21k"}, {"name": "Twitter", "url": "https://twitter.com/buildWithLit", "description": ""}, {"name": "Stack Overflow", "url": "https://stackoverflow.com/questions/tagged/lit+or+lit-html+or+lit-element", "description": ""}, {"name": "YouTube", "url": "https://www.youtube.com/channel/UCok4ZKSzM3jY7JQRMlF-DPg/", "description": ""}, {"name": "Lightning-fast templates & Web Components: lit-html & LitElement", "url": "https://developers.google.com/web/updates/2019/02/lit-element-and-lit-html", "description": ""}, {"name": "Lit 2.0: Meet Lit, all over again!", "url": "https://lit.dev/blog/2021-04-21-lit-2.0-meet-lit-all-over-again/", "description": ""}, {"name": "Announcing Lit 2 stable release", "url": "https://lit.dev/blog/2021-09-21-announcing-lit-2/", "description": ""}, {"name": "Gracile Starters", "url": "https://github.com/gracile-web/starter-projects", "description": "Gracile full-stack starter projects (SSR/SSG).", "stars": "1"}, {"name": "LitElement JavaScript starter", "url": "https://github.com/lit/lit-element-starter-js", "description": "Sample component using LitElement with JavaScript.", "stars": "207"}, {"name": "LitElement TypeScript starter", "url": "https://github.com/lit/lit-element-starter-ts", "description": "Sample component using LitElement with TypeScript.", "stars": "532"}, {"name": "hello-web-components", "url": "https://github.com/fernandopasik/hello-web-components", "description": "Simple starter web component written in TypeScript using Lit.", "stars": "31"}, {"name": "Lit Sass JavaScript Starter", "url": "https://github.com/e111077/lit-sass-js-starter", "description": "Project that has a simple setup for SASS + JS + Lit, using Rollup.", "stars": "1"}, {"name": "Lit Sass TypeScript Starter", "url": "https://github.com/e111077/lit-sass-ts-starter", "description": "Project that has a simple setup for SASS + TS + Lit, using Rollup.", "stars": "24"}, {"name": "Lit Webpack Starter", "url": "https://github.com/andrewlevada/webpack-lit-template", "description": "Starter for multipage apps with Lit and Typescript, using Webpack.", "stars": "9"}, {"name": "Open Web Components Generator", "url": "https://open-wc.org/docs/development/generator/", "description": "Starter app based on Open Web Components Recommendations."}, {"name": "pwa-starter", "url": "https://github.com/pwa-builder/pwa-starter", "description": "LitElement edition of the PWABuilder pwa-starter.", "stars": "1.3k"}, {"name": "pwa-lit-template", "url": "https://github.com/IBM/pwa-lit-template", "description": "Build Progressive Web Applications following the modern web standards.", "stars": "184"}, {"name": "Vite Lit Element TS SASS", "url": "https://github.com/e111077/vite-lit-element-ts-sass", "description": "Example Vite project using Lit 2, Typescript, and SASS.", "stars": "75"}, {"name": "Vite Lit Starter", "url": "https://github.com/vitejs/vite/tree/main/packages/create-vite/template-lit", "description": "Lit based template preset for Vite.", "stars": "78k"}, {"name": "Vite Lit TS Starter", "url": "https://github.com/vitejs/vite/tree/main/packages/create-vite/template-lit-ts", "description": "Lit and TypeScript based template preset for Vite.", "stars": "78k"}, {"name": "Vite Lit + Tailwind", "url": "https://github.com/lloydrichards/base_lit-with-tailwind", "description": "Modified Vite + Lit starter to use Tailwind v4.", "stars": "8"}, {"name": "Build a Brick Viewer with lit-element", "url": "https://codelabs.developers.google.com/codelabs/lit-brick-viewer#0", "description": ""}, {"name": "Build a Story Component with lit-element", "url": "https://codelabs.developers.google.com/codelabs/lit-story-viewer#0", "description": ""}, {"name": "From Web Component to Lit Element", "url": "https://codelabs.developers.google.com/codelabs/the-lit-path#0", "description": ""}, {"name": "lit-html & lit-element: basics", "url": "https://open-wc.org/codelabs/basics/lit-html.html#0", "description": ""}, {"name": "lit-html & lit-element: intermediate", "url": "https://open-wc.org/codelabs/intermediate/lit-html.html#0", "description": ""}, {"name": "Lit for React Developers", "url": "https://codelabs.developers.google.com/codelabs/lit-2-for-react-devs#0", "description": ""}, {"name": "Building A Retro Draggable Web Component Using Lit", "url": "https://www.smashingmagazine.com/2022/09/building-retro-draggable-web-component-using-lit/", "description": ""}, {"name": "Building a Rich Text Editor with Lit", "url": "https://rodydavis.com/posts/lit-rich-text-editor", "description": ""}, {"name": "Draggable DOM with Lit", "url": "https://rodydavis.com/posts/lit-draggable-dom", "description": ""}, {"name": "Getting started with LitElement and TypeScript", "url": "https://labs.thisdot.co/blog/getting-started-with-litelement-and-typescript", "description": ""}, {"name": "Here's a minimalist no-frills Redux Toolkit & LitElement example", "url": "https://dev.to/jdvivar/here-s-a-minimalist-no-frills-redux-toolkit-litelement-example-1j91", "description": ""}, {"name": "JSON to HTML Table with Lit", "url": "https://rodydavis.com/posts/lit-html-table", "description": ""}, {"name": "lit-html Part 1 - A solution for DOM management in web components", "url": "https://terodox.tech/handling-web-component-markup-with-lit-html/", "description": ""}, {"name": "lit-html Part 2 - Working with attributes and properties", "url": "https://terodox.tech/lit-html-part-2/", "description": ""}, {"name": "Lit and Figma", "url": "https://rodydavis.com/posts/figma-and-lit", "description": ""}, {"name": "Lit and Flutter", "url": "https://rodydavis.com/posts/flutter-and-lit", "description": ""}, {"name": "Lit and Monaco Editor", "url": "https://rodydavis.com/posts/lit-monaco-editor", "description": ""}, {"name": "Lit and VSCode Extensions", "url": "https://rodydavis.com/posts/lit-vscode-extension", "description": ""}, {"name": "Lit Sheet Music", "url": "https://rodydavis.com/posts/lit-sheet-music", "description": ""}, {"name": "Navigation Lifecycle using Vaadin Router, LitElement and TypeScript", "url": "https://labs.thisdot.co/blog/navigation-lifecycle-using-vaadin-router-litelement-and-typescript", "description": ""}, {"name": "Recreating The Arduino Pushbutton Using SVG And \\<lit-element>", "url": "https://www.smashingmagazine.com/2020/01/recreating-arduino-pushbutton-svg/", "description": ""}, {"name": "Routing Management with LitElement and TypeScript", "url": "https://labs.thisdot.co/blog/routing-management-with-litelement", "description": ""}, {"name": "Some things to know about Lit", "url": "https://dev.to/open-wc/some-things-to-know-about-litelement-282c", "description": ""}, {"name": "Lit Native", "url": "https://github.com/rodydavis/lit-native", "description": "Reuse Lit web components on native platforms.", "stars": "41"}, {"name": "Lit Node Editor", "url": "https://github.com/rodydavis/lit-node-editor", "description": "Node editor built with canvas API and simple graph data structure.", "stars": "24"}, {"name": "Lit 3D Piano", "url": "https://github.com/rodydavis/lit-3d-piano", "description": "3D Piano built with Lit, Three.js and Tone.js.", "stars": "21"}, {"name": "Open Web Components Examples", "url": "https://open-wc.org/guides/developing-components/code-examples/#lit-html-and-lit-element", "description": "Code examples of common patterns using Lit."}, {"name": "Polymer \u2192 Lit Migration Guide", "url": "https://kevinpschaaf.github.io/lit-migration-guide", "description": "Code examples showing migration guidance from Polymer to Lit."}, {"name": "Vite + RxDB + Lit", "url": "https://github.com/rodydavis/vite-rxdb-lit", "description": "Minimal example to get RxDB running with Vite.", "stars": "6"}, {"name": "`@lit/localize`", "url": "https://www.npmjs.com/package/@lit/localize", "description": "Library and command-line tool for localizing web applications built using Lit."}, {"name": "`@lit-labs/ssr`", "url": "https://www.npmjs.com/package/@lit-labs/ssr", "description": "Package for server-side rendering Lit templates and components."}, {"name": "`@lit-labs/motion`", "url": "https://www.npmjs.com/package/@lit-labs/motion", "description": "Lit directives for making things move."}, {"name": "`@lit-labs/react`", "url": "https://www.npmjs.com/package/@lit-labs/react", "description": "React integration for Web Components and reactive Lit controllers."}, {"name": "`@lit-labs/scoped-registry-mixin`", "url": "https://www.npmjs.com/package/@lit-labs/scoped-registry-mixin", "description": "Mixin for LitElement that integrates with the speculative Scoped CustomElementRegistry polyfill to evaluate the proposal and facilitate feedback."}, {"name": "`@lit-labs/task`", "url": "https://www.npmjs.com/package/@lit-labs/task", "description": "Controller for Lit that renders asynchronous tasks."}, {"name": "`@lit-labs/virtualizer`", "url": "https://www.npmjs.com/package/@lit-labs/virtualizer", "description": "Package that provides virtual scrolling for Lit."}, {"name": "`@adobe/lit-mobx`", "url": "https://www.npmjs.com/package/@adobe/lit-mobx", "description": "Mixin and base class for using mobx with Lit."}, {"name": "`@apollo-elements/lit-apollo`", "url": "https://www.npmjs.com/package/@apollo-elements/lit-apollo", "description": "LitElement integrations with Apollo GraphQL."}, {"name": "`@lit-app/state`", "url": "https://www.npmjs.com/package/@lit-app/state", "description": "Lean and simple global State management for Lit 2."}, {"name": "`@shoelace-style/localize`", "url": "https://github.com/shoelace-style/localize", "description": "A micro library for localizing custom elements, providing directives for Lit."}, {"name": "`@stefanholzapfel/lit-state`", "url": "https://www.npmjs.com/package/@stefanholzapfel/lit-state", "description": "Lightweight reactive state management for Lit 2."}, {"name": "`@tanstack/lit-table`", "url": "https://tanstack.com/table/latest/docs/framework/lit/lit-table", "description": "Headless UI for building powerful tables & datagrids with Lit."}, {"name": "`@vaadin/form`", "url": "https://www.npmjs.com/package/@vaadin/form", "description": "Set of utilities for building forms with TypeScript and Lit."}, {"name": "`dark-theme-utils`", "url": "https://www.npmjs.com/package/dark-theme-utils", "description": "Useful utilities for dark mode built with Web Components."}, {"name": "`exome`", "url": "https://www.npmjs.com/package/exome", "description": "State manager for deeply nested states that supports Lit."}, {"name": "`pure-lit`", "url": "https://github.com/MatthiasKainer/pure-lit", "description": "Register your Lit elements as pure functions."}, {"name": "`lit-composition`", "url": "https://www.npmjs.com/package/lit-composition", "description": "Composition API for creating web components with Lit."}, {"name": "`lit-element-effect`", "url": "https://www.npmjs.com/package/lit-element-effect", "description": "Effect hooks for LitElement."}, {"name": "`lit-element-state-decoupler`", "url": "https://www.npmjs.com/package/lit-element-state-decoupler", "description": "Utility for state handling outside of the component for LitElement."}, {"name": "`lit-redux-router`", "url": "https://www.npmjs.com/package/lit-redux-router", "description": "Declarative way of routing for Lit powered by pwa-helpers and Redux."}, {"name": "`lit-svelte-stores`", "url": "https://www.npmjs.com/package/lit-svelte-stores", "description": "Lit controller to use svelte stores as state management."}, {"name": "`ullr`", "url": "https://github.com/aggre/ullr", "description": "Build Web Components with functional programming using Lit."}, {"name": "AXA Pattern Library", "url": "https://github.com/axa-ch-webhub-cloud/pattern-library", "description": "AXA CH UI components library built with LitElement.", "stars": "130"}, {"name": "Brightspace UI core", "url": "https://github.com/BrightspaceUI/core", "description": "Collection of web components for building Brightspace applications.", "stars": "77"}, {"name": "Calcite Design System", "url": "https://developers.arcgis.com/calcite-design-system/", "description": "UI kit, icons, color schemes, and a web component library by ArcGIS."}, {"name": "Carbon Web Components", "url": "https://github.com/carbon-design-system/carbon-web-components", "description": "Carbon Design System variant on top of Web Components.", "stars": "474"}, {"name": "Clarity Core Web Components", "url": "https://github.com/vmware-clarity/core/tree/main/projects/core", "description": "Suite of web components for Clarity Design System.", "stars": "185"}, {"name": "Kor", "url": "https://github.com/eduferfer/kor", "description": "An open source Design System and lightweight UI Component Library.", "stars": "287"}, {"name": "Lion", "url": "https://github.com/ing-bank/lion", "description": "Highly performant, accessible and flexible Web Components.", "stars": "1.9k"}, {"name": "Material Web Components", "url": "https://github.com/material-components/material-web", "description": "Material Design implemented as Web Components.", "stars": "11k"}, {"name": "Momentum UI Web Components", "url": "https://github.com/momentum-design/momentum-ui/tree/master/web-components", "description": "Set of UI components based on Momentum Design.", "stars": "212"}, {"name": "Outline Design System", "url": "https://github.com/phase2/outline", "description": "Web component based design system starter kit.", "stars": "131"}, {"name": "Pharos Design System", "url": "https://github.com/ithaka/pharos", "description": "JSTOR's design system to create cohesive, supportive, and beautiful experiences.", "stars": "129"}, {"name": "Red Hat Design System", "url": "https://github.com/RedHat-UX/red-hat-design-system", "description": "Web components for building uniform experiences with the Red Hat brand.", "stars": "135"}, {"name": "Spectrum Web Components", "url": "https://github.com/adobe/spectrum-web-components", "description": "Adobe Spectrum design language implementation built with LitElement.", "stars": "1.5k"}, {"name": "UI5 Web Components", "url": "https://github.com/SAP/ui5-webcomponents", "description": "Enterprise-flavored sugar on top of native APIs!", "stars": "1.7k"}, {"name": "Vaadin web components", "url": "https://github.com/vaadin/web-components", "description": "A set of high-quality web components for business web applications.", "stars": "554"}, {"name": "Web Awesome", "url": "https://github.com/shoelace-style/webawesome", "description": "The open source library of web components from Font Awesome", "stars": "874"}, {"name": "AgnosticUI", "url": "https://github.com/AgnosticUI/agnosticui", "description": "A CLI-based UI component library that copies Lit web components directly into your project. Full React and Vue wrappers for native framework experience.", "stars": "773"}, {"name": "Apollo Elements", "url": "https://github.com/apollo-elements/apollo-elements", "description": "Custom elements meet Apollo GraphQL.", "stars": "423"}, {"name": "Blackstone UI", "url": "https://github.com/kjantzer/bui", "description": "Web components for creating interfaces built with lit-html and LitElement.", "stars": "108"}, {"name": "Chartjs Web Components", "url": "https://github.com/fsx950223/chartjs-web-components", "description": "Web components for chartjs."}, {"name": "Clever components", "url": "https://github.com/CleverCloud/clever-components", "description": "Collection of Web Components made by Clever Cloud.", "stars": "238"}, {"name": "Curvenote", "url": "https://github.com/curvenote/article", "description": "Web components for creating interactive scientific articles.", "stars": "193"}, {"name": "Dile Components", "url": "https://github.com/Polydile/dile-components", "description": "General use Web Components for websites and applications.", "stars": "98"}, {"name": "ESP Web Tools", "url": "https://github.com/esphome/esp-web-tools", "description": "Allow flashing ESPHome or other ESP-based firmwares via the browser.", "stars": "621"}, {"name": "Furo Webcomponents", "url": "https://github.com/eclipse/eclipsefuro-web", "description": "Enterprise ready set of web components which work best with Eclipse Furo.", "stars": "12"}, {"name": "Fusion Web Components", "url": "https://github.com/equinor/fusion-web-components", "description": "Ser of web components used by Equinor Fusion.", "stars": "13"}, {"name": "Ignite UI Web Components", "url": "https://github.com/IgniteUI/igniteui-webcomponents", "description": "Complete library of UI components from Infragistics.", "stars": "168"}, {"name": "LRNWebComponents", "url": "https://github.com/elmsln/lrnwebcomponents", "description": "ELMS:LN produced web components for any project.", "stars": "269"}, {"name": "M3E", "url": "https://github.com/matraic/m3e", "description": "Web Components implementing Material 3 Expressive.", "stars": "57"}, {"name": "Medblocks UI", "url": "https://github.com/medblocks/medblocks-ui", "description": "Web Components for rapid development of openEHR and FHIR systems.", "stars": "68"}, {"name": "Microsoft Graph Toolkit", "url": "https://github.com/microsoftgraph/microsoft-graph-toolkit", "description": "Collection of web components for the Microsoft Graph.", "stars": "1k"}, {"name": "Mutation testing elements", "url": "https://github.com/stryker-mutator/mutation-testing-elements", "description": "A schema for mutation testing results with the web components to visualize it.", "stars": "27"}, {"name": "One Platform Components", "url": "https://github.com/1-Platform/op-components", "description": "Set of web components for Red Hat One Platform.", "stars": "31"}, {"name": "Playground Elements", "url": "https://github.com/PolymerLabs/playground-elements", "description": "Serverless code experiences with web components.", "stars": "640"}, {"name": "Stripe Elements", "url": "https://github.com/bennypowers/stripe-elements", "description": "Custom Element Wrapper for Stripe.js v3 Elements.", "stars": "84"}, {"name": "Titanium Elements", "url": "https://github.com/LeavittSoftware/titanium-elements", "description": "Collection of lightweight web components used by Leavitt Group Enterprises.", "stars": "19"}, {"name": "TrendChart Elements", "url": "https://github.com/WebLogin/trendchart-elements", "description": "Components to generate simple charts representing trends.", "stars": "62"}, {"name": "Umbraco UI Components", "url": "https://github.com/umbraco/Umbraco.UI", "description": "Collection of user interface web components for Umbraco CMS.", "stars": "144"}, {"name": "Vidstack Elements", "url": "https://github.com/vidstack/vds-elements", "description": "Spec-compliant customizable, extensible, accessible and universal media elements.", "stars": "3.4k"}, {"name": "VSCode Webview Elements", "url": "https://github.com/bendera/vscode-webview-elements", "description": "Components for creating VSCode extensions which use the Webview API.", "stars": "0"}, {"name": "Web Components for TEI Publisher", "url": "https://github.com/eeditiones/tei-publisher-components", "description": "Web components used by TEI Publisher and apps generated by it.", "stars": "18"}, {"name": "Webmarkets web components", "url": "https://github.com/Webmarkets/wm-web-components", "description": "Set of Webmarkets' public web components.", "stars": "1"}, {"name": "Wired Elements", "url": "https://github.com/rough-stuff/wired-elements", "description": "Collection of elements that appear hand drawn.", "stars": "11k"}, {"name": "Wokwi Elements", "url": "https://github.com/wokwi/wokwi-elements", "description": "Web Components for Arduino and various electronic parts.", "stars": "224"}, {"name": "`<api-viewer>`", "url": "https://github.com/web-padawan/api-viewer-element", "description": "API documentation and live playground for Web Components."}, {"name": "`<app-datepicker>`", "url": "https://github.com/motss/app-datepicker", "description": "Datepicker element built with LitElement and Material Design 2."}, {"name": "`<burgton-button>`", "url": "https://github.com/boguz/burgton-button", "description": "Simple to use, customizable and accessible burger-button element."}, {"name": "`<code-block>`", "url": "https://github.com/justinribeiro/code-block", "description": "Web component that displays colorfully formatted code with Prism.js and LitElement."}, {"name": "`<codesandbox-button>`", "url": "https://github.com/bennypowers/codesandbox-button", "description": "Custom Element that shows a CodeSandbox demo when you click on it."}, {"name": "`<editor-container>`", "url": "https://github.com/toeverything/blocksuite", "description": "Block based editor, designed for general-purpose collaborative applications."}, {"name": "`<granite-qrcode-generator>`", "url": "https://github.com/LostInBrittany/granite-qrcode-generator", "description": "Custom element to generate and render QR Codes, using qr.js library."}, {"name": "`<helium-animated-pages>`", "url": "https://github.com/alangdm/helium-animated-pages", "description": "Web component for creating CSS animations built with Lit."}, {"name": "`<json-viewer>`", "url": "https://github.com/alenaksu/json-viewer", "description": "Web Component to visualize JSON data in a tree view."}, {"name": "`<light-gallery>`", "url": "https://github.com/sachinchoolur/lightGallery/tree/master/lightgallery-lit", "description": "Full featured JavaScript image and video gallery for Lit."}, {"name": "`<lit-datatable>`", "url": "https://github.com/DoubleTrade/lit-datatable", "description": "Material Design implementation of a data table, powered by LitElement."}, {"name": "`<lit-image-cropper>`", "url": "https://github.com/andy-austin/lit-image-cropper", "description": "Fast and lightweight image cropper component."}, {"name": "`<lottie-player>`", "url": "https://github.com/LottieFiles/lottie-player", "description": "Web Component for easily embedding and playing Lottie animations."}, {"name": "`<model-viewer>`", "url": "https://github.com/GoogleWebComponents/model-viewer", "description": "A web component for rendering interactive 3D models."}, {"name": "`<rapi-doc>`", "url": "https://github.com/mrin9/RapiDoc", "description": "Web Component to view OpenAPI 3.0 & Swagger 2.0 Spec."}, {"name": "`<responsive-image>`", "url": "https://github.com/simonihmig/responsive-image", "description": "Web component for rendering responsive images."}, {"name": "`<round-slider>`", "url": "https://github.com/thomasloven/round-slider", "description": "Simple round slider web component built with Lit."}, {"name": "`<stl-part-viewer>`", "url": "https://github.com/justinribeiro/stl-part-viewer", "description": "LitElement web component that utilizes Three.js to display an STL model file."}, {"name": "Gracile", "url": "https://gracile.js.org/", "description": "Thin, full-stack meta-framework. Powered by Vite and Lit SSR."}], "notes": [], "source": "Lit"}, {"name": "Lit \u2014 Building", "entries": [{"name": "babel-plugin-lit-property-types-from-ts", "url": "https://www.npmjs.com/package/babel-plugin-lit-property-types-from-ts", "description": "Babel plugin for setting `type` for reactive properties declared in Lit components based on TypeScript type annotations."}, {"name": "babel-plugin-template-html-minifier", "url": "https://www.npmjs.com/package/babel-plugin-template-html-minifier", "description": "Babel plugin for minifying HTML in tagged template strings."}, {"name": "esbuild-plugin-lit", "url": "https://www.npmjs.com/package/esbuild-plugin-lit", "description": "ESBuild plugin to import CSS, SVG, HTML, XLIFF files as JavaScript tagged-template literal objects."}, {"name": "esbuild-plugin-lit-css", "url": "https://www.npmjs.com/package/esbuild-plugin-lit-css", "description": "ESBuild plugin to import css files as JavaScript tagged-template literal objects."}, {"name": "lit-css-loader", "url": "https://www.npmjs.com/package/lit-css-loader", "description": "Webpack loader to import css files as JavaScript tagged-template literal objects."}, {"name": "lit-scss-loader", "url": "https://www.npmjs.com/package/lit-scss-loader", "description": "Webpack loader to import the CSS/SCSS into Lit components."}, {"name": "rollup-plugin-lit-css", "url": "https://www.npmjs.com/package/rollup-plugin-lit-css", "description": "Rollup plugin to import css files as JavaScript tagged-template literal objects."}, {"name": "rollup-plugin-minify-html-literals", "url": "https://www.npmjs.com/package/rollup-plugin-minify-html-literals", "description": "Rollup plugin to minify HTML in tagged template strings."}, {"name": "rollup-plugin-postcss-lit", "url": "https://www.npmjs.com/package/rollup-plugin-postcss-lit", "description": "Rollup plugin to load PostCSS-processed stylesheets in Lit components."}], "notes": [], "source": "Lit"}, {"name": "Lit \u2014 Linting", "entries": [{"name": "eslint-plugin-lit", "url": "https://www.npmjs.com/package/eslint-plugin-lit", "description": "ESLint plugin for Lit template strings."}, {"name": "eslint-plugin-lit-a11y", "url": "https://www.npmjs.com/package/eslint-plugin-lit-a11y", "description": "Accessibility linting plugin for Lit templates."}, {"name": "lit-analyzer", "url": "https://www.npmjs.com/package/lit-analyzer", "description": "CLI that type checks bindings in Lit templates."}], "notes": [], "source": "Lit"}, {"name": "Lit \u2014 IDE Plugins", "entries": [{"name": "vscode-lit-html", "url": "https://marketplace.visualstudio.com/items?itemName=bierner.lit-html", "description": "Syntax highlighting and IntelliSense for lit-html template strings."}, {"name": "vscode-lit-plugin", "url": "https://marketplace.visualstudio.com/items?itemName=runem.lit-plugin", "description": "Syntax highlighting, type checking and code completion for lit-html."}, {"name": "es6-string-html", "url": "https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html", "description": "VSCode extension which provides syntax highlighting for HTML in ES6 multiline strings."}, {"name": "vim-html-template-literals", "url": "https://github.com/jonsmithers/vim-html-template-literals", "description": "Syntax highlighting and indentation for HTML inside of tagged template literals.", "stars": "77"}, {"name": "@web-types/lit", "url": "https://www.npmjs.com/package/@web-types/lit", "description": "Attribute completion for HTML inside of tagged template literals."}], "notes": [], "source": "Lit"}, {"name": "Lit \u2014 TypeScript Plugins", "entries": [{"name": "ts-lit-plugin", "url": "https://www.npmjs.com/package/ts-lit-plugin", "description": "Plugin that adds type checking and code completion for Lit templates."}, {"name": "typescript-lit-html-plugin", "url": "https://www.npmjs.com/package/typescript-lit-html-plugin", "description": "TypeScript server plugin that adds IntelliSense for Lit templates."}], "notes": [], "source": "Lit"}, {"name": "Lit \u2014 Other Tools", "entries": [{"name": "@custom-elements-manifest/analyzer", "url": "https://www.npmjs.com/package/@custom-elements-manifest/analyzer", "description": "CLI tool to generate API documentation for web components."}, {"name": "Storybook for web-components", "url": "https://www.npmjs.com/package/@storybook/web-components", "description": "UI development environment for plain web-component snippets."}, {"name": "web-components-codemods", "url": "https://www.npmjs.com/package/web-components-codemods", "description": "Codemods for Web Components compatible with lit-html template literals."}, {"name": "Web Component DevTools", "url": "https://github.com/Matsuuu/web-component-devtools", "description": "Browser extension for developers working with Web Components.", "stars": "150"}, {"name": "Web Component Factory", "url": "https://www.npmjs.com/package/@wcfactory/cli", "description": "CLI tool for generating, building, testing and publishing web components."}, {"name": "cdn.esm.sh", "url": "https://cdn.esm.sh/lit", "description": ""}, {"name": "jsDelivr CDN", "url": "https://cdn.jsdelivr.net/npm/lit/+esm", "description": ""}, {"name": "JSPM CDN", "url": "https://jspm.dev/lit", "description": ""}, {"name": "Skypack CDN", "url": "https://cdn.skypack.dev/lit", "description": ""}, {"name": "unpkg.com", "url": "https://unpkg.com/lit?module", "description": ""}, {"name": "Bridgetown Lit Renderer", "url": "https://github.com/bridgetownrb/bridgetown-lit-renderer", "description": "SSR + hydration of Lit components for Bridgetown.", "stars": "14"}, {"name": "Fable.Lit", "url": "https://github.com/fable-compiler/Fable.Lit", "description": "Collection of tools to embed HTML code into F# code with the power of Lit.", "stars": "93"}, {"name": "Ruby2JS", "url": "https://github.com/ruby2js/ruby2js", "description": "Minimal yet extensible Ruby to JavaScript conversion.", "stars": "478"}, {"name": "Lit 3.0 Launch Event", "url": "https://www.youtube.com/watch?v=ri9FEl_hRTc", "description": ""}, {"name": "Efficient, Expressive, and Extensible HTML Templates (Polymer Summit 2017)", "url": "https://www.youtube.com/watch?v=ruql541T7gc", "description": ""}, {"name": "lit-HTML (Chrome Dev Summit 2017)", "url": "https://www.youtube.com/watch?v=Io6JjgckHbg", "description": ""}, {"name": "Lit Beta Launch Event (2021)", "url": "https://www.youtube.com/watch?v=f1j7b696L-E", "description": ""}, {"name": "Lit 2.0 Release Livestream", "url": "https://www.youtube.com/watch?v=nfb779XIhsU", "description": ""}, {"name": "VDOM vs lit-html - HTTP203", "url": "https://www.youtube.com/watch?v=uCHZJy2n8Qs", "description": ""}, {"name": "Declarative Reactive Web Components with Justin Fagnani", "url": "https://www.youtube.com/watch?v=9FB0GSOAESo", "description": ""}, {"name": "Building a Complex Application with Web Components and LitElement", "url": "https://www.youtube.com/watch?v=x9YDQUJx2uw", "description": ""}, {"name": "The Web Platform Podcast 159: lit-html - HTML Templates via JavaScript Template Literals", "url": "https://thewebplatformpodcast.com/159-lithtml-html-templates-via-javascript-template-literals", "description": ""}, {"name": "ShopTalk Show 348: Getting lit-html with Justin Fagnani", "url": "https://shoptalkshow.com/episodes/348/", "description": "Another episode with Justin Fagnani as a guest."}, {"name": "Render HTML with Vanilla JavaScript and lit-html", "url": "https://dev.to/azure/too-hard-too-soft-just-right-rendering-html-with-lit-html-1km8", "description": ""}, {"name": "A gentle introduction to lit-html", "url": "https://dev.to/julcasans/a-gentle-introduction-to-lit-html-3d74", "description": ""}, {"name": "lit-html templates from zero to hero", "url": "https://dev.to/julcasans/lit-html-templates-from-zero-to-hero-2afm", "description": ""}, {"name": "Updating blog-pwa from Polymer to LitElement, Workbox, and Rollup", "url": "https://justinribeiro.com/chronicle/2019/04/11/updating-blog-pwa-from-polymer-to-litelement-workbox-and-rollup/", "description": ""}, {"name": "Let's Build Web Components! Part 5: LitElement", "url": "https://dev.to/bennypowers/lets-build-web-components-part-5-litelement-906", "description": ""}, {"name": "LitElement To Do App", "url": "https://medium.com/@westbrook/litelement-to-do-app-1e08a31707a4", "description": ""}, {"name": "LitElement with Rollup, Babel & Karma", "url": "https://43081j.com/2018/09/polymer-lit-with-rollup", "description": ""}, {"name": "A new, lean way of creating web apps", "url": "https://medium.com/@kennethrohde/a-new-lean-way-of-creating-web-apps-88a49c5b87ec", "description": ""}, {"name": "The future of Polymer & lit-html", "url": "https://43081j.com/2018/08/future-of-polymer", "description": ""}, {"name": "A night experimenting with Lit-HTML", "url": "https://lucamezzalira.com/2018/08/14/a-night-experimenting-with-lit-html/", "description": ""}, {"name": "Making a fullstack CRUD app with LitHTML, Redux, Express, and Webpack", "url": "https://medium.com/@pascalschilp/making-a-fullstack-crud-app-with-lithtml-redux-express-and-webpack-fe7e5cf8b3ef", "description": ""}, {"name": "Building a chat with Twilio, lit-html, Parcel and TypeScript", "url": "https://dev.to/dkundel/building-a-chat-with-twilio-lit-html-parcel-and-typescript-1jo1", "description": ""}, {"name": "haunted", "url": "https://www.npmjs.com/package/haunted", "description": "React's Hooks API but for standard web components and hyperHTML or lit-html."}, {"name": "htm", "url": "https://github.com/developit/htm", "description": "Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.", "stars": "9k"}, {"name": "hybrids", "url": "https://github.com/hybridsjs/hybrids", "description": "UI library for creating Web Components with simple and functional API.", "stars": "3.2k"}, {"name": "lit-ntml", "url": "https://github.com/motss/lit-ntml", "description": "Lightweight and modern templating for SSR in Node.js, inspired by lit-html.", "stars": "83"}], "notes": [], "source": "Lit"}, {"name": "Nextjs", "entries": [{"name": "Awesome Next.js", "url": "#awesome-nextjs--", "description": ""}, {"name": "GitHub", "url": "https://github.com/vercel/next.js", "description": "", "stars": "138k"}, {"name": "GitHub discussions for Next.js", "url": "https://github.com/vercel/next.js/discussions", "description": "", "stars": "138k"}, {"name": "Vercel Community", "url": "https://vercel.community/", "description": ""}, {"name": "Blog", "url": "https://nextjs.org/blog", "description": ""}, {"name": "Learn", "url": "https://nextjs.org/learn", "description": ""}, {"name": "Vercel TV", "url": "https://vercel.com/tv", "description": ""}, {"name": "Bulletproof Next", "url": "https://getstarted.sh/bulletproof-next", "description": ""}, {"name": "Instant Site Updates with On-Demand Revalidation and Directus", "url": "https://echobind.com/post/instant-site-updates-with-on-demand-revalidation-and-directus", "description": ""}, {"name": "Dynamic CMS-driven Redirects with Next.js", "url": "https://echobind.com/post/dynamic-cms-driven-redirects", "description": ""}, {"name": "Implementing RBAC Authorization in Next.js - Step-by-Step Guide", "url": "https://www.permit.io/blog/how-to-add-rbac-in-nextjs", "description": ""}, {"name": "Getting Started with Next.js, GraphQL and React Query", "url": "https://echobind.com/post/getting-started-with-nextjs-graphl-and-react-query", "description": ""}, {"name": "Using Next.js with FaunaDB: How to Query the Database from Your App", "url": "https://snipcart.com/blog/nextjs-faunadb", "description": ""}, {"name": "How to Build a Serverless Next.js Blog with ButterCMS", "url": "https://buttercms.com/blog/next-js-cms-tutorial", "description": ""}, {"name": "Build a Universal JavaScript App with Next.js", "url": "https://auth0.com/blog/building-universal-apps-with-nextjs", "description": ""}, {"name": "Getting Started with Next.js \u2014 Setting Up Your App", "url": "https://labs.redantler.com/getting-started-with-next-js-article-one-a1d9780ea9e0#.863nl4wnq", "description": ""}, {"name": "Getting Started with Next.js \u2014 Bringing Data In", "url": "https://labs.redantler.com/getting-started-with-next-js-bringing-data-in-bf40558698e2#.twjv5xk5w", "description": ""}, {"name": "How to build a Next.js React Universal App", "url": "https://medium.com/cosmicjs/how-to-build-a-next-js-react-universal-app-e610a0bc2124#.b8ayt9f39", "description": ""}, {"name": "Next on Next.js", "url": "https://web.archive.org/web/20170202170122if_/https://jsmantra.com/next-on-next-js-1a134505f346#.bhihzecyc", "description": ""}, {"name": "Accept payments on your site with nextjs, stripe, and micro", "url": "https://hackernoon.com/accept-payments-on-your-site-with-nextjs-stripe-and-micro-371de95b22d5?source=activity---post_recommended", "description": ""}, {"name": "Next.js on Cloud Functions for Firebase with Firebase Hosting", "url": "https://medium.com/@jthegedus/next-js-on-cloud-functions-for-firebase-with-firebase-hosting-7911465298f2", "description": ""}, {"name": "Building a Blog With Next.js", "url": "https://timber.io/blog/building-a-blog-with-next-js", "description": ""}, {"name": "Using Google Analytics with Next.js", "url": "https://malloc.fi/using-google-analytics-with-next-js", "description": ""}, {"name": "Build a Universal JavaScript App with Next.js and Redux *\\[Russian\\]*", "url": "https://habrahabr.ru/post/323588/", "description": ""}, {"name": "5 (of the Many Reasons) to love Vercel's Next.js", "url": "https://www.codementor.io/tgreco/5-of-the-many-things-to-love-about-zeit-s-next-js-bpszu99g1", "description": ""}, {"name": "Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones", "url": "https://nextjs.org/blog/next-5", "description": ""}, {"name": "Realtime data visualization using Next.js and Chart.js", "url": "https://pusher.com/tutorials/realtime-data-visualization-nextjs", "description": ""}, {"name": "Build a chat app with sentiment analysis using Next.js", "url": "https://pusher.com/tutorials/chat-sentiment-analysis-nextjs", "description": ""}, {"name": "Build a realtime table with Next.js", "url": "https://pusher.com/tutorials/realtime-tables-nextjs", "description": ""}, {"name": "SSR blog with Next.js and Prismic.io", "url": "https://www.garymeehan.ie/blog/server-side-rendered-blog-with-nextjs-and-prismic", "description": ""}, {"name": "SEO in Next.js and Prismic", "url": "https://www.garymeehan.ie/blog/handling-seo-with-nextjs-and-prismic", "description": ""}, {"name": "SEO in Next.js with next-seo", "url": "https://www.garymeehan.ie/blog/seo-in-nextjs-with-next-seo", "description": ""}, {"name": "Next.js 7", "url": "https://nextjs.org/blog/next-7", "description": ""}, {"name": "Create SSR Next.js websites using GraphQL with Postgres", "url": "https://blog.hasura.io/create-next-js-sites-using-graphql-on-postgres-199224ad1a39", "description": ""}, {"name": "Cooking a Deliveroo clone with Next.js (React), GraphQL, Strapi and Stripe - Setup (part 1/7)", "url": "https://blog.strapi.io/strapi-next-setup", "description": ""}, {"name": "Next.js E-commerce Tutorial: Quick Shopping Cart Integration", "url": "https://snipcart.com/blog/next-js-ecommerce-tutorial", "description": ""}, {"name": "Working with Ghost and Next.js", "url": "https://ghost.org/docs/api/nextjs/", "description": ""}, {"name": "Using Tailwind CSS with Next.js", "url": "https://statickit.com/guides/next-js-tailwind", "description": ""}, {"name": "Using Feature Flags in Next.js", "url": "https://medium.com/frontend-digest/using-feature-flags-in-next-js-c5c8d0795a2?source=friends_link\\&sk=d846a29f376acf9cfa41e926883923ab", "description": ""}, {"name": "Adding code snippets to Next.js using react-syntax-highlighter", "url": "https://thetombomb.com/posts/adding-code-snippets-to-static-markdown-in-Next%20js", "description": ""}, {"name": "Build company's Website/App with our astonishing Next.js template", "url": "https://www.wrappixel.com/templates/category/nextjs-templates/?ref=232", "description": ""}, {"name": "Guaranteeing webhook delivery in NextJS Application", "url": "https://www.bharathvaj.me/blog/implement-webhook-nextjs", "description": ""}, {"name": "Building a Guestbook Using Next.js On-Demand ISR", "url": "https://www.svix.com/blog/vercel-on-demand-isr-and-svix/", "description": ""}, {"name": "Useful Admin Templates to build your Website/App", "url": "https://adminmart.com/templates/nextjs/?ref=6", "description": ""}, {"name": "Integrate Next app with Tailwind", "url": "https://tailwind-elements.com/docs/standard/integrations/next-integration/", "description": ""}, {"name": "Top Next.js Admin & Dashboard Templates", "url": "https://blog.codedthemes.com/nextjs-admin-dashboard-templates/", "description": ""}, {"name": "Next.js Cheatsheet", "url": "https://blog.codedthemes.com/nextjs-cheatsheet/", "description": ""}, {"name": "A Guide to Performance Optimization with Next.js", "url": "https://www.debugbear.com/blog/nextjs-performance", "description": ""}, {"name": "Kaiforge Lite", "url": "https://github.com/DevxiaLabs/kaiforge-lite", "description": "Free admin dashboard template with Next.js 14, Tailwind CSS, TypeScript, dark/light mode, and 5 ready-to-use pages. MIT licensed. [Demo](https://lite.kaiforge.dev)", "stars": "0"}, {"name": "Kaminari Template", "url": "https://kaminari.vercel.app/", "description": "Power packed Next.js and Tailwind CSS template. Built with developer experience in mind. Contains Husky, CommitLint, Prettier, Eslint etc. configs. \u2728"}, {"name": "Next.js, Strapi Portfolio Starter", "url": "https://github.com/PictureElement/nextjs-strapi-portfolio-starter", "description": "\u26a1\ufe0f A modern portfolio starter with Next.js, Strapi, and Tailwind CSS, featuring automated XML sitemap, JSON-LD schemas, OpenGraph metadata, and a contact form with spam protection.", "stars": "22"}, {"name": "Next.js Static Blog", "url": "https://www.cosmicjs.com/apps/nextjs-static-blog", "description": "Next.js static blog powered by the Cosmic Headless CMS"}, {"name": "NextJS Headless CMS Powered Blog Starter", "url": "https://github.com/ButterCMS/react-cms-blog-with-next-js", "description": "", "stars": "145"}, {"name": "Next.js App with AWS Lambda", "url": "https://github.com/mattdamon108/nextjs-with-lambda", "description": "Deploy a Next.js App to AWS Lambda using Apex Up.", "stars": "59"}, {"name": "Nitro \ud83d\ude80", "url": "https://github.com/williamluke4/nitro", "description": "An Example of a PWA using Nextjs, Material-UI, Typescript and Auth0 \ud83d\udc97", "stars": "282"}, {"name": "Next & Now 2.0 Typescript template", "url": "https://github.com/alepacheco/landing-template", "description": "Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate", "stars": "43"}, {"name": "Next Right Now", "url": "https://github.com/UnlyEd/next-right-now", "description": "Flexible **production-grade boilerplate** with Next.js 9 and Vercel, with pre-configured Sentry, cookies, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (E2E tests) and CI/CD (GH Actions), with full TypeScript support and **support for B2B multi-tenants web apps (monorepo)**", "stars": "1.3k"}, {"name": "Next Graphql Apollo Typescript\\_Boostrap - Pobocha", "url": "https://github.com/Sebastp/Next-react-graphql-apollo_Boostrap", "description": "React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier & EsLint boilerplate", "stars": "88"}, {"name": "Next & Vercel Typescript template", "url": "https://github.com/alepacheco/landing-template", "description": "Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate", "stars": "43"}, {"name": "NextJS in Firebase with Bootstrap", "url": "https://github.com/ananddayalan/nextjs-in-firebase-with-bootstrap", "description": "Hosting NextJS app with Bootstrap in Firebase with Cloud Functions.", "stars": "25"}, {"name": "Next Simple Starter", "url": "https://github.com/ooade/NextSimpleStarter", "description": "Simple PWA boilerplate with Next.js and Redux.", "stars": "950"}, {"name": "NextJS Starter", "url": "https://github.com/iaincollins/nextjs-starter", "description": "Starter project for Next.js with and email and oAuth authentication.", "stars": "1.4k"}, {"name": "nextjs-starter", "url": "https://github.com/pbteja1998/nextjs-starter", "description": "An SEO Optimized Next.js 10 starter kit template with React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth) using (NextAuth.js and Fauna DB), ESLint, Prettier, Pre-commit hook with Husky. Can have different layouts for different pages.", "stars": "454"}, {"name": "RAN!", "url": "https://github.com/sly777/ran", "description": "Production-ready boilerplate with support for GraphQL, SSR, Hot-reload, CSS-in-JS, caching, and more.", "stars": "2.2k"}, {"name": "Next Simple Blog", "url": "https://github.com/tscanlin/next-blog", "description": "Simple Markdown based blog built with Next.js with static exports.", "stars": "555"}, {"name": "phox", "url": "https://github.com/herschel666/phox", "description": "Create a static photo blog.", "stars": "19"}, {"name": "Next Express Bootstrap Boilerplate", "url": "https://github.com/MustansirZia/next-express-bootstrap-boilerplate", "description": "Boilerplate for a full stack app built using Next, Express, react-bootstrap, SCSS and SSR with eslint.", "stars": "112"}, {"name": "Next Blog Firestore", "url": "https://github.com/suevalov/next-blog-firestore", "description": "Blog with simple CMS built with Next.js, Firebase Firestore, styled-components and mobx-state-tree.", "stars": "270"}, {"name": "Next Redux Starter", "url": "https://github.com/CodementorIO/nextjs-redux-starter", "description": "Next.js starter with Express, Redux, and PostCSS.", "stars": "376"}, {"name": "NextJS Redux-Wrapper Material-UI", "url": "https://github.com/joaopaulomoraes/nextjs-with-redux-and-material-ui", "description": "\ud83e\udd13 A boilerplate NextJS with Redux and Material UI.", "stars": "131"}, {"name": "Staart", "url": "https://github.com/nmaro/staart", "description": "\ud83d\ude0e Actively maintained Next.js components library *and* minimal boilerplate to rapidly get staarted with app with working user accounts based on Ooth.", "stars": "314"}, {"name": "NextJS TypeScript Starter Kit", "url": "https://github.com/deptno/next.js-typescript-starter-kit", "description": ":tada: TypeScript + NextJS, Styled-jsx, Redux, PostCSS, configurable SEO", "stars": "337"}, {"name": "Next Boilerplate", "url": "https://arefaslani.github.io/next-boilerplate", "description": "External CSS and Sass + Importing images from anywhere + Prettier and Eslint + Environment variables and many more features."}, {"name": "next-starter", "url": "https://github.com/YuriBrunetto/next-starter", "description": "A full and simple boilerplate with `sass (.scss)` and `postcss`built in.", "stars": "27"}, {"name": "Typescript Monorepo Next Example", "url": "https://github.com/deptno/typescript-monorepo-next-example", "description": "A minimalistic next.js + typescript monorepo.", "stars": "44"}, {"name": "tomimick/tm-nextjs-starter", "url": "https://github.com/tomimick/tm-nextjs-starter", "description": "A minimal starter/demo with basic CRUD, axios/localstorage, MobX, SASS, static site export, live demo", "stars": "50"}, {"name": "csprance/next-smrt", "url": "https://github.com/csprance/next-smrt", "description": "A minimal boilerplate with redux, styled-components, material-ui and typescript with a custom express server.", "stars": "56"}, {"name": "Nextron", "url": "https://github.com/saltyshiomix/nextron", "description": "An Electron with Next.js apps generator \u26a1", "stars": "4.4k"}, {"name": "next-boilerplate", "url": "https://github.com/pankod/next-boilerplate", "description": "A well-structured production ready Next.js boilerplate with Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle", "stars": "1.6k"}, {"name": "Oh My Fullstack", "url": "https://github.com/oh-my-c0de/oh-my-fullstack", "description": "Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)", "stars": "174"}, {"name": "Next-Postgres-With-Typescript", "url": "https://github.com/brandontle/next-postgres-with-typescript", "description": "Forum-like fullstack web app with Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion", "stars": "21"}, {"name": "Next.js with Express and Babel", "url": "https://github.com/pd-smith/next-express-babel", "description": "An application skeleton for those who want to transpile their Express as well as their Next.js code using Babel.", "stars": "3"}, {"name": "next-postgres-graphql", "url": "https://github.com/hasura/graphql-engine/tree/master/community/sample-apps/nextjs-postgres-graphql", "description": "Create SSR Next.js websites using GraphQL with Postgres (Next.js, Postgres, GraphQL)", "stars": "32k"}, {"name": "nextjs-mongodb-app", "url": "https://github.com/hoangvvo/nextjs-mongodb-app", "description": "Full-fledged app made with Next.JS and MongoDB, with authentication and much more (Next.js 9, MongoDB)", "stars": "1.6k"}, {"name": "react-next-boilerplate", "url": "https://github.com/react-next-boilerplate/react-next-boilerplate", "description": ":rocket: A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.", "stars": "364"}, {"name": "The-Nextjs-starter", "url": "https://github.com/novellito/the-nextjs-starter", "description": "typescript + redux + styled-components + react-testing-library + eslint + fontawesome", "stars": "22"}, {"name": "The Knests Stack", "url": "https://github.com/tudorconstantin/knests/", "description": "Full stack boilerplate/hackathon starter with: PostgreSQL, Knex.js, NestJS, Next.js (obviously), GraphQL, React (with hooks and typescript), Material-UI, Docker multistage images for, Docker compose and a Gitlab CI/CD pipeline fully configured.", "stars": "351"}, {"name": "Devii", "url": "https://github.com/vriad/devii", "description": "A Medium-inspired dev blog starter built with Next.js, React, and TypeScript, with Markdown rendering, syntax highlighting, SEO/meta tags, and RSS feed generation out of the box.", "stars": "498"}, {"name": "Nextjs Blog Starter", "url": "https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/", "description": "\ud83d\ude80 The perfect starter code for your blog based on Next.js framework. \u26a1\ufe0f Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS."}, {"name": "Next.js and Netlify Blogging Template", "url": "https://github.com/wutali/nextjs-netlify-blog-template", "description": "A perfect boilerplate for building a blog website on Netlify stacks with standard features like tagging, CMS, and shortcodes.", "stars": "472"}, {"name": "Nextjs Apollo Nexus", "url": "https://github.com/inblack67/GraphQL-Next-Setup", "description": "GraphQL Apollo Client-Server integration in Next.js with Nexus Schema (Code first approach).", "stars": "3"}, {"name": "Nextjs Starter Peacock", "url": "https://github.com/vickOnRails/next-starter-peacock", "description": "\ud83e\udd9a Beautiful Nextjs portfolio starter for software engineers and designers to show work they're so proud of.", "stars": "132"}, {"name": "Nextatic", "url": "https://github.com/tancredi/nextatic", "description": "\ud83c\udf0d Static website multi-language boilerplate with user-editable pages and navigation using Netlify CMS + Next.js + SCSS + Typescript.", "stars": "47"}, {"name": "Sitemap generator for NextJS & StrAPI", "url": "https://github.com/stovv/next-strapi-sitemap", "description": "\ud83e\uddbe An additional server on express that runs alongside nextjs and regenerates sitemap ( with index sitemap ) and robots.txt files on request from STR API.", "stars": "6"}, {"name": "superplate", "url": "https://github.com/pankod/superplate", "description": "superplate creates Next.js app in seconds with TypeScript, styled-components, SWR, Storybook, and 35+ plugin.", "stars": "2.9k"}, {"name": "Hydrogen", "url": "https://statichunt.com/themes/nextjs-hydrogen", "description": "Hydrogen is a Nextjs blog starter template build with tailwindCss and MDX supports. It has all necessary MDX shortcodes out of the box."}, {"name": "Next-Fire-Auth", "url": "https://github.com/hrushikedar33/next-fire-auth", "description": "A awesome boilerplate for startup application with authentication using Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks", "stars": "7"}, {"name": "NextJS Chargebee Subscription", "url": "https://github.com/bharathvaj-ganesan/chargebee-saas-stack", "description": "A Chargebee focused T3 Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM.", "stars": "20"}, {"name": "Next.js Enterprise", "url": "https://github.com/Blazity/next-enterprise", "description": "enterprise-grade boilerplate for high-performance, maintainable apps. Built with Tailwind CSS, RadixUI, TypeScript and more.", "stars": "7.4k"}, {"name": "Start UI \\[web\\]", "url": "https://github.com/BearStudio/start-ui-web", "description": "\ud83d\ude80 opinionated UI starter with TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz", "stars": "1.7k"}, {"name": "Kaiforge Lite", "url": "https://github.com/DevxiaLabs/kaiforge-lite", "description": "Free and open-source Next.js admin dashboard template with Tailwind CSS, dark mode, and multiple color themes.", "stars": "0"}, {"name": "A11y Starter Kit", "url": "https://github.com/thefrontkit/a11y-starter-kit-code", "description": "Accessibility-first Next.js starter kit with best practices for building inclusive web apps. Demo: <https://a11y-starter-kit.vercel.app/>", "stars": "2"}, {"name": "Next universal language detector", "url": "https://github.com/UnlyEd/universal-language-detector", "description": "Language detector that works universally (browser + server) - Meant to be used with a universal framework, such as Next.js [DEMO](https://universal-language-detector.now.sh/)", "stars": "99"}, {"name": "Next Routes", "url": "https://github.com/fridays/next-routes", "description": "Universal named routes for Next.js.", "stars": "2.5k"}, {"name": "Next-Pkg", "url": "https://github.com/onready/next-pkg", "description": "Extended Next.js server with [pkg (\u2b5024k)](https://github.com/vercel/pkg) support.", "stars": "66"}, {"name": "Next Plugin Graphql", "url": "https://github.com/lfades/next-plugin-graphql", "description": "Next.js plugin for .graphql and .gql files using graphql-tag", "stars": "58"}, {"name": "Next With Apollo", "url": "https://github.com/lfades/next-with-apollo", "description": "Apollo Graphql integration for Next.js", "stars": "762"}, {"name": "Next SEO", "url": "https://github.com/garmeeh/next-seo", "description": "SEO made easy for Next.js", "stars": "8.3k"}, {"name": "Next-Sitemap", "url": "https://github.com/iamvishnusankar/next-sitemap", "description": "Sitemap generator for Next.js", "stars": "3.7k"}, {"name": "Next UserAgent", "url": "https://github.com/tokuda109/next-useragent", "description": "UserAgent parser for Next.js"}, {"name": "Next Cookie", "url": "https://github.com/tokuda109/next-cookie", "description": "Cookie serializer and deserializer library for Next.js."}, {"name": "Nextein", "url": "https://github.com/elmasse/nextein", "description": "A static site generator based in Next.js.", "stars": "890"}, {"name": "next-mdx-blog", "url": "https://github.com/hipstersmoothie/next-mdx-blog", "description": "Easily add a blog to any next.js based project", "stars": "73"}, {"name": "next-i18next", "url": "https://github.com/isaachinman/next-i18next", "description": "The easiest way to translate your NextJs apps.", "stars": "0"}, {"name": "next-routes-middleware", "url": "https://github.com/revskill10/next-routes-middleware", "description": "A NextJS routing middleware", "stars": "40"}, {"name": "Serverless Framework plugin for Next.js", "url": "https://github.com/danielcondemarin/serverless-nextjs-plugin", "description": "Deploy serverless applications with ease.", "stars": "4.5k"}, {"name": "Terraform For Next.js", "url": "https://github.com/ematipico/terraform-nextjs-plugin", "description": "Deploy your application using Terraform", "stars": "54"}, {"name": "next-session", "url": "https://github.com/hoangvvo/next-session", "description": "Session middleware for Next.js", "stars": "358"}, {"name": "next-iron-session", "url": "https://github.com/vvo/next-iron-session", "description": "Next.js stateless session utility using signed and encrypted cookies to store data", "stars": "4.1k"}, {"name": "Next PurgeCSS", "url": "https://github.com/lucleray/next-purgecss", "description": "Easily integrate [Purgecss](https://www.purgecss.com/), which helps you remove unused CSS from your bundle.", "stars": "137"}, {"name": "Next PWA", "url": "https://github.com/shadowwalker/next-pwa", "description": "Zero config PWA plugin for Next.js with workbox", "stars": "4.1k"}, {"name": "flow-middleware", "url": "https://github.com/piglovesyou/flow-middleware", "description": "Run any of Express middlewares on Next.js without polluting native objects.", "stars": "15"}, {"name": "next-connect", "url": "https://github.com/hoangvvo/next-connect", "description": "The Express/Connect-compatible router and middleware layer for Next.js.", "stars": "1.7k"}, {"name": "next-img", "url": "https://github.com/humaans/next-img/", "description": "a plugin for embedding optimized images with ease.", "stars": "277"}, {"name": "next-auth", "url": "https://github.com/iaincollins/next-auth", "description": "Easy authentication for Next.js and Serverless", "stars": "28k"}, {"name": "next-deploy", "url": "https://github.com/lone-cloud/next-deploy", "description": "\ud83d\ude80 Effortless deployment to AWS and GitHub Pages.", "stars": "49"}, {"name": "next-joi", "url": "https://github.com/codecoolture/next-joi", "description": "Validate Next.js API Routes, with *joi*.", "stars": "109"}, {"name": "next-transpile-modules", "url": "https://github.com/martpie/next-transpile-modules", "description": "Next.js plugin to transpile code from node\\_modules. Useful for monorepos.", "stars": "1.1k"}, {"name": "Destack for Next.js", "url": "https://github.com/liveduo/destack", "description": "Next.js extension to visually build landing pages locally.", "stars": "1.8k"}, {"name": "UseSIWE", "url": "https://github.com/random-bits-studio/use-siwe", "description": "React hooks and Next.js API routes that make it super easy to add Sign-In with Ethereum to your app.", "stars": "24"}, {"name": "Runtime Environment Variables for Next.js", "url": "https://www.npmjs.com/package/@cuww/runtime-env", "description": "Stop configuring ENV variables in CI/CD, use a cloud-native approach."}, {"name": "next-google-tag-manager", "url": "https://github.com/XD2Sketch/next-google-tag-manager", "description": "Easily add Google Tag Manager to Next 13 and up.", "stars": "48"}, {"name": "modal-layout-component", "url": "https://github.com/ArtemZhyto/Modal-layout-component", "description": "Lightweight and accessible headless modal layout for Next.js with focus trapping.", "stars": "0"}, {"name": "next-api-decorators", "url": "https://github.com/storyofams/next-api-decorators", "description": "Decorators to create typed Next.js API routes, with easy request validation and transformation.", "stars": "427"}, {"name": "Vercel AI SDK", "url": "https://github.com/vercel/ai", "description": "The AI Toolkit for TypeScript. Build AI-powered applications with React, Next.js, Vue, Svelte, and Node.js.", "stars": "23k"}, {"name": "CopilotKit", "url": "https://github.com/CopilotKit/CopilotKit", "description": "React UI + elegant infrastructure for AI Copilots, AI chatbots, and in-app AI agents in your Next.js apps.", "stars": "29k"}, {"name": "ogimg.xyz", "url": "https://ogimg.xyz", "description": "OG image generation API with 10 templates, background patterns, and URL auto-fetch. Built with Next.js + Satori on Vercel Edge."}, {"name": "ShotOG", "url": "https://github.com/nicepkg/shotog", "description": "Dynamic OG image generation API for Next.js apps, powered by Cloudflare Workers.", "stars": "3"}, {"name": "Frontman", "url": "https://github.com/frontman-ai/frontman", "description": "An open-source AI coding agent that lives in your browser, enabling visual element selection and plain-English code edits with hot reload.", "stars": "170"}, {"name": "@farming-labs/docs", "url": "https://github.com/farming-labs/docs", "description": "A modern documentation framework that works. One config file, zero boilerplate.", "stars": "32"}, {"name": "API Status Check", "url": "https://apistatuscheck.com", "description": "Real-time status monitoring dashboard tracking 2,500+ APIs and cloud services. Built with Next.js and deployed on Vercel."}, {"name": "DevToolKit", "url": "https://github.com/a827681306/devtoolkit", "description": "Free online developer tools built with Next.js \u2014 JSON Formatter, JWT Decoder, Regex Tester, Base64/URL Encoder, Hash Generator.", "stars": "0"}, {"name": "CourseLit", "url": "https://github.com/codelit/courselit", "description": "An open source alternative to Thinkific, Teachable etc.", "stars": "1.1k"}, {"name": "FIM Agent", "url": "https://github.com/fim-ai/fim-agent", "description": "AI-powered Connector Hub with a Next.js + shadcn/ui portal frontend. Features agent management, connector configuration, knowledge base, and real-time chat with SSE streaming.", "stars": "109"}, {"name": "FastUtil", "url": "https://fastutil.app", "description": "71+ free browser-based developer utilities with client-side processing, 20 language translations, and no sign-up required. Built with Next.js App Router and shadcn/ui."}, {"name": "Feednext", "url": "https://github.com/feednext/feednext", "description": "An open source social media application.", "stars": "322"}, {"name": "NextJS GOT", "url": "https://github.com/auth0-blog/nextjs-got", "description": "Simple Next.js application that showcases Game of Thrones Characters.", "stars": "32"}, {"name": "Relate", "url": "https://github.com/RelateNow/relate", "description": "Mindfulness community - React, GraphQL, Next.js.", "stars": "334"}, {"name": "Password", "url": "https://github.com/dotcypress/password", "description": "One password, right way.", "stars": "119"}, {"name": "Next Todos", "url": "https://github.com/lipp/next-todos", "description": "Todo list written in Next.js.", "stars": "132"}, {"name": "Hacker News", "url": "https://github.com/lipp/hackernews", "description": "Another Hacker News written in Next.js.", "stars": "47"}, {"name": "Jet Chat", "url": "https://github.com/lipp/jet-chat", "description": "Jet and Next.js powered Chat demo.", "stars": "10"}, {"name": "Nextgram", "url": "https://github.com/arunoda/nextgram", "description": "Sample Next.js v2 app for showing off its capabilities.", "stars": "51"}, {"name": "Rauchg Blog", "url": "https://github.com/rauchg/blog", "description": "Blog built by a Next.js core maintainer.", "stars": "1.4k"}, {"name": "Next JPH", "url": "https://github.com/renatorib/next-jph", "description": "JsonPlaceholder sample app made with Next.js.", "stars": "36"}, {"name": "Mailto", "url": "https://github.com/dawsbot/mailto", "description": "HTML mailto's made easy.", "stars": "224"}, {"name": "Plate", "url": "https://github.com/knipferrc/plate", "description": "The task management app to rule them all.", "stars": "50"}, {"name": "Dashboard", "url": "https://github.com/danielbayerlein/dashboard", "description": "Create your own team dashboard with custom widgets.", "stars": "1.3k"}, {"name": "Snape", "url": "https://github.com/ritz078/snape", "description": "A torrent client to search, stream and download torrents.", "stars": "846"}, {"name": "Trello Resume", "url": "https://github.com/juliandavidmr/TrelloResume", "description": "Converts trello data into fast read information.", "stars": "16"}, {"name": "Server Authentication with JWT", "url": "https://github.com/estrada9166/server-authentication-next.js", "description": "Server authentication, prevent render before validation.", "stars": "107"}, {"name": "Alexander Kachkaev\u2019s website", "url": "https://gitlab.com/kachkaev/website-frontend/", "description": "personal homepage built with Next.js, GraphQL, Docker and Kubernetes. Uses apollo client, react-intl, styled-components and recompose. Docker images are automatically built by GitLab CI."}, {"name": "Cookie handler with server render", "url": "https://github.com/estrada9166/cookie-handler-next.js", "description": "Cookie handler with server render, access the cookie before render.", "stars": "15"}, {"name": "Gank", "url": "https://github.com/OrangeXC/gank", "description": "A Next.js App use gank-api, mobx and antd", "stars": "131"}, {"name": "Decoupled CMS example with GraphQL and Next.js", "url": "https://github.com/janit/decoupled-cms-nextjs-graphql", "description": "", "stars": "30"}, {"name": "Mozilla VR Home", "url": "https://vr.mozilla.org/", "description": "Mozilla VR Home"}, {"name": "Elton John's website", "url": "https://www.eltonjohn.com", "description": "Elton John's Website"}, {"name": "IOTA's Data Market Place", "url": "https://data.iota.org/", "description": "IOTA Market Place"}, {"name": "magicleap.com", "url": "https://www.magicleap.com/", "description": "Magic Leap"}, {"name": "NPM.js Search Page", "url": "https://www.npmjs.com/search", "description": "NPM's Search Page"}, {"name": "Docker Success Center", "url": "https://success.docker.com", "description": "Docker Success Center"}, {"name": "Urteile & Gesetze", "url": "https://github.com/neo-search/urteile-gesetze-web", "description": "German Legal Information System licensed under GPLv3.", "stars": "19"}, {"name": "TikTok's HomePage", "url": "https://www.tiktok.com/", "description": "TikTok's Home Page"}, {"name": "njt.now.sh", "url": "https://njt.now.sh", "description": "npm jump to \ud83d\udc38 (package navigation shortcuts you dreamed about). Partially statically-rendered, partially deployed as lambda. Automatically updated on each commit to the [github repo (\u2b50318)](https://github.com/kachkaev/njt), thanks to Now integration."}, {"name": "caseconverter.pro", "url": "https://caseconverter.pro", "description": "A text case converter."}, {"name": "Tottem", "url": "https://github.com/poulainv/tottem", "description": "Bookmark manager on steroid built with NextJs / Auth0 / Apollo Tools / Prisma2", "stars": "979"}, {"name": "Slow TV Map", "url": "https://slowtvmap.com", "description": "A fun way to discover relaxing virtual experiences. Next.js + Chakra UI + MySQL hosted on Vercel."}, {"name": "Twitter Clone", "url": "https://github.com/AlandSleman/t3-twitter-clone", "description": "Twitter clone built with Next.js + T3 Stack + NextAuth + Supabase + Prisma.", "stars": "189"}, {"name": "Taxonomy", "url": "https://github.com/shadcn/taxonomy", "description": "An example app built using Next.js 13 server components.", "stars": "19k"}, {"name": "shadcn/ui", "url": "https://github.com/shadcn/ui", "description": "Beautifully designed components that you can copy and paste into your apps.", "stars": "109k"}, {"name": "StorageBox", "url": "https://github.com/AlandSleman/StorageBox", "description": "A Simple File Storage Service Built with Go and Next.js.", "stars": "23"}, {"name": "Taskade", "url": "https://taskade.com/", "description": "AI-powered workspace for teams with real-time collaboration, AI agents, project management, and workflow automation."}, {"name": "Hands On Next.js", "url": "https://leanpub.com/hands-on-nextjs", "description": "A practical fullstack book on universal (server) rendering for react applications."}, {"name": "Next.js Quick Start Guide", "url": "https://www.packtpub.com/web-development/nextjs-quick-start-guide", "description": "Create, build and deploy universal JavaScript applications using Next.js"}, {"name": "The Next.js Handbook", "url": "https://flaviocopes.com/page/nextjs-handbook/", "description": "Build a frontend React application that transparently handles server-side rendering for you."}, {"name": "Serverless Web Applications with React and Next.js", "url": "https://www.amazon.com/dp/B0BHRPMF74", "description": "Use Next.js serverless features to access databases and authenticate users in your React applications"}, {"name": "Cut Into The Jamstack: Build a SaaS with React and Next.js", "url": "https://www.cutintothejamstack.com/", "description": "Build a full-stack software-as-a-service application using Next.js, Prisma ORM, Cloudinary API, Chakra-UI and React Hook Form."}, {"name": "Real World Next.js", "url": "https://www.amazon.com/Real-World-Next-js-high-performance-applications-production-ebook/dp/B08XY1MCV1?Adv-Srch-Books-Submit.x=0\\&Adv-Srch-Books-Submit.y=0\\&qid=1652828645\\&refinements=p_66:9781801079877\\&s=books\\&sr=1-1\\&unfiltered=1\\&linkCode=sl1\\&tag=misko0a-20\\&linkId=1039970a67ec37bfcaa25cf6c77a5591\\&language=en_US\\&ref_=as_li_ss_tl", "description": "Build scalable, high-performance, and modern web applications using Next.js, the React framework for production"}, {"name": "Create your first ReactJS application with NextJS *\\[Spanish\\]*", "url": "https://www.youtube.com/watch?v=-7Ft5LxPeWs", "description": ""}, {"name": "React Server Side Rendering with NextJS", "url": "https://www.youtube.com/watch?v=JEBkh_vleTs\\&t", "description": ""}, {"name": "Guillermo Rauch - Next.js by Example", "url": "https://www.youtube.com/watch?v=DLGJfa3Xv-0", "description": ""}, {"name": "Guillermo Rauch - Next.js: Universal React Made Easy and Simple", "url": "https://www.youtube.com/watch?v=evaMpdSiZKk", "description": ""}, {"name": "Introduction to Next.js", "url": "https://www.youtube.com/watch?v=Fnw3lNeH-XI", "description": ""}, {"name": "Next.js in production", "url": "https://www.youtube.com/watch?v=h6rETZH6Ym0", "description": ""}, {"name": "Parameterized Routing with Next.js", "url": "https://www.youtube.com/watch?v=2cJya4h5ync", "description": ""}, {"name": "JSHeroes 2017 | Guillermo Rauch - Static and Dynamic Next.js", "url": "https://www.youtube.com/watch?v=lLNJsuXB4CI", "description": ""}, {"name": "Programming the Universal Future with Next.js - Guillermo Rauch \u00b7 JSConf China 2017", "url": "https://www.youtube.com/watch?v=w9Or7B4kTRY", "description": ""}, {"name": "BPJS: Special - Introduction to Next.js", "url": "https://www.youtube.com/watch?v=4cfozXTyjWQ", "description": ""}, {"name": "Next for Next.js", "url": "https://www.youtube.com/watch?v=ms2aOV06_qk", "description": ""}, {"name": "Data Management With Next.js and GraphQL", "url": "https://www.youtube.com/watch?v=g_LA1quUIi8", "description": ""}, {"name": "Next.js Register User", "url": "https://www.youtube.com/watch?v=oQ60Grn4RYQ", "description": ""}, {"name": "Next.js Crash Course - Server Side React", "url": "https://www.youtube.com/watch?v=IkOVe40Sy0U", "description": ""}, {"name": "Mastering Next.js", "url": "https://masteringnextjs.com/", "description": "50+ lesson video course for building applications with Next.js and React."}, {"name": "Next.js Tutorial", "url": "https://www.youtube.com/watch?v=7J4iL1HDshQ\\&list=PLYSZyzpwBEWSQsrukurP09ksi49H9Yj40", "description": "In depth Next.js tutorials."}, {"name": "Next.js Conf 2020", "url": "https://www.youtube.com/playlist?list=PLBnKlKpPeagnT2Cmv4giCbosfrbKnuYTD", "description": "All the videos from the 2020 Next.js conference"}, {"name": "Full-stack food ordering app with Hasura, Next.js, and Vercel", "url": "https://www.youtube.com/playlist?list=PLTRTpHrUcSB8elpwJKDIQNfNlqpPTNHGG", "description": ""}, {"name": "How to use Credentials Authentication in Next.js with NextAuth?", "url": "https://youtu.be/fqXC2V-MSV4", "description": ""}, {"name": "Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)", "url": "https://youtu.be/mqUN4N2q4qY", "description": ""}, {"name": "Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS", "url": "https://youtu.be/ugCN_gynFYw", "description": ""}, {"name": "Next js 13 project - IMBb Clone - next js tailwind css project - nextjs project", "url": "https://youtu.be/OHEMPreO09Q", "description": ""}, {"name": "Next js 13 project - Google clone (next.js 13, tailwind css 3, google search api, app router", "url": "https://youtu.be/h9zlVmoUV5I", "description": ""}, {"name": "next js project - Twitter clone", "url": "https://youtu.be/PnvDPSg5bQM", "description": ""}, {"name": "Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)", "url": "https://youtu.be/ytkG7RT6SvU", "description": ""}, {"name": "NextJS 13 Tutorial: Create a Static Blog from Markdown Files", "url": "https://youtu.be/Hiabp1GY8fA", "description": ""}, {"name": "Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023", "url": "https://www.youtube.com/watch?v=c_-b_isI4vg\\&t=11529s", "description": ""}, {"name": "Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)", "url": "https://www.youtube.com/watch?v=PGPGcKBpAk8\\&t=1922s", "description": ""}, {"name": "Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)", "url": "https://youtube.com/watch?v=2aeMRB8LL4o\\&t=4402s", "description": ""}, {"name": "Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023", "url": "https://www.youtube.com/watch?v=5miHyP6lExg\\&t=1908s", "description": ""}, {"name": "Next.js News", "url": "https://nextjsnews.com", "description": "Monthly Next.js newsletter showcasing new and upcoming features, best articles, tools, and plugins."}, {"name": "Next.js Notes", "url": "https://nextjsnotes.com", "description": "Monthly Next.js and JavaScript platform news."}], "notes": [], "source": "Nextjs"}, {"name": "Css \u2014 Motivation", "entries": [], "notes": [], "source": "Css"}, {"name": "Css \u2014 Complementary Resources", "entries": [{"name": "CSS - MDN - Mozilla", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS", "description": ""}, {"name": "Reddit (CSS)", "url": "https://www.reddit.com/r/css/", "description": ""}, {"name": "StackOverflow (CSS)", "url": "https://stackoverflow.com/questions/tagged/css", "description": ""}, {"name": "CSS Working Group", "url": "#css-working-group", "description": ""}, {"name": "Parsers :mag:", "url": "#parsers-mag", "description": ""}, {"name": "Preprocessors :pill:", "url": "#preprocessors-pill", "description": ""}, {"name": "Frameworks :art:", "url": "#frameworks-art", "description": ""}, {"name": "Toolkits :wrench:", "url": "#toolkits-wrench", "description": ""}, {"name": "Reset and Normalize", "url": "#reset-and-normalize", "description": ""}, {"name": "CSS Development at Large-Scale Websites", "url": "#css-development-at-large-scale-websites", "description": ""}, {"name": "Code Style Guidelines :book:", "url": "#code-style-guidelines-book", "description": ""}, {"name": "Style Guide", "url": "#style-guide", "description": ""}, {"name": "Style Guide Generators :slot\\_machine:", "url": "#style-guide-generators-slot_machine", "description": ""}, {"name": "Naming conventions & Methodologies :bulb:", "url": "#naming-conventions--methodologies-bulb", "description": ""}, {"name": "CSS in JS", "url": "#css-in-js", "description": ""}, {"name": "CSS Polyfills", "url": "#css-polyfills", "description": ""}, {"name": "Miscellaneous", "url": "#miscellaneous", "description": ""}, {"name": "Podcasts :radio:", "url": "#podcasts-radio", "description": ""}, {"name": "Twitter :satellite:", "url": "#twitter-satellite", "description": ""}, {"name": "Videos :tv:", "url": "#videos-tv", "description": ""}, {"name": "Books :books:", "url": "#books-books", "description": ""}, {"name": "Tutorials :clapper:", "url": "#tutorials-clapper", "description": ""}, {"name": "Maintainers", "url": "#maintainers", "description": ""}, {"name": "Contribute", "url": "#contribute", "description": ""}], "notes": [], "source": "Css"}, {"name": "Css \u2014 Editor's Draft :black\\_nib:", "entries": [{"name": "W3c/csswg-drafts", "url": "https://github.com/w3c/csswg-drafts", "description": "Mirror of CSS WG Editor Draft repository.", "stars": "4.5k"}, {"name": "W3c/css-houdini-drafts", "url": "https://github.com/w3c/css-houdini-drafts", "description": "Mirror of Houdini WG Editor repository.", "stars": "1.8k"}, {"name": "CSSOM", "url": "https://github.com/NV/CSSOM", "description": "CSS Object Model implemented in pure JavaScript.", "stars": "752"}, {"name": "CSSTree", "url": "https://github.com/csstree/csstree", "description": "Detailed CSS parser with syntax validator.", "stars": "1.9k"}, {"name": "Gonzales PE", "url": "https://github.com/tonyganch/gonzales-pe", "description": "CSS parser with support for preprocessors.", "stars": "330"}, {"name": "Mensch", "url": "https://github.com/brettstimmerman/mensch", "description": "A decent CSS parser.", "stars": "113"}, {"name": "ParserLib", "url": "https://github.com/CSSLint/parser-lib", "description": "CSSLint/parser-lib.", "stars": "287"}, {"name": "PostCSS", "url": "https://github.com/postcss/postcss", "description": "Transforming styles with JS plugins.", "stars": "29k"}, {"name": "Rework", "url": "https://github.com/reworkcss/rework", "description": "Plugin framework for CSS preprocessing in Node.js.", "stars": "2.8k"}, {"name": "Stylecow", "url": "https://github.com/stylecow/stylecow", "description": "Modern CSS for all browsers.", "stars": "163"}, {"name": "LESS", "url": "https://github.com/less/less.js", "description": "Backwards compatible with CSS, and the extra features it adds use existing CSS syntax.", "stars": "17k"}, {"name": "PostCSS", "url": "https://github.com/postcss/postcss", "description": "Transforming CSS with JS plugins.", "stars": "29k"}, {"name": "Sass", "url": "https://github.com/sass/sass", "description": "Mature, stable, and powerful professional-grade CSS extension language.", "stars": "15k"}, {"name": "STYLIS", "url": "https://github.com/thysultan/stylis.js", "description": "Light-weight CSS preprocessor.", "stars": "1.7k"}, {"name": "Stylus", "url": "http://learnboost.github.io/stylus/", "description": "Expressive, robust, feature-rich CSS language built for NodeJs."}, {"name": "Vanilla Extract", "url": "https://vanilla-extract.style/", "description": "Generate static CSS using Typescript. Write type\u2011safe, locally scoped classes, variables and themes."}, {"name": "AgnosticUI", "url": "https://www.agnosticui.com/", "description": "Accessible CSS component primitives that also work with React, Vue 3, Svelte, and Angular."}, {"name": "Bonsai", "url": "https://www.bonsaicss.com/", "description": "A complete Utility First CSS Framework for less than 50kb."}, {"name": "Bootstrap", "url": "https://getbootstrap.com/", "description": "The most popular HTML, CSS, and JS framework."}, {"name": "Bulma", "url": "http://bulma.io/", "description": "A modern CSS framework based on Flexbox. Also has Sass import for modification."}, {"name": "Butter Cake", "url": "http://getbuttercake.com/", "description": "A Modern Lightweight Front End CSS framework for faster and easier web development."}, {"name": "Charts.css", "url": "https://chartscss.org/", "description": "CSS data visualization framework."}, {"name": "Chota", "url": "https://jenil.github.io/chota/", "description": "A responsive, customizable micro-framework (3kb) with helpful utilities and a grid system."}, {"name": "Cirrus", "url": "https://spiderpig86.github.io/Cirrus/", "description": "A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure."}, {"name": "Foundation", "url": "http://foundation.zurb.com/", "description": "advanced responsive front-end framework."}, {"name": "Gralig", "url": "http://gralig.com/", "description": "A modest, grayish CSS library."}, {"name": "Halfmoon", "url": "https://www.gethalfmoon.com/", "description": "A responsive front-end framework with a built-in dark mode."}, {"name": "Hasser CSS", "url": "https://github.com/HeavenMercy/HasserCSS", "description": "A lightweight (12k, not minified) but useful CSS framework with flexible Grid, Hero and more.", "stars": "3"}, {"name": "Inuit.css", "url": "http://inuitcss.com/", "description": "Powerful, scalable, Sass-based, BEM, OOCSS framework."}, {"name": "Material-components-web", "url": "https://github.com/material-components/material-components-web", "description": "Modular and customizable Material Design UI components for the web.", "stars": "17k"}, {"name": "Materialize", "url": "http://materializecss.com/", "description": "A modern responsive front-end framework based on Material Design."}, {"name": "Milligram", "url": "http://milligram.io", "description": "A minimalist CSS framework."}, {"name": "Numl", "url": "https://numl.design", "description": "An HTML-based language and design system that lets you create responsive and accessible high-quality web interfaces with any look."}, {"name": "Pure.css", "url": "http://purecss.io/", "description": "A set of small, responsive CSS modules that you can use in every web project."}, {"name": "Semantic UI", "url": "http://semantic-ui.com/", "description": "Powerful framework that uses human-friendly HTML."}, {"name": "Shorthand Framework", "url": "https://github.com/shorthandcss/shorthand", "description": "Feature rich CSS framework for the new decade.", "stars": "256"}, {"name": "Spectre.css", "url": "https://picturepan2.github.io/spectre/index.html", "description": "A lightweight, responsive and modern CSS framework."}, {"name": "Strawberry", "url": "https://github.com/jfet97/strawberry", "description": "A set of common flexbox utilities focused on making your life easier and faster with nested flexboxes.", "stars": "73"}, {"name": "Tachyons", "url": "http://tachyons.io/", "description": "Functional CSS for humans."}, {"name": "Tacit", "url": "https://yegor256.github.io/tacit/", "description": "CSS framework for dummies with zero skills in graphic design."}, {"name": "Tailwindcss", "url": "https://github.com/tailwindcss/tailwindcss", "description": "A utility-first CSS framework for rapid UI development.", "stars": "83k"}, {"name": "Tronic247 Material", "url": "https://material.pages.dev/", "description": "A responsive framework based on CSS and some JS while following Material Design guidelines."}, {"name": "UIkit", "url": "http://getuikit.com/", "description": "A lightweight and modular front-end framework."}, {"name": "Unsemantic", "url": "http://unsemantic.com/", "description": "Fluid grid for mobile, tablet, and desktop."}, {"name": "Wing", "url": "https://kbrsh.github.io/wing/", "description": "A Minimal, Lightweight, Responsive framework."}, {"name": "Bourbon", "url": "http://bourbon.io/", "description": "A simple and lightweight mixin library for Sass."}, {"name": "CSS Checker", "url": "https://github.com/ruilisi/css-checker", "description": "Find and Reduce Similar & Duplicated CSS Scripts.", "stars": "578"}, {"name": "MiniReset.css", "url": "https://github.com/jgthms/minireset.css", "description": "A tiny modern CSS reset.", "stars": "2.8k"}, {"name": "Normalize-OpenType", "url": "https://github.com/kennethormandy/normalize-opentype.css", "description": "Adds OpenType features\u2014ligatures, kerning, and more\u2014to Normalize.css.", "stars": "795"}, {"name": "Normalize", "url": "https://github.com/necolas/normalize.css", "description": "A set of CSS rules that provide better cross-browser consistency in the default styling of HTML elements.", "stars": "52k"}, {"name": "Reset.css", "url": "https://meyerweb.com/eric/tools/css/reset/", "description": "CSS Tools: Reset CSS."}, {"name": "Reseter.css", "url": "https://github.com/krishdevdb/reseter.css", "description": "A Futuristic CSS Reset/Normalizer. That Redifines Instead Of Preserving.", "stars": "1.2k"}, {"name": "Sanitize.css", "url": "https://github.com/jonathantneal/sanitize.css/", "description": "A set of CSS rules that style with today\u2019s best practices out-of-the-box.", "stars": "5.2k"}, {"name": "Unstyle.css", "url": "https://github.com/Martin-Pitt/css-unstyle", "description": "Specialised stylesheet for removing user agent styles, style the web with your baseline.", "stars": "29"}, {"name": "Bugsnag's CSS Architecture", "url": "http://blog.bugsnag.com/bugsnags-css-architecture", "description": ""}, {"name": "CSS at BBC Sport", "url": "https://medium.com/@shaunbent/css-at-bbc-sport-part-1-bab546184e66", "description": ""}, {"name": "CSS AT HOOTSUITE", "url": "http://code.hootsuite.com/css-at-hootsuite/", "description": ""}, {"name": "GitHub's CSS", "url": "http://markdotto.com/2014/07/23/githubs-css/", "description": ""}, {"name": "How we do CSS at Ghost", "url": "https://dev.ghost.org/css-at-ghost/", "description": ""}, {"name": "Lonely Planet", "url": "http://ianfeather.co.uk/css-at-lonely-planet/", "description": ""}, {"name": "Medium\u2019s CSS is actually pretty good.", "url": "https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06", "description": ""}, {"name": "Refining The Way We Structure Our CSS At Trello", "url": "http://blog.trello.com/refining-the-way-we-structure-our-css-at-trello/", "description": ""}, {"name": "Scalable-css-reading-list", "url": "https://github.com/davidtheclark/scalable-css-reading-list", "description": "", "stars": "1.5k"}, {"name": "Code Guide", "url": "http://codeguide.co/", "description": ""}, {"name": "CSS Guidelines", "url": "http://cssguidelin.es/", "description": ""}, {"name": "CSS Styleguide", "url": "https://github.com/grvcoelho/css", "description": "", "stars": "418"}, {"name": "Dropbox (S)CSS Style Guide", "url": "https://github.com/dropbox/css-style-guide", "description": "", "stars": "1.2k"}, {"name": "Google HTML/CSS Style Guide", "url": "https://google.github.io/styleguide/htmlcssguide.html", "description": ""}, {"name": "Idiomatic CSS", "url": "https://github.com/necolas/idiomatic-css", "description": "", "stars": "6.7k"}, {"name": "Official Trello CSS Guide", "url": "https://gist.github.com/bobbygrace/9e961e8982f42eb91b80", "description": ""}, {"name": "Sass Guidelines", "url": "https://sass-guidelin.es/", "description": ""}, {"name": "SASS Style Guide", "url": "http://sass-lang.com/styleguide", "description": ""}, {"name": "ThinkUp CSS Style Guide", "url": "https://github.com/ThinkUpLLC/ThinkUp/wiki/Code-Style-Guide:-CSS", "description": "", "stars": "3.3k"}, {"name": "WordPress CSS Coding Standards", "url": "https://make.wordpress.org/core/handbook/best-practices/coding-standards/css/", "description": ""}, {"name": "AUI", "url": "http://docs.atlassian.com/aui/latest/docs", "description": ""}, {"name": "Design Elements", "url": "http://rizzo.lonelyplanet.com/styleguide/design-elements/colours", "description": ""}, {"name": "Fluent UI", "url": "https://github.com/microsoft/fluentui", "description": "", "stars": "18k"}, {"name": "GitHub CSS Style Guide", "url": "https://primer.github.io/", "description": ""}, {"name": "Lighting Design System", "url": "https://www.lightningdesignsystem.com/", "description": ""}, {"name": "Patterns", "url": "https://ux.mailchimp.com/patterns", "description": ""}, {"name": "Solid", "url": "http://solid.buzzfeed.com/", "description": ""}, {"name": "Style Guide", "url": "https://www.starbucks.com/static/reference/styleguide/", "description": ""}, {"name": "Website Style Guide Resources", "url": "http://styleguides.io/examples.html", "description": ""}, {"name": "Hologram", "url": "https://github.com/trulia/hologram", "description": "", "stars": "2.2k"}, {"name": "mdcss", "url": "https://github.com/jonathantneal/mdcss", "description": "", "stars": "686"}, {"name": "Source", "url": "https://github.com/sourcejs/Source", "description": "", "stars": "548"}, {"name": "Styledoc", "url": "https://github.com/Joony/styledoc/", "description": "", "stars": "7"}, {"name": "Styledocco", "url": "https://github.com/jacobrask/styledocco", "description": "", "stars": "1.1k"}, {"name": "Styledown", "url": "https://github.com/styledown/styledown", "description": "", "stars": "667"}, {"name": "Sc5-styleguide", "url": "https://github.com/SC5/sc5-styleguide", "description": "", "stars": "1.3k"}, {"name": "Atomic Design", "url": "http://patternlab.io/resources.html", "description": ""}, {"name": "Atomic OOBEMITSCSS", "url": "https://www.sitepoint.com/atomic-oobemitscss/", "description": ""}, {"name": "BEM", "url": "https://en.bem.info/", "description": ""}, {"name": "ITCSS", "url": "http://itcss.io/", "description": ""}, {"name": "Kickoff CSS", "url": "http://trykickoff.com/learn/css.html#namingscheme", "description": ""}, {"name": "MaintainableCSS", "url": "http://maintainablecss.com", "description": ""}, {"name": "NCSS", "url": "https://ncss.io", "description": ""}, {"name": "OOCSS", "url": "https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/", "description": ""}, {"name": "Point North", "url": "http://pointnorth.io/#base-browser-styling", "description": ""}, {"name": "RSCSS", "url": "https://rscss.io/", "description": ""}, {"name": "SUIT CSS", "url": "https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md#u-utilityname", "description": "", "stars": "3.8k"}, {"name": "Title CSS", "url": "https://www.sitepoint.com/title-css-simple-approach-css-class-naming/", "description": ""}, {"name": "Aphrodite", "url": "https://github.com/Khan/aphrodite", "description": "", "stars": "5.3k"}, {"name": "Babel-plugin-css-in-js", "url": "https://github.com/martinandert/babel-plugin-css-in-js", "description": "", "stars": "298"}, {"name": "Classy", "url": "https://github.com/inturn/classy", "description": "", "stars": "24"}, {"name": "Csjs", "url": "https://github.com/rtsao/csjs", "description": "", "stars": "575"}, {"name": "Css-loader", "url": "https://github.com/webpack/css-loader", "description": "", "stars": "4.3k"}, {"name": "JSS", "url": "https://github.com/cssinjs/jss", "description": "", "stars": "7.1k"}, {"name": "React-styled", "url": "https://github.com/bloodyowl/react-styled", "description": "", "stars": "39"}, {"name": "React-with-styles", "url": "https://github.com/airbnb/react-with-styles", "description": "", "stars": "1.7k"}, {"name": "Styled-jsx", "url": "https://github.com/zeit/styled-jsx", "description": "", "stars": "7.7k"}, {"name": "Styled-components", "url": "https://github.com/styled-components/styled-components", "description": "", "stars": "40k"}, {"name": "Stylin", "url": "https://github.com/sultan99/stylin", "description": "", "stars": "181"}, {"name": "Polyfill.js", "url": "https://github.com/philipwalton/polyfill/", "description": "A library to make creating CSS polyfills much easier.", "stars": "296"}, {"name": "Prefixfree", "url": "https://github.com/LeaVerou/prefixfree", "description": "Break free from CSS prefix hell.", "stars": "3.8k"}, {"name": "Fixed-sticky", "url": "https://github.com/filamentgroup/fixed-sticky", "description": "A CSS position:sticky polyfill.", "stars": "1.5k"}, {"name": "Selectivizr", "url": "https://github.com/keithclark/selectivizr", "description": "A JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8.", "stars": "1.7k"}, {"name": "PIE", "url": "https://github.com/lojjic/PIE", "description": "Allows Internet Explorer to recognize and render various CSS3 box decoration properties.", "stars": "2.8k"}, {"name": "Beautiful CSS box-shadow examples", "url": "https://getcssscan.com/css-box-shadow-examples", "description": "Curated collection of 93 beautiful CSS box-shadow. Click to copy."}, {"name": "Can I use", "url": "https://caniuse.com/", "description": "Browser support for CSS, HTML5 and other front-end web technologies."}, {"name": "Flexbox Patterns", "url": "https://flexboxpatterns.com/", "description": ""}, {"name": "Glassmorphism CSS Generator", "url": "https://ui.glass/generator/", "description": "Generate CSS for glassmorphism."}, {"name": "GradientArt", "url": "https://gra.dient.art/", "description": "An advanced CSS gradient editor with layering, design tools and free cloud storage."}, {"name": "Live editor for CSS and LESS", "url": "https://github.com/webextensions/live-css-editor", "description": "Magic CSS extension for Chrome, Firefox and Edge.", "stars": "276"}, {"name": "RevengeCSS", "url": "https://github.com/Heydon/REVENGE.CSS", "description": "A CSS bookmarklet that uses selectors to find bad markup, displaying ugly pink error messages in comic sans serif wherever you write bad HTML", "stars": "834"}, {"name": "Single Div Project", "url": "https://github.com/ManrajGrover/SingleDivProject", "description": "One `<div>`. Many possibilities.", "stars": "1.6k"}, {"name": "You Might Not Need JS", "url": "http://youmightnotneedjs.com/", "description": "CSS alternatives for common JS UI components."}, {"name": "Xpath-to-selector", "url": "https://github.com/steambap/xpath-to-selector", "description": "Convert xpath to css selector.", "stars": "11"}, {"name": "CSS Podcast", "url": "https://thecsspodcast.libsyn.com/", "description": "Una Kravets and Adam Argyle,and development."}, {"name": "Non Breaking Space Show", "url": "http://goodstuff.fm/nbsp", "description": "Seeking out the best,and smartest creative people on digital art,and the accompanying blog,and UX."}, {"name": "Shop Talk Show", "url": "http://shoptalkshow.com/", "description": "A live podcast with Chris Coyier and Dave Rupert about front-end web design,hosted by Anna Debenham and Brad Frost."}, {"name": "Style Guide Podcast", "url": "http://styleguides.io/podcast/index.html", "description": "A small batch series of interviews on style guides,art direction,brightest,content strategy,design,Developer Advocates from Google,development,gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index."}, {"name": "Syntax", "url": "https://syntax.fm/", "description": "A Tasty Treats Podcast for Web Developers.,typography,web technology"}, {"name": "The Big Web Show", "url": "http://5by5.tv/bigwebshow/", "description": "Topics like web publishing,is all about keeping you updated with the latest in Open Source Technology."}, {"name": "The Changelog", "url": "https://changelog.com/", "description": "The tagline for the Changelog says it all: \u201cOpen Source moves fast. Keep up.\u201d This podcast,and more. It's everything web that matters."}, {"name": "The Web Ahead", "url": "http://5by5.tv/webahead/", "description": "Conversations with world experts on changing technologies and future of the web."}, {"name": "Adam Morse", "url": "https://twitter.com/mrmrs_", "description": "Advocate for users and open-source."}, {"name": "Andrey Sitnik", "url": "https://twitter.com/andreysitnik", "description": "Author of @Autoprefixer, <http://easings.net> and @PostCSS."}, {"name": "Ben Briggs", "url": "https://twitter.com/ben_eb", "description": "Final year web technologies student. node.js, javascript, open source modules, client side optimisation, web performance."}, {"name": "Brad Frost", "url": "https://twitter.com/brad_frost", "description": "Web designer, speaker, writer, consultant, musician."}, {"name": "Chris Coyier", "url": "https://twitter.com/chriscoyier", "description": "Designer @CodePen. Writer @Real\\_CSS\\_Tricks."}, {"name": "Connor Sears", "url": "https://twitter.com/connors", "description": "Designer at GitHub."}, {"name": "CSS Animation", "url": "https://twitter.com/cssanimation", "description": ""}, {"name": "CSS Commits", "url": "https://twitter.com/CSScommits", "description": "Latest commits to @CSSWG\u2019s public Mercurial repository."}, {"name": "Daniel Glazman", "url": "https://twitter.com/glazou", "description": "W3C CSS Working Group Co-chairman, entrepreneur, software engineer, geek, father of two, polyglot, duck lover. Nah. Tweets are strictly mine."}, {"name": "Dave McFarland", "url": "https://twitter.com/davemcfarland", "description": "Web developer, author of CSS: The Missing Manual, JavaScript & jQuery."}, {"name": "Donovan Hutchinson", "url": "https://twitter.com/donovanh", "description": "Designer, developer, writer. Occasionally blogs at <http://Hop.ie>, and currently building @cssanimation."}, {"name": "Dudley Storey", "url": "https://twitter.com/dudleystorey", "description": "Web development writer, teacher, and speaker."}, {"name": "Eric Bidelman", "url": "https://twitter.com/ebidel", "description": "Engineer at Google working on Chrome, web components, and Polymer."}, {"name": "Evangelina Ferreira", "url": "https://twitter.com/evaferreira92", "description": "Web Designer. Professor at @multimedial\\_utn HTML5 & CSS Freak. Ocassional Translator."}, {"name": "Guy Routledge", "url": "https://twitter.com/guyroutledge", "description": "Front-end dev, Teacher @GA\\_London, Screencaster at <http://www.atozcss.com>, property snob, Foodie."}, {"name": "Harry Roberts", "url": "https://twitter.com/csswizardry", "description": "Consultant Front-end Architect: @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT, more."}, {"name": "Heydon Pickering", "url": "https://twitter.com/heydonworks", "description": "Moderate consumer of rice. Also a UX designer, author, @smashingmag editor and programmer."}, {"name": "Jonathan Snook", "url": "https://twitter.com/snookca", "description": "Designer, Developer, Writer, Speaker. I make stuff on the web. I wrote SMACSS."}, {"name": "Kitty Giraudel", "url": "https://twitter.com/KittyGiraudel", "description": "Non-binary accessibility & diversity advocate, frontend developer, author."}, {"name": "L. David Baron", "url": "https://twitter.com/davidbaron", "description": "Mozilla developer, CSS and W3C standards diplomat."}, {"name": "Lea Verou", "url": "https://twitter.com/LeaVerou", "description": "Research Assistant @MIT\\_CSAIL, @CSSWG IE, @OReillyMedia author, Ex @W3C staff."}, {"name": "Manoela Ilic", "url": "https://twitter.com/crnacura", "description": "...aka Mary Lou @codrops \u0f36 CSS & HTML are my crayons \u0f36 Interested in Cognitive Science, AI, HCI, UI Design & Astrophysics \u0f36 Digital nomad."}, {"name": "Mark Otto", "url": "https://twitter.com/mdo", "description": "GitHub and Bootstrap. Formerly at Twitter. Huge nerd."}, {"name": "Maxime Thirouin", "url": "https://twitter.com/MoOx", "description": "Freelance front-end vigilante, UI/UX developer."}, {"name": "Natalie Weizenbaum", "url": "https://twitter.com/nex3", "description": "Trans coder lady. Lead designer/developer of @SassCSS, working for @google on @dart\\_lang."}, {"name": "Nicolas Gallagher", "url": "https://twitter.com/necolas", "description": "Software Engineer at @twitter."}, {"name": "Nicole Sullivan", "url": "https://twitter.com/stubbornella", "description": "GEEK."}, {"name": "Patrick Hamann", "url": "https://twitter.com/patrickhamann", "description": "Lover of mountains, craft beers and discovering new food."}, {"name": "Paul Lewis", "url": "https://twitter.com/aerotwist", "description": "Googler who noodles with code and design."}, {"name": "Phil Walton", "url": "https://twitter.com/philwalton", "description": "Engineer at Google \u2022 Open Source Advocate \u2022 Developer \u2022 Designer \u2022 Writer."}, {"name": "Rachel Andrew", "url": "https://twitter.com/rachelandrew", "description": "Web Developer, half of @grabaperch CMS, CSS Working Group Invited Expert."}, {"name": "Remy Sharp", "url": "https://twitter.com/rem", "description": "All about CSS sizing units."}, {"name": "Sara Soueidan", "url": "https://twitter.com/SaraSoueidan", "description": "Author of the @Codrops CSS Reference & Co-author of the Smashing Book #5."}, {"name": "Scott Jehl", "url": "https://twitter.com/scottjehl", "description": "Author of @responsiblerwd, now on sale from @abookapart."}, {"name": "Simon", "url": "https://twitter.com/simurai", "description": "UI designer, CSS doodler."}, {"name": "The Chris Eppstein", "url": "https://twitter.com/chriseppstein", "description": "Loves love. Hates hate. Has a kick-ass family. Writes code. Leads stylesheet tech @LinkedIn."}, {"name": "Una Kravets", "url": "https://twitter.com/Una", "description": "Front-end @IBMDesign. Sassvocate, community builder, & handcrafter. STEMinist :) Open source all the things."}, {"name": "Zoe M. Gillenwater", "url": "https://twitter.com/zomigi", "description": "Web designer/developer specializing in CSS, RWD, UX, & accessibility."}, {"name": "Zolt\u00e1n Sz\u0151gy\u00e9nyi", "url": "https://twitter.com/zoltanszogyenyi", "description": "Web developer, Co-founder at Themesberg. I'm building Glass UI."}, {"name": "\uc557\ud0a8\uc2a4 \ud0ed", "url": "https://twitter.com/tabatkins", "description": "Literally Jenn Schiffer's Mom."}], "notes": [], "source": "Css"}, {"name": "Css \u2014 2019", "entries": [], "notes": [], "source": "Css"}, {"name": "Css \u2014 2016", "entries": [], "notes": [], "source": "Css"}, {"name": "Css \u2014 2015", "entries": [{"name": "CSS: The Definitive Guide, 4th Edition", "url": "http://shop.oreilly.com/product/0636920012726.do", "description": "Visual Presentation for the Web"}, {"name": "CSS: The Missing Manual", "url": "http://shop.oreilly.com/product/0636920036357.do", "description": "Really Helpful in Advancing your Design Skills to a whole new Level"}, {"name": "CSS Secrets", "url": "http://shop.oreilly.com/product/0636920031123.do", "description": "Better Solutions to Everyday Web Design Problems"}, {"name": "Every Layout: Relearn CSS Layout", "url": "https://every-layout.dev/", "description": "Solving responsive layout problems using algorithmic design."}, {"name": "Tiny CSS Projects", "url": "https://www.manning.com/books/tiny-css-projects", "description": "Improve the way you write CSS as you build 12 tiny projects."}, {"name": "30 Seconds of CSS", "url": "https://www.30secondsofcode.org/css/p/1", "description": "A curated collection of useful CSS snippets you can understand in 30 seconds or less."}, {"name": "All selectors in CSS", "url": "https://medium.com/@ymzEmre/css-cascade-specificity-basic-selectors-c5adc01dd861", "description": "All selectors in CSS."}, {"name": "Community Curated CSS Resources", "url": "https://hackr.io/tutorials/learn-css", "description": "Top Recommended Resources."}, {"name": "CSS Diner", "url": "https://flukeout.github.io/", "description": "Interactive gamified tutorial for learning selection with CSS."}, {"name": "CSS Grid PlayGround", "url": "https://mozilladevelopers.github.io/playground/", "description": "Simple tutorial to learn CSS Grid from Mozilla."}, {"name": "CSS Grids videos tutorial", "url": "https://cssgrid.io/", "description": "Free video course by Wes Bos to learn CSS Grids."}, {"name": "CSS Hands-on Tutorial", "url": "https://labex.io/tutorials/quick-start-with-css-free-tutorials-413795", "description": "Free CSS hands-on tutorial by LabEx."}, {"name": "CSS Math Functions", "url": "https://stackdiary.com/css-math-functions/", "description": "Using CSS Math for responsive design."}, {"name": "Flexbox video tutorial", "url": "https://flexbox.io/", "description": "Free video course by Wes Bos to learn flexbox."}, {"name": "Organize CSS with a Modular Architecture: OOCSS, BEM, SMACSS", "url": "https://snipcart.com/blog/organize-css-modular-architecture", "description": "In-depth intro to OOCSS, BEM, SMACSS, with examples."}, {"name": "Work With Animations", "url": "https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations", "description": "Inspecting animations."}], "notes": [], "source": "Css"}, {"name": "Yew", "entries": [{"name": "Official", "url": "#official", "description": ""}, {"name": "Projects", "url": "#projects", "description": ""}, {"name": "Templates", "url": "#templates", "description": ""}, {"name": "Crates", "url": "#crates", "description": ""}, {"name": "Tooling", "url": "#tooling", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Alternatives", "url": "#alternatives", "description": ""}, {"name": "Related lists", "url": "#related-lists", "description": ""}, {"name": "Yew", "url": "https://github.com/yewstack/yew", "description": "Rust / WebAssembly framework for building client web apps.", "stars": "32k"}, {"name": "Live demo", "url": "https://yew-todomvc.netlify.com", "description": "A todomvc demo."}, {"name": "Examples", "url": "https://github.com/yewstack/yew/tree/master/examples", "description": "Smaller examples included in official repo.", "stars": "32k"}, {"name": "API Docs", "url": "https://docs.rs/yew", "description": "Docs on docs.rs."}, {"name": "Website", "url": "https://yew.rs/", "description": "Official website."}, {"name": "Chatroom", "url": "https://discord.gg/VQck8X4", "description": "It is pretty active and is a great place to ask questions."}, {"name": "Reddit", "url": "https://www.reddit.com/r/yew_web/", "description": "Dedicated Sub Reddit."}, {"name": "Financial Contribute", "url": "https://opencollective.com/yew", "description": "Become a financial contributor and help us sustain our community."}, {"name": "Playground", "url": "https://play.yew.rs", "description": "Online playground for Yew."}, {"name": "Realworld example", "url": "https://github.com/jetli/rust-yew-realworld-example-app", "description": "Exemplary real world app built with Rust + Yew + WebAssembly. It utilizes Yew's latest `function components` and `hooks`. It also supports desktop application powered by [Tauri (\u2b50103k)](https://github.com/tauri-apps/tauri).", "stars": "890"}, {"name": "webapp.rs", "url": "https://github.com/saschagrunert/webapp.rs", "description": "A web application completely written in Rust, frontend is built with Yew.", "stars": "2.2k"}, {"name": "Rust-Full-Stack", "url": "https://github.com/steadylearner/Rust-Full-Stack", "description": "Easily testable and working Rust codes with blog posts to explain them.", "stars": "1.6k"}, {"name": "Bucket Questions", "url": "https://github.com/hgzimmerman/BucketQuestions", "description": "A webapp written entirely in Rust for a dumb party game.", "stars": "5"}, {"name": "web-view todomvc desktop app", "url": "https://github.com/Extrawurst/rust-webview-todomvc-yew", "description": "Demo how to use yew for a todomvc that compiles to WebAssembly and is bundled as a lightweight(\\~2mb) desktop app by [web-view (\u2b501.9k)](https://github.com/Boscop/web-view), as an alternative to Electron, [web-view (\u2b501.9k)](https://github.com/Boscop/web-view) also has a [demo (\u2b501.9k)](https://github.com/Boscop/web-view/tree/master/examples#todo-yew).", "stars": "108"}, {"name": "yew-react-example", "url": "https://github.com/hobofan/yew-react-example", "description": "This project shows how to create a web app using a React component inside a Yew component.", "stars": "66"}, {"name": "Kirk", "url": "https://github.com/stkevintan/Kirk", "description": "Just A Rust WebAssembly Blog.", "stars": "45"}, {"name": "rust-async-wasm-demo", "url": "https://github.com/extraymond/rust-async-wasm-demo", "description": "Toy project to learn Rust and async that can be deployed to the web.", "stars": "47"}, {"name": "karaoke-rs", "url": "https://github.com/tarkah/karaoke-rs", "description": "A simple, network enabled karaoke player in Rust.", "stars": "168"}, {"name": "I Love Hue! (rs)", "url": "https://github.com/noc7c9/i-love-hue-rs", "description": "A clone of the mobile game I Love Hue in Yew (Rust).", "stars": "24"}, {"name": "yew-styles-page", "url": "https://github.com/spielrs/yew-styles-page", "description": "This is an initial project of a framework style for yew.", "stars": "159"}, {"name": "caniuse.rs", "url": "https://github.com/jplatte/caniuse.rs", "description": "Rust feature search.", "stars": "186"}, {"name": "Rust electron yew demo", "url": "https://github.com/Extrawurst/rust-electron-demo", "description": "An example of building a Rust based web app (Yew) into a native app using electron.", "stars": "16"}, {"name": "covplot", "url": "https://github.com/jbowens/covplot", "description": "Live graphs of worldwide CoVID-19 data.", "stars": "21"}, {"name": "Minesweeper", "url": "https://github.com/jgpaiva/minesweeper", "description": "Minesweeper built with Rust, Yew and WebAssembly.", "stars": "38"}, {"name": "Freecell", "url": "https://github.com/Stigjb/freecell", "description": "A patience game written in Rust and Yew.", "stars": "5"}, {"name": "Yew-WebRTC-Chat", "url": "https://github.com/codec-abc/Yew-WebRTC-Chat", "description": "A simple WebRTC chat made with Yew.", "stars": "127"}, {"name": "Yew Fullstack Boilerplate", "url": "https://github.com/lukidoescode/yew-fullstack-boilerplate", "description": "Highly opinionated boilerplate for creating full stack applications with Rust.", "stars": "58"}, {"name": "Chord Quiz", "url": "https://github.com/Stigjb/chord-quiz", "description": "Practice recognizing chords in this Rust/Yew/WebAssembly app.", "stars": "16"}, {"name": "RustMart", "url": "https://github.com/sheshbabu/rustmart-yew-example", "description": "Single Page Application (SPA) written using Rust, Wasm and Yew.", "stars": "272"}, {"name": "DevAndDev", "url": "https://github.com/alepez/devand", "description": "A website where developers can find pair-programming partners. Written in Rust, Yew frontend.", "stars": "41"}, {"name": "yew-octicons", "url": "https://github.com/io12/yew-octicons", "description": "An easy interface for using Octicons in Yew projects.", "stars": "19"}, {"name": "Pipe", "url": "https://github.com/pipe-fun/pipe", "description": "This is a Rust / Wasm client web app which is a task control center.", "stars": "29"}, {"name": "note-to-yew", "url": "https://github.com/oovm/note-to-yew", "description": "Convert your markups into Yew macro online, which is also made by Yew.", "stars": "3"}, {"name": "ASCII-Hangman", "url": "https://github.com/getreu/ascii-hangman", "description": "Configurable Hangman game for children with ASCII-art rewarding.", "stars": "8"}, {"name": "dotdotyew", "url": "https://github.com/shaunbennett/dotdotyew", "description": "[Dot-voting](https://en.wikipedia.org/wiki/Dot-voting) using Yew, with Rust powering the backend API.", "stars": "4"}, {"name": "wasm-2048", "url": "https://github.com/dev-family/wasm-2048", "description": "2048 game implemented with Rust and Yew and compiled to Wasm.", "stars": "153"}, {"name": "website-wasm", "url": "https://github.com/kamiyaa/website-wasm", "description": "My personal website written in Rust via Yew/Wasm.", "stars": "58"}, {"name": "KeyPress", "url": "https://github.com/rayylee/keypress", "description": "A Rust WebAssembly Website example for practising english for chinese.", "stars": "9"}, {"name": "yew-train-ticket", "url": "https://github.com/anthhub/yew-train-ticket", "description": "A Rust WebAssembly [Webapp](http://118.190.37.169:8002) example basing Yew newest hooks and functional API, the code style is extremely like React Function Component.", "stars": "4"}, {"name": "yew-d3-example", "url": "https://github.com/ivanschuetz/yew-d3-example", "description": "Showing a d3 chart with Yew.", "stars": "24"}, {"name": "Oxfeed", "url": "https://github.com/sanpii/oxfeed", "description": "A feed reader written in Rust with a Yew frontend.", "stars": "14"}, {"name": "Flow.er", "url": "https://github.com/LighghtEeloo/flow.er", "description": "A notebook app integrated with todo lists utility. Developed with Rust, WebAssembly, Yew and Trunk.", "stars": "56"}, {"name": "Fullstack-Rust", "url": "https://github.com/vascokk/fullstack-rust", "description": "A Full Stack Rust application (Connect5 game) with Actix-web, Yew, Bulma CSS and Diesel.", "stars": "95"}, {"name": "Sea\\_battle", "url": "https://github.com/MAE664128/sea_battle", "description": "A simple example of a sea battle game. Rust + Yew.", "stars": "1"}, {"name": "tide-async-graphql-mongodb", "url": "https://github.com/zzy/tide-async-graphql-mongodb", "description": "Clean boilerplate for graphql services, with wasm/yew frontend.", "stars": "45"}, {"name": "surfer", "url": "https://github.com/zzy/surfer", "description": "A blog built on yew + graphql, with [live demo site](https://niqin.com). Backend for graphql services, and frontend for web application.", "stars": "52"}, {"name": "qubit", "url": "https://abhimanyu003.github.io/qubit", "description": "A handy calculator, based on Rust and WebAssembly, [Live Demo](https://abhimanyu003.github.io/qubit/)."}, {"name": "Paudle", "url": "https://github.com/pmsanford/paudle", "description": "A reimplementation of the excellent word game Wordle by Josh Wardle.", "stars": "43"}, {"name": "Rust algorithms", "url": "https://github.com/Jondolf/rust-algorithms", "description": "A website with interactive implementations of various algorithms.", "stars": "126"}, {"name": "Marc Portfolio", "url": "https://gitlab.com/marcempunkt/maeurerdev", "description": "A software developer portfolio, [Live Demo](https://maeurer.dev/)."}, {"name": "zzhack", "url": "https://github.com/zzhack-stack/zzhack", "description": "A personal blog, based on Rust & Yew, [Live Demo](https://www.zzhack.fun/).", "stars": "331"}, {"name": "Rquote", "url": "https://github.com/Altair-Bueno/rquote", "description": "Rquote is a web application built using Rust and WebAssembly. It fetches Anime quotes from the Animechan API. [Live Demo](https://rquote.vercel.app/).", "stars": "3"}, {"name": "yew-ssr-tide", "url": "https://github.com/zzy/yew-ssr-tide", "description": "The example demonstrates Yew server-side rendering with tide & surf, it needs the **development version** of Yew.", "stars": "1"}, {"name": "yew-ssr-actix-web", "url": "https://github.com/zzy/yew-ssr-actix-web", "description": "The example demonstrates Yew server-side rendering with actix-web & reqwest, it needs the **development version** of Yew.", "stars": "17"}, {"name": "PixelGuesser", "url": "https://github.com/tdooms/pixelguesser", "description": "PixelGuesser is a real life party gam where players try to guess the contents of an image as quickly as possible."}, {"name": "Crabtyper", "url": "https://github.com/brancobruyneel/crabtyper", "description": "A speedtyping web app written in Rust.", "stars": "187"}, {"name": "We-Come Monorepo", "url": "https://github.com/kabinetkmitb/wecome", "description": "This is a monorepo for wecome KM ITB, [Live Demo](https://wecome-itb.com/).", "stars": "1"}, {"name": "blog-rs", "url": "https://github.com/songday/blog-rs", "description": "A blog system in which frontend and backend are ALL written in Rust. Backend powered by Warp and frontend built on Yew (WASM).", "stars": "62"}, {"name": "mb2", "url": "https://devctm.com", "description": "A poker server with a Yew client. Click the `Demo` button and then `Start` to see the client."}, {"name": "Puzzle Cube", "url": "https://github.com/wainwrightmark/puzzle_cube", "description": "Rubix Cube solver using Rust and Yew, [Live Demo](https://wainwrightmark.github.io/puzzle_cube/).", "stars": "9"}, {"name": "CubeShuffle", "url": "https://github.com/philipborg/CubeShuffle", "description": "Card game shuffling utility built with Rust, Yew, Bulma and Tauri.", "stars": "113"}, {"name": "Rust Audio", "url": "https://github.com/austintheriot/audio", "description": "Realtime audio processing / synthesis using Rust/WASM in the browser, [Live Demo](https://austintheriot.github.io/audio/).", "stars": "56"}, {"name": "Kiomet", "url": "https://github.com/SoftbearStudios/kiomet", "description": "An online real-time strategy game in which you expand your territory by capturing towers.", "stars": "158"}, {"name": "Portfolio website", "url": "https://github.com/simbleau/website", "description": "A portfolio SPA with accessibility built-in by Spencer Imbleau.", "stars": "13"}, {"name": "tchatche.rs", "url": "https://github.com/nag763/tchatchers", "description": "A Websocket chat based application built in Yew and Axum.", "stars": "206"}, {"name": "viz.rs", "url": "https://github.com/viz-rs/viz-rs.github.io", "description": "A website for viz web framework, [Live Demo](https://viz.rs/).", "stars": "0"}, {"name": "theiskaa.com", "url": "https://github.com/theiskaa/theiskaa.com", "description": "A real world implementation of Yew framework. [Live at theiskaa.com](https://theiskaa.com).", "stars": "1"}, {"name": "live-ask.com", "url": "https://github.com/liveask/liveask", "description": "Realtime Event/Meetup Q\\&A Platform. [Live at live-ask.com](https://live-ask.com).", "stars": "104"}, {"name": "Sumi", "url": "https://github.com/vgwidt/sumi", "description": "Multi-user issue tracking and knowledge base app built with Yew & Actix.", "stars": "11"}, {"name": "hurlurl", "url": "https://github.com/lucasmerlin/hurlurl", "description": "A randomizing link shortener, [Live Demo](https://hurlurl.com/).", "stars": "69"}, {"name": "Macige", "url": "https://github.com/tramlinehq/macige", "description": "CI workflow generator for mobile app development, [Live Demo](https://macige.tramline.app).", "stars": "96"}, {"name": "Spaceman", "url": "https://github.com/eliaperantoni/spaceman", "description": "Spaceman is a cross-platform gRPC client designed to be pleasant to use and pretty to look at.", "stars": "374"}, {"name": "Crypto-helper", "url": "https://github.com/TheBestTvarynka/crypto-helper", "description": "Web app that can hash, encrypt, and sign the data on the client side. Also includes a JWT debugger. [Website](https://crypto.qkation.com).", "stars": "41"}, {"name": "zoom-rs", "url": "https://github.com/security-union/zoom-rs", "description": "Zoom clone written in rust for research purposes.", "stars": "1.7k"}, {"name": "Ubiquity", "url": "https://github.com/opensourcecheemsburgers/ubiquity", "description": "An open-source, cross-platform markdown editor; built with Yew, Tauri, Tailwind, and DaisyUI. [Web App](https://ubiquity.rs).", "stars": "300"}, {"name": "demo\\_web\\_zip\\_wasm", "url": "https://github.com/MAE664128/demo_web_zip_wasm", "description": "A simple example program for creating ZIP archives running in the browser using WebAssembly, [Live Demo](https://mae664128.github.io/demo_web_zip_wasm/).", "stars": "6"}, {"name": "RustedLessPass", "url": "https://github.com/RustedLessPass/RustedLessPass", "description": "A stateless password manager. [Web App](https://rustedlesspass.github.io/).", "stars": "77"}, {"name": "windows-terminal-theme-generator", "url": "https://github.com/LelouchFR/windows-terminal-theme-generator/", "description": "Simplify your life to create a windows terminal theme. [Live Demo](https://windows-terminal-theme-generator.netlify.app/)", "stars": "19"}, {"name": "SandCat", "url": "https://github.com/Xu-Mj/sandcat", "description": "The software has primarily implemented the basic functionalities of an IM application, which includes a fundamental friend system, one-on-one chat, group chat, and one-on-one audio/video calls. It also supports i18n and currently offers a switch between Chinese and English.", "stars": "63"}, {"name": "PinePods", "url": "https://github.com/madeofpendletonwool/PinePods", "description": "PinePods is a Rust based podcast management system that manages podcasts with multi-user support and relies on a central database with clients to connect to it.", "stars": "801"}, {"name": "0721", "url": "https://github.com/langyo/0721", "description": "The engine of image hosting written in Rust.", "stars": "12"}, {"name": "Hikari", "url": "https://github.com/celestia-island/hikari", "description": "The Frontend of Everything.", "stars": "21"}, {"name": "simply-view-image-for-python-debugging", "url": "https://github.com/elazarcoh/simply-view-image-for-python-debugging?tab=readme-ov-file", "description": "Visual studio code extension simply view the image of the image variables when debugging python.", "stars": "71"}, {"name": "Mindsweeper", "url": "https://github.com/AlexBuz/mindsweeper", "description": "A principled take on minesweeper, [Live Demo](https://alexbuz.github.io/mindsweeper/).", "stars": "77"}, {"name": "scap-rs", "url": "https://github.com/emo-crab/scap-rs", "description": "National Vulnerability Database (NVD) implemented by Rust, [Live Demo](https://scap.kali-team.cn/).", "stars": "24"}, {"name": "Sentry Relay", "url": "https://github.com/getsentry/relay", "description": "The Sentry Relay is a service that pushes some functionality from the Sentry SDKs as well as the Sentry server into a proxy process.", "stars": "364"}, {"name": "Syre", "url": "https://github.com/syre-data/syre", "description": "Scientific data management and insights.", "stars": "108"}, {"name": "candle-wasm-examples", "url": "https://github.com/huggingface/candle", "description": "Candle is a minimalist ML framework for Rust with a focus on performance (including GPU support) and ease of use. Try our online demos: [whisper](https://huggingface.co/spaces/lmz/candle-whisper), [LLaMA2](https://huggingface.co/spaces/lmz/candle-llama2), [T5](https://huggingface.co/spaces/radames/Candle-T5-Generation-Wasm), [yolo](https://huggingface.co/spaces/lmz/candle-yolo), [Segment", "stars": "19k"}, {"name": "chipbox", "url": "https://github.com/chipnertkj/chipbox", "description": "chipbox is an open-source desktop DAW written in Rust.", "stars": "126"}, {"name": "Taxy", "url": "https://github.com/picoHz/taxy/tree/main", "description": "A reverse proxy server with built-in WebUI, supporting TCP/HTTP/TLS/WebSocket, written in Rust.", "stars": "193"}, {"name": "Proxelar", "url": "https://github.com/emanuele-em/proxelar", "description": "Rust-based Man in the Middle proxy, an early-stage project aimed at providing visibility into network traffic.", "stars": "452"}, {"name": "diff.rs", "url": "https://github.com/xfbs/diff.rs", "description": "Web application to render a diff between Rust crate versions. Implemented in Yew, runs fully in the browser as WebAssembly, [Live Demo](https://diff.rs).", "stars": "136"}, {"name": "konnektoren.help", "url": "https://github.com/Konnektoren/konnektoren-web-game", "description": "An interactive web application for learning German grammar, featuring gamified challenges and a map-based interface. [Web App](https://konnektoren.help)"}, {"name": "layout-viewer", "url": "https://prideout.net/layout-viewer", "description": "Examine layouts of integrated circuits with zoom and pan controls."}, {"name": "Google Wasefire", "url": "https://github.com/google/wasefire", "description": "Secure firmware framework focusing on developer experience.", "stars": "153"}, {"name": "Apache Iggy", "url": "https://github.com/apache/iggy", "description": "Apache Iggy: Hyper-Efficient Message Streaming at Laser Speed.", "stars": "3.8k"}, {"name": "Create Yew App", "url": "https://github.com/jetli/create-yew-app", "description": "Set up a modern Yew web app by running one command, `npx create-yew-app my-app`.", "stars": "167"}, {"name": "yew-wasm-pack-template", "url": "https://github.com/yewstack/yew-wasm-pack-template", "description": "A template for starting a Yew project to be used with wasm-pack.", "stars": "119"}, {"name": "yew-wasm-pack-minimal", "url": "https://github.com/yewstack/yew-wasm-pack-minimal", "description": "A minimal template for starting a Yew project using wasm-bindgen and wasm-pack.", "stars": "113"}, {"name": "yew-parcel-template", "url": "https://github.com/spielrs/yew-parcel-template", "description": "Awesome Yew with Yew-Router and Parcel application.", "stars": "110"}, {"name": "yew-template-for-github-io", "url": "https://github.com/Ja-sonYun/yew-template-for-github-io", "description": "Directly deployable Template of yew project for github.io, using tailwind and webpack for css, trunk for build and serve.", "stars": "25"}, {"name": "tailwindcss-yew-template", "url": "https://github.com/vvcaw/tailwindcss-yew-template", "description": "Simple layout for using Tailwindcss with Yew.", "stars": "17"}, {"name": "axum-yew-setup", "url": "https://github.com/rksm/axum-yew-setup", "description": "A starter project that sets up Axum and Yew for full stack Rust web apps.", "stars": "144"}, {"name": "rust-yew-axum-tauri-desktop", "url": "https://github.com/jetli/rust-yew-axum-tauri-desktop", "description": "Rust + Yew + Axum + Tauri, full-stack Rust development for Desktop apps.", "stars": "162"}, {"name": "Yew PWA Minimal", "url": "https://github.com/fkohlgrueber/yew-pwa-minimal", "description": "A minimal Progressive Web App using Yew.", "stars": "61"}, {"name": "Yew HTTP Starter", "url": "https://github.com/LeTurt333/yew_http_starter", "description": "Yew template with a simple HTTP message & useful helper comments.", "stars": "4"}, {"name": "Yew minimlistic template", "url": "https://github.com/averichev/yew-starter-template", "description": "A minimalistic template for quickly starting a project on yew.", "stars": "0"}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Component Libraries", "entries": [{"name": "yew-mdc", "url": "https://github.com/dungeonfog/yew-mdc", "description": "Material Design Components for the Yew framework.", "stars": "61"}, {"name": "muicss-yew", "url": "https://github.com/AlephAlpha/muicss-yew", "description": "MUI-CSS Components for Yew framework.", "stars": "38"}, {"name": "yew-bulma", "url": "https://github.com/kellpossible/yew-bulma", "description": "A Rust library providing components based on the bulma css library for projects using Yew.", "stars": "21"}, {"name": "material-yew", "url": "https://github.com/hamza1311/material-yew", "description": "Yew wrapper for Material Web Components.", "stars": "239"}, {"name": "Yewprint", "url": "https://github.com/yewprint/yewprint", "description": "Port of blueprintjs.com to Yew.", "stars": "454"}, {"name": "ybc", "url": "https://github.com/thedodd/ybc", "description": "A Yew component library based on the Bulma CSS framework.", "stars": "255"}, {"name": "patternfly-yew", "url": "https://github.com/ctron/patternfly-yew", "description": "Patternfly components for Yew.", "stars": "166"}, {"name": "yew-feather", "url": "https://github.com/pedrodesu/yew-feather", "description": "Feather Icons components for Yew.", "stars": "20"}, {"name": "tailwind-yew-builder", "url": "https://github.com/matiu2/tailwind-yew-builder", "description": "Builds Tailwind CSS for Yew using docker-compose. Also supports Trunk.", "stars": "75"}, {"name": "yew-components", "url": "https://github.com/angular-rust/yew-components", "description": "Material Design Components for the Yew framework.", "stars": "63"}, {"name": "yew-chart", "url": "https://github.com/titanclass/yew-chart", "description": "A Yew-based charting library that provides SVG based components for rendering charts.", "stars": "68"}, {"name": "tailyew", "url": "https://github.com/fuzzycloud/tailyew", "description": "Yew wrapper around DaisyUI (tailwindcss based) components.", "stars": "18"}, {"name": "yew-duskmoon-ui", "url": "https://github.com/gsmlg-dev/yew-duskmoon-ui", "description": "Duskmoon UI Component Library. This package use `stylist` to embbed css in components, so no extra CSS file is needed. [Live Demo](https://gsmlg-dev.github.io/yew-duskmoon-ui/).", "stars": "6"}, {"name": "yew-bootstrap", "url": "https://github.com/isosphere/yew-bootstrap", "description": "A Yew wrapper for the Bootstrap 5 component library.", "stars": "44"}, {"name": "Zu", "url": "https://github.com/RustVis/zu", "description": "Yew web components, implementing Material Design.", "stars": "10"}, {"name": "yew-nav-link", "url": "https://github.com/RAprogramm/yew-nav-link", "description": "A navigational link that is aware of its active state based on the current route in the application.", "stars": "5"}, {"name": "Rust Lucide", "url": "https://lucide.rustforweb.org", "description": "Yew port of Lucide, a beautiful & consistent icon toolkit made by the community."}, {"name": "Rust Radix", "url": "https://radix.rustforweb.org", "description": "Yew port of Radix, a library of components, icons, colors, and templates for building high-quality, accessible UI."}, {"name": "Rust shadcn/ui", "url": "https://shadcn-ui.rustforweb.org", "description": "Yew port of shadcn/ui, a library of beautifully designed components that you can copy and paste into your apps."}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Components", "entries": [{"name": "Yew Form", "url": "https://github.com/jfbilodeau/yew_form", "description": "Components to simplify handling forms with Yew.", "stars": "97"}, {"name": "yew-component-size", "url": "https://github.com/AircastDev/yew-component-size", "description": "A Yew component that emits events when the parent component changes width/height.", "stars": "4"}, {"name": "yew-virtual-scroller", "url": "https://github.com/AircastDev/yew-virtual-scroller", "description": "A Yew component for virtual scrolling / scroll windowing.", "stars": "4"}, {"name": "yew-oauth2", "url": "https://github.com/ctron/yew-oauth2/", "description": "A plain Yew OAuth2/OpenIDConnect component, not tied to any CSS framework.", "stars": "48"}, {"name": "yew-scroll-area", "url": "https://github.com/MatchaChoco010/yew-scroll-area", "description": "Custom scroll area for Yew.", "stars": "4"}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Hooks", "entries": [{"name": "yew-hooks", "url": "https://github.com/jetli/yew-hooks", "description": "Custom Hooks library for Yew, inspired by [streamich/react-use (\u2b5044k)](https://github.com/streamich/react-use) and [alibaba/hooks (\u2b5015k)](https://github.com/alibaba/hooks).", "stars": "177"}, {"name": "yew-side-effect", "url": "https://github.com/futursolo/yew-side-effect", "description": "Reconcile Side Effects in Yew Applications, inspired by [react-side-effect (\u2b501.2k)](https://github.com/gaearon/react-side-effect) and [react-helmet (\u2b5017k)](https://github.com/nfl/react-helmet).", "stars": "5"}, {"name": "Bounce", "url": "https://github.com/bounce-rs/bounce", "description": "The uncomplicated state management library for Yew, inspired by [Redux (\u2b5061k)](https://github.com/reduxjs/redux) and [Recoil (\u2b5020k)](https://github.com/facebookexperimental/Recoil).", "stars": "100"}, {"name": "yewv", "url": "https://github.com/yewv/yewv", "description": "A lightning fast state management module for Yew built with performance and simplicity as a first priority.", "stars": "11"}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Javascript Library Ports", "entries": [{"name": "Plotly.rs", "url": "https://github.com/igiagkiozis/plotly", "description": "Rust bindings for the popular [Plotly](https://plotly.com/javascript/) charting library.", "stars": "1.4k"}, {"name": "ag-grid-rs", "url": "https://github.com/mfreeborn/ag-grid-rs", "description": "Rust bindings for the [AG Grid](https://www.ag-grid.com/javascript-data-grid/) datatable library.", "stars": "16"}, {"name": "popper-rs", "url": "https://github.com/ctron/popper-rs/", "description": "[Popper JS](https://popper.js.org/) bindings for Rust.", "stars": "5"}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Utils", "entries": [{"name": "Yewdux", "url": "https://github.com/intendednull/yewdux", "description": "Redux-like state containers for Yew apps.", "stars": "328"}, {"name": "reacty\\_yew", "url": "https://github.com/hobofan/reacty_yew", "description": "Generate Yew components from React components via Typescript type definitions.", "stars": "54"}, {"name": "styled-yew", "url": "https://github.com/IcyDefiance/styled-yew", "description": "CSS in Rust, similar to styled-components, but for Yew.", "stars": "35"}, {"name": "stylist-rs", "url": "https://github.com/futursolo/stylist-rs", "description": "A CSS-in-Rust styling solution for WebAssembly Applications.", "stars": "378"}, {"name": "Yew Interop", "url": "https://github.com/Madoshakalaka/yew-interop", "description": "Load JavaScript and CSS asynchronously in Yew.", "stars": "43"}, {"name": "Tailwind RS", "url": "https://github.com/oovm/tailwind-rs", "description": "Tailwind style tracer in rust, JIT + AOT interpreter.", "stars": "128"}, {"name": "yew-style-in-rs", "url": "https://github.com/MatchaChoco010/yew-style-in-rs", "description": "Scoped CSS in Rust for Yew.", "stars": "23"}, {"name": "yew\\_icons", "url": "https://github.com/finnbear/yew_icons", "description": "Easily include a variety of svg icons(Feather/Font Awesome/Octicons) into your Yew app.", "stars": "45"}, {"name": "Yew-Template", "url": "https://github.com/INSAgenda/yew-template", "description": "A crate for separating HTML and Rust code when using Yew.", "stars": "44"}, {"name": "yew-nested-router", "url": "https://github.com/ctron/yew-nested-router", "description": "A router that supported nesting, with Yew 0.20.", "stars": "9"}, {"name": "turf", "url": "https://github.com/myFavShrimp/turf", "description": "Macro based compile-time SCSS transpilation, CSS minification, and class name uniquification toolchain inspired by CSS modules.", "stars": "98"}, {"name": "browser-panic-hook", "url": "https://github.com/ctron/browser-panic-hook", "description": "A panic handler for browser environments, allowing to fail in an end-user friendly way.", "stars": "8"}, {"name": "Rust Floating UI", "url": "https://floating-ui.rustforweb.org/", "description": "Floating UI is a library that helps you create \"floating\" elements such as tooltips, popovers, dropdowns, and more."}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Wasm", "entries": [{"name": "wasm-bindgen", "url": "https://github.com/rustwasm/wasm-bindgen", "description": "Facilitating high-level interactions between WebAssembly modules and JavaScript.", "stars": "8.9k"}, {"name": "stdweb", "url": "https://github.com/koute/stdweb", "description": "Provides Rust bindings to the Web APIs and to allow a high degree of interoperability between Rust and JavaScript.", "stars": "3.5k"}, {"name": "tauri-sys", "url": "https://github.com/JonasKruckenberg/tauri-sys", "description": "Raw bindings to the Tauri API for projects using wasm-bindgen.", "stars": "121"}], "notes": [], "source": "Yew"}, {"name": "Yew \u2014 Frameworks", "entries": [{"name": "stackable", "url": "https://github.com/futursolo/stackable", "description": "A framework experience for Yew.", "stars": "23"}, {"name": "wasm-pack", "url": "https://github.com/rustwasm/wasm-pack", "description": "Your favorite Rust -> WebAssembly workflow tool.", "stars": "7.1k"}, {"name": "wasm-pack-action", "url": "https://github.com/jetli/wasm-pack-action", "description": "Github action to install `wasm-pack` by downloading the executable to speed up CI/CD.", "stars": "56"}, {"name": "wasm-bindgen-action", "url": "https://github.com/jetli/wasm-bindgen-action", "description": "Github action to install `wasm-bindgen` by downloading the executable to speed up CI/CD.", "stars": "12"}, {"name": "cargo-web", "url": "https://github.com/koute/cargo-web", "description": "A Cargo subcommand for the client-side Web.", "stars": "1.1k"}, {"name": "Trunk", "url": "https://github.com/thedodd/trunk", "description": "Build, bundle & ship your Rust Wasm application to the web.", "stars": "4.2k"}, {"name": "trunk-action", "url": "https://github.com/jetli/trunk-action", "description": "Github action to install `Trunk` by downloading the executable to speed up CI/CD.", "stars": "36"}, {"name": "wabt", "url": "https://github.com/WebAssembly/wabt", "description": "The WebAssembly Binary Toolkit, for the `wasm-strip` and `wasm-objdump` tools to reduce .wasm file size.", "stars": "7.9k"}, {"name": "binaryen", "url": "https://github.com/WebAssembly/binaryen", "description": "Compiler infrastructure and toolchain library for WebAssembly, for the `wasm-opt` tool to reduce .wasm file size.", "stars": "8.4k"}, {"name": "Tauri", "url": "https://github.com/tauri-apps/tauri", "description": "Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front-end can interact with.", "stars": "103k"}, {"name": "yew-fmt", "url": "https://github.com/schvv31n/yew-fmt", "description": "A configurable extension to `rustfmt` for formatting Yew HTML.", "stars": "27"}, {"name": "Let's Build a Rust Frontend with Yew", "url": "https://dev.to/deciduously/lets-build-a-rust-frontend-with-yew---part-1-3k2o", "description": ""}, {"name": "How to use Rust Yew", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20Rust%20Yew.md", "description": "", "stars": "4"}, {"name": "How to use a modal in Rust", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20a%20modal%20in%20Rust.md", "description": "", "stars": "4"}, {"name": "How to use routers in Rust Frontend", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20routers%20in%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "How to modulize your Rust Frontend", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20modulize%20your%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "How to use NPM packages with Rust Frontend", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20NPM%20packages%20with%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "How to use markdown with Rust Frontend", "url": "https://github.com/steadylearner/blog/blob/master/posts/Rust/How%20to%20use%20markdown%20with%20code%20snippets%20in%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "Fullstack Rust with Yew", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/Fullstack%20Rust%20with%20Yew.md", "description": "", "stars": "4"}, {"name": "How to write Full Stack Rust code", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20write%20Full%20Stack%20Rust%20code.md", "description": "", "stars": "4"}, {"name": "How to render a YouTube vlog with Rust Yew fetch API", "url": "https://github.com/steadylearner/blog/blob/master/posts/Rust/How%20to%20render%20a%20YouTube%20vlog%20with%20%20Rust%20Yew%20fetch%20API.md", "description": "", "stars": "4"}, {"name": "How to render blog posts with Rust Yew mounted API", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20render%20blog%20posts%20with%20Rust%20Yew%20mounted%20API.md", "description": "", "stars": "4"}, {"name": "A Web Application completely in Rust", "url": "https://medium.com/@saschagrunert/a-web-application-completely-in-rust-6f6bdb6c4471", "description": ""}, {"name": "Yew - Rust & WebAsse-frontend framework", "url": "https://sudonull.com/post/11627-Yew-Rust-WebAsse-frontend-framework", "description": ""}, {"name": "Create a desktop app in Rust using Tauri and Yew", "url": "https://dev.to/stevepryde/create-a-desktop-app-in-rust-using-tauri-and-yew-2bhe", "description": ""}, {"name": "A code walkthrough video of Yew with a real-world app with Christopher Hunt and Kiki Carter", "url": "https://www.youtube.com/watch?v=ilrGIJGdqRo", "description": ""}, {"name": "Adding Tailwind to Yew", "url": "https://mikekrisher.com/writings/yew_and_tailwind", "description": ""}, {"name": "full-stack-todo-rust-course", "url": "https://github.com/brooks-builds/full-stack-todo-rust-course", "description": "Full stack rust course including course for Yew.", "stars": "259"}, {"name": "The WebAssembly Book", "url": "https://rustwasm.github.io/docs/book/", "description": "Working with the web and producing .wasm files."}, {"name": "The wasm-bindgen Guide", "url": "https://rustwasm.github.io/docs/wasm-bindgen/", "description": "How to bind Rust and JavaScript APIs."}, {"name": "The wasm-pack Guide", "url": "https://rustwasm.github.io/docs/wasm-pack/", "description": "How to build and work with rust-generated WebAssembly."}, {"name": "Programming WebAssembly with Rust", "url": "https://pragprog.com/book/khrust/programming-webassembly-with-rust", "description": "Includes a chapter `Advanced JavaScript Integration with Yew` on creating an app with Yew."}, {"name": "Creative Projects for Rust Programmers", "url": "https://www.oreilly.com/library/view/creative-projects-for/9781789346220/", "description": "Chapter 5, `Creating a Client-Side WebAssembly App Using Yew`."}, {"name": "Server-Side WebAssembly", "url": "https://www.manning.com/books/server-side-webassembly", "description": "How to use WebAssembly components and the WebAssembly System Interface (WASI) to build web back ends."}, {"name": "Draco", "url": "https://github.com/utkarshkukreti/draco", "description": "A Rust library for building client side web applications with WebAssembly.", "stars": "305"}, {"name": "Percy", "url": "https://github.com/chinedufn/percy", "description": "A modular toolkit for building isomorphic web apps with Rust + WebAssembly.", "stars": "2.3k"}, {"name": "Sauron", "url": "https://github.com/ivanceras/sauron", "description": "Sauron is an HTML web framework for building web-apps.", "stars": "2.1k"}, {"name": "Seed", "url": "https://github.com/seed-rs/seed", "description": "A Rust framework for creating web apps.", "stars": "3.8k"}, {"name": "Smithy", "url": "https://github.com/rbalicki2/smithy", "description": "A framework for building WebAssembly apps in Rust.", "stars": "344"}, {"name": "Dioxus", "url": "https://github.com/DioxusLabs/dioxus", "description": "Elegant React-like library for building user interfaces for desktop, web, mobile, SSR, liveview, and more.", "stars": "35k"}, {"name": "Sycamore", "url": "https://github.com/sycamore-rs/sycamore", "description": "A reactive library for creating web apps in Rust and WebAssembly.", "stars": "3.2k"}, {"name": "Leptos", "url": "https://github.com/leptos-rs/leptos", "description": "Build fast web applications with Rust.", "stars": "20k"}, {"name": "Awesome Rust and WebAssembly", "url": "https://github.com/rustwasm/awesome-rust-and-webassembly", "description": "A list of awesome Rust and WebAssembly projects, libraries, tools, and resources.", "stars": "672"}, {"name": "Awesome WebAssembly", "url": "https://github.com/mbasso/awesome-wasm", "description": "Collection of awesome things regarding WebAssembly ecosystem.", "stars": "9.5k"}, {"name": "Awesome Rust", "url": "https://github.com/rust-unofficial/awesome-rust", "description": "A curated list of Rust code and resources.", "stars": "56k"}], "notes": [], "source": "Yew"}, {"name": "Html5 \u2014 Table of Contents", "entries": [{"name": "Articles and standards", "url": "#articles-and-standards", "description": ""}, {"name": "Multimedia capabilities", "url": "#multimedia-capabilities", "description": ""}, {"name": "Elements", "url": "#elements", "description": ""}, {"name": "Development APIs", "url": "#development-apis", "description": ""}, {"name": "Semantics", "url": "#semantics", "description": ""}, {"name": "Accessibility", "url": "#accessibility", "description": ""}, {"name": "DOM management", "url": "#dom-management", "description": ""}, {"name": "Progressive web apps", "url": "#progressive-web-apps", "description": ""}, {"name": "Client side storage", "url": "#client-side-storage", "description": ""}, {"name": "Performance", "url": "#performance", "description": ""}, {"name": "Mobile", "url": "#mobile", "description": ""}, {"name": "Communications and interoperability", "url": "#communications-and-interoperability", "description": ""}, {"name": "Web Workers", "url": "#web-workers", "description": ""}, {"name": "WebGL", "url": "#webgl", "description": ""}, {"name": "Browser compatibility", "url": "#browser-compatibility", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Game development", "url": "#game-development", "description": ""}, {"name": "Bootcamp", "url": "#bootcamp", "description": ""}, {"name": "Videos and Keynotes", "url": "#videos-and-keynotes", "description": ""}, {"name": "Websites and resources", "url": "#websites-and-resources", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "HTML 5.3", "url": "https://w3c.github.io/html/", "description": "Current HTML5 spec"}, {"name": "Progressive enhancement", "url": "https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/", "description": ""}, {"name": "The extensible web manifesto", "url": "https://extensiblewebmanifesto.org/", "description": ""}, {"name": "Differences between HTML5 and HTML4 from W3C", "url": "https://www.w3.org/TR/html5-diff/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Audio", "entries": [{"name": "Getting started with the Web Audio API", "url": "https://www.html5rocks.com/en/tutorials/webaudio/intro/?redirect_from_locale=es", "description": ""}, {"name": "Web Audio API at MDN", "url": "https://developer.mozilla.org/es/docs/Web_Audio_API", "description": ""}, {"name": "Making a Guitar Tuner with HTML5", "url": "https://jonathan.bergknoff.com/journal/making-a-guitar-tuner-html5", "description": ""}, {"name": "Audio visualisation with the Web Audio API and React", "url": "https://www.twilio.com/blog/audio-visualisation-web-audio-api--react", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Media Capture", "entries": [{"name": "Capturing Audio & Video in HTML5", "url": "https://www.html5rocks.com/es/tutorials/getusermedia/intro/", "description": ""}, {"name": "Using the media capture API", "url": "https://www.sitepoint.com/using-the-media-capture-api/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Picture in Picture", "entries": [{"name": "Chrome's new Picture in Picture API", "url": "https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Speech Synthesis", "entries": [{"name": "Intro to the HTML5 Speech Synthesis API", "url": "http://creative-punch.net/2014/10/intro-html5-speech-synthesis-api/", "description": ""}, {"name": "Another useful intro", "url": "https://shapeshed.com/html5-speech-recognition-api/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Voice Recognition", "entries": [{"name": "Web speech API demo", "url": "https://www.google.com/intl/en/chrome/demos/speech.html", "description": ""}, {"name": "Using the Web Speech API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API", "description": ""}, {"name": "Experimenting with the Web Speech API", "url": "https://www.sitepoint.com/experimenting-web-speech-api/", "description": ""}, {"name": "Free voice recognition library (annyang)", "url": "https://www.talater.com/annyang/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Virtual Reality", "entries": [{"name": "Firefox Reality now available", "url": "https://blog.mozilla.org/blog/2018/09/18/firefox-reality-now-available/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Web animations", "entries": [{"name": "Intro to web animations", "url": "http://danielcwilson.com/blog/2015/07/animations-intro/", "description": ""}, {"name": "When to Use the Web Animations API", "url": "http://danielcwilson.com/blog/2016/08/why-waapi/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Canvas", "entries": [{"name": "Brief description from W3 Schools", "url": "https://www.w3schools.com/tags/tag_canvas.asp", "description": ""}, {"name": "Tutorial from MDN", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial", "description": ""}, {"name": "Various Tutorials", "url": "https://www.html5canvastutorials.com/", "description": ""}, {"name": "Cheat Sheet", "url": "https://simon.html5.org/dump/html5-canvas-cheat-sheet.html", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Head", "entries": [{"name": "A list of things that go in your pages' HEAD element", "url": "https://gethead.info/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Sectioning", "entries": [{"name": "How to Use The HTML5 Sectioning Elements", "url": "https://blog.teamtreehouse.com/use-html5-sectioning-elements", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Media Elements", "entries": [], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Forms", "entries": [{"name": "Changes to forms in HTML5 from MDN", "url": "https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms", "description": ""}, {"name": "HTML Forms", "url": "https://www.w3schools.com/html/html_forms.asp", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Details", "entries": [{"name": "How to Use the Details and Summary Elements", "url": "https://blog.teamtreehouse.com/use-details-summary-elements", "description": ""}, {"name": "Details element polyfill", "url": "https://www.smashingmagazine.com/2014/11/complete-polyfill-html5-details-element/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Time", "entries": [{"name": "Time element guide", "url": "https://www.sitepoint.com/html5-time-element-guide/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 WebVTT", "entries": [{"name": "First draft from W3C", "url": "http://www.w3.org/TR/2014/WD-webvtt1-20141113/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 HTML Imports", "entries": [{"name": "Introduction to HTML imports", "url": "https://www.webcomponents.org/community/articles/introduction-to-html-imports", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Permissions", "entries": [{"name": "Permissions API for the Web by Google", "url": "https://developers.google.com/web/updates/2015/04/permissions-api-for-the-web", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Geolocation", "entries": [{"name": "Using Geolocation", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API", "description": ""}, {"name": "HTML5 Apps: Positioning with Geolocation", "url": "https://code.tutsplus.com/tutorials/html5-apps-positioning-with-geolocation--mobile-456", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Cryptography", "entries": [{"name": "Web Cryptography API draft", "url": "http://www.w3.org/TR/WebCryptoAPI/", "description": ""}, {"name": "Table of web cryptography support", "url": "http://diafygi.github.io/webcrypto-examples/", "description": ""}, {"name": "Window.crypto", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto", "description": ""}, {"name": "Cryptography next steps from W3C", "url": "http://www.w3.org/2012/webcrypto/webcrypto-next-workshop/report.html", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 File", "entries": [{"name": "Using files from web applications (MDN)", "url": "https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications", "description": ""}, {"name": "Reading local files in JavaScript", "url": "https://www.html5rocks.com/en/tutorials/file/dndfiles/", "description": ""}, {"name": "File API Draft", "url": "https://w3c.github.io/FileAPI/", "description": ""}, {"name": "File system API", "url": "http://www.w3.org/TR/file-system-api/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Frame timing", "entries": [{"name": "Video from google developers", "url": "https://www.youtube.com/watch?v=4zoC3eaa9z0", "description": ""}, {"name": "Draft from W3C", "url": "https://w3c.github.io/frame-timing/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 requestIdleCallback", "entries": [{"name": "On Google developers", "url": "https://developers.google.com/web/updates/2015/08/using-requestidlecallback", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 requestAnimationFrame", "entries": [{"name": "Using requestAnimationFrame (CSS Tricks)", "url": "https://css-tricks.com/using-requestanimationframe/", "description": ""}, {"name": "Great article by Paul Irish", "url": "https://medium.com/@paul_irish/requestanimationframe-scheduling-for-nerds-9c57f7438ef4#.9gev5fdub", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Web payments", "entries": [{"name": "Web payments API overview", "url": "https://developers.google.com/web/fundamentals/payments/", "description": ""}, {"name": "Semantic elements from W3Schools", "url": "https://www.w3schools.com/html/html5_semantic_elements.asp", "description": ""}, {"name": "Sections and Outlines of an HTML5 from MDN Document", "url": "https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines", "description": ""}, {"name": "HTML5 Semantics from Smashing Magazine", "url": "https://www.smashingmagazine.com/2011/11/html5-semantics/", "description": ""}, {"name": "Lesser known semantics element from W3C & Opera", "url": "https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "description": ""}, {"name": "Excellent intro to accessibility from Google's fundamentals", "url": "https://developers.google.com/web/fundamentals/accessibility/", "description": ""}, {"name": "Accessibility checklist for web developers", "url": "https://webaim.org/standards/wcag/checklist", "description": ""}, {"name": "ARIA from MDN", "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA", "description": ""}, {"name": "Great Accessibility Style Guide", "url": "https://a11y-style-guide.com/style-guide/", "description": ""}, {"name": "Designing for Cognitive Differences", "url": "https://alistapart.com/article/designing-for-cognitive-differences", "description": ""}, {"name": "Guide on how HTML elements are supported by screen readers", "url": "https://thepaciellogroup.github.io/AT-browser-tests/", "description": ""}, {"name": "Top 25 Accessibility Testing Tools for Website", "url": "https://dynomapper.com/blog/27-accessibility-testing/246-top-25-awesome-accessibility-testing-tools-for-websites", "description": ""}, {"name": "Web Accessibility Evaluation Tools List from W3", "url": "http://www.w3.org/WAI/ER/tools/", "description": ""}, {"name": "Pa11y - automated accessibility testing", "url": "http://pa11y.org/", "description": ""}, {"name": "Aria in HTML", "url": "https://developer.paciellogroup.com/blog/2014/10/aria-in-html-there-goes-the-neighborhood/", "description": ""}, {"name": "Accessible and Responsive HTML5 Video Player", "url": "https://2017.ind.ie/blog/accessible-video-player/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Shadow DOM", "entries": [{"name": "Shadow DOM v1: self-contained web components", "url": "https://developers.google.com/web/fundamentals/web-components/shadowdom", "description": ""}, {"name": "What's New in Shadow DOM v1 (by examples)", "url": "https://hayato.io/2016/shadowdomv1/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Data Binding", "entries": [{"name": "Data-binding Revolutions with Object.observe()", "url": "https://www.html5rocks.com/en/tutorials/es7/observe/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Web Components", "entries": [{"name": "Custom elements v1: reusable web components", "url": "https://developers.google.com/web/fundamentals/web-components/customelements", "description": ""}, {"name": "The power of web components", "url": "https://hacks.mozilla.org/2018/11/the-power-of-web-components/", "description": ""}, {"name": "Polymer project", "url": "https://github.com/polymer", "description": ""}, {"name": "A Quick Introduction To Polymer", "url": "https://www.webcomponents.org/community/articles/a-quick-polymer-introduction", "description": ""}, {"name": "Building web components using Polymer and ES6 classes", "url": "https://www.polymer-project.org/blog/es6", "description": ""}, {"name": "Demythstifying Web Components", "url": "http://www.backalleycoder.com/2016/08/26/demythstifying-web-components/", "description": ""}, {"name": "HTML imports", "url": "https://www.html5rocks.com/en/tutorials/webcomponents/imports/", "description": ""}, {"name": "Building Webapps with Yeoman and Polymer", "url": "https://www.html5rocks.com/en/tutorials/webcomponents/yeoman/", "description": ""}, {"name": "Intro to PWAs", "url": "https://developers.google.com/web/progressive-web-apps/", "description": ""}, {"name": "An Extensive Guide To Progressive Web Applications", "url": "https://www.smashingmagazine.com/2018/11/guide-pwa-progressive-web-applications/", "description": ""}, {"name": "The Business Case for Progressive Web Apps", "url": "https://cloudfour.com/thinks/the-business-case-for-progressive-web-apps/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Service Workers", "entries": [{"name": "Service Worker fundamentals", "url": "https://developers.google.com/web/fundamentals/primers/service-workers/", "description": ""}, {"name": "ServiceWorkies - Learn SWs playing a game", "url": "https://serviceworkies.com/", "description": ""}, {"name": "The Service Worker Cookbook", "url": "https://serviceworke.rs/", "description": ""}, {"name": "Offline content with service workers", "url": "https://www.madebymike.com.au/writing/service-workers/", "description": ""}, {"name": "Making a Service Worker: a case study (Smashing Magazine)", "url": "https://www.smashingmagazine.com/2016/02/making-a-service-worker/", "description": ""}, {"name": "Service workers explained", "url": "https://github.com/w3c/ServiceWorker/blob/master/explainer.md", "description": "", "stars": "3.6k"}, {"name": "Service Worker Libraries, Totally Tooling Tips", "url": "https://www.youtube.com/watch?v=IIRj8DftkqE", "description": ""}, {"name": "ServiceWorker: Revolution of the Web Platform", "url": "https://ponyfoo.com/articles/serviceworker-revolution", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Offline caching", "entries": [{"name": "The Offline Cookbook", "url": "https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/", "description": ""}, {"name": "Instant-loading Offline-first (Progressive Web App Summit 2016)", "url": "https://www.youtube.com/watch?v=qDJAz3IIq18", "description": ""}, {"name": "Offline Storage for Progressive Web Apps (article by Addy Osmani)", "url": "https://medium.com/dev-channel/offline-storage-for-progressive-web-apps-70d52695513c#.jsbxgywzz", "description": ""}, {"name": "A Beginner's Guide to Using the Application Cache", "url": "https://www.html5rocks.com/en/tutorials/appcache/beginner/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Push Notifications", "entries": [{"name": "Web Push Notifications (Google's Web fundamentals)", "url": "https://developers.google.com/web/fundamentals/push-notifications/", "description": ""}, {"name": "Push API W3C draft", "url": "http://w3c.github.io/push-api/", "description": ""}, {"name": "Notifications API spec", "url": "https://notifications.spec.whatwg.org/", "description": ""}, {"name": "Client-Side Storage", "url": "https://www.html5rocks.com/en/tutorials/offline/storage/", "description": ""}, {"name": "Offline Cookbook", "url": "https://jakearchibald.com/2014/offline-cookbook/", "description": ""}, {"name": "Introduction to IndexedDB", "url": "https://www.codemag.com/Article/1411041", "description": ""}, {"name": "Real-World Off-Line Data Storage", "url": "https://code.tutsplus.com/tutorials/real-world-off-line-data-storage--net-34063", "description": ""}, {"name": "Local storage tutorial", "url": "https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Overlay_Extensions/XUL_School/Local_Storage", "description": ""}, {"name": "Accelerated Mobile Pages (AMP)", "url": "https://www.ampproject.org/learn/overview/", "description": ""}, {"name": "Google developers best practices", "url": "https://developers.google.com/speed/docs/insights/rules", "description": ""}, {"name": "Optimizing performance from Google Web Fundamentals", "url": "https://developers.google.com/web/fundamentals/performance/why-performance-matters/", "description": ""}, {"name": "Resource hints draft (preconnect and preload)", "url": "http://www.w3.org/TR/2014/WD-resource-hints-20141021/", "description": ""}, {"name": "Prefetching and prerendeding", "url": "https://medium.com/@luisvieira_gmr/html5-prefetch-1e54f6dda15d", "description": ""}, {"name": "Image compression", "url": "https://www.html5rocks.com/en/tutorials/speed/img-compression/", "description": ""}, {"name": "Text compression", "url": "https://www.html5rocks.com/en/tutorials/speed/txt-compression/", "description": ""}, {"name": "Resource timing spec", "url": "http://www.w3.org/TR/resource-timing/", "description": ""}, {"name": "The Web App Manifest (Google's fundamentals)", "url": "https://developers.google.com/web/fundamentals/web-app-manifest/", "description": ""}, {"name": "Field guide to web applications", "url": "https://www.html5rocks.com/webappfieldguide/toc/index/", "description": ""}, {"name": "Apache Cordova tutorial", "url": "http://ccoenraets.github.io/cordova-tutorial/", "description": ""}, {"name": "PhoneGap from Scratch", "url": "https://code.tutsplus.com/tutorials/phonegap-from-scratch-introduction--mobile-9171", "description": ""}, {"name": "Best practices for mobile web apps", "url": "https://www.html5rocks.com/en/tutorials/speed/quick/", "description": ""}, {"name": "Build mobile apps with Kendo UI", "url": "https://docs.telerik.com/kendo-ui/controls/hybrid/introduction", "description": ""}, {"name": "HTML5 Vibration API", "url": "https://code.tutsplus.com/tutorials/html5-vibration-api--mobile-22585", "description": ""}, {"name": "HTML5 Battery Status API", "url": "https://code.tutsplus.com/tutorials/html5-battery-status-api--mobile-22795", "description": ""}, {"name": "Privacy analysis of the HTML5 Battery Status API", "url": "https://eprint.iacr.org/2015/616.pdf", "description": ""}, {"name": "HTML5 Network Information API", "url": "https://code.tutsplus.com/tutorials/html5-network-information-api--cms-21598", "description": ""}, {"name": "Sencha Touch tutorials", "url": "https://docs.sencha.com/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Web Sockets", "entries": [{"name": "Introducing Websockets", "url": "https://www.html5rocks.com/en/tutorials/websockets/basics/", "description": ""}, {"name": "About HTML5 WebSocket", "url": "https://www.websocket.org/aboutwebsocket.html", "description": ""}, {"name": "HTML5 Web Sockets API", "url": "http://www.tutorialspark.com/html5/HTML5_WebSockets.php", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 WebRTC", "entries": [{"name": "What is WebRTC and how does it work", "url": "https://www.innoarchitech.com/what-is-webrtc-and-how-does-it-work/", "description": ""}, {"name": "WebRTC made simple", "url": "https://blog.carbonfive.com/2014/10/16/webrtc-made-simple/", "description": ""}, {"name": "WebRTC data channels tutorial", "url": "https://www.html5rocks.com/en/tutorials/webrtc/datachannels/", "description": ""}, {"name": "WebRTC data channels from MDN", "url": "https://developer.mozilla.org/en-US/docs/Games/Techniques/WebRTC_data_channels", "description": ""}, {"name": "Web Worker Basics", "url": "https://www.html5rocks.com/en/tutorials/workers/basics/", "description": ""}, {"name": "How fast are web workers?", "url": "https://hacks.mozilla.org/2015/07/how-fast-are-web-workers/", "description": ""}, {"name": "Web Workers in MDN", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers", "description": ""}, {"name": "Getting started with Web Workers", "url": "https://code.tutsplus.com/tutorials/getting-started-with-web-workers--net-27667", "description": ""}, {"name": "WebGL Fundamentals", "url": "https://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/", "description": ""}, {"name": "I want to use", "url": "http://www.iwanttouse.com/", "description": ""}, {"name": "Can I use...", "url": "https://caniuse.com/", "description": ""}, {"name": "W3C quality tools", "url": "http://w3c.github.io/developers/tools/", "description": ""}, {"name": "HTML5 test", "url": "http://beta.html5test.com/", "description": ""}, {"name": "HTML5 demos", "url": "https://bestvpn.org/html5demos/", "description": ""}, {"name": "Dive Into HTML5", "url": "http://diveinto.html5doctor.com/", "description": ""}, {"name": "HTML5: Up and Running", "url": "https://www.amazon.com/HTML5-Running-Dive-Future-Development/dp/0596806027", "description": ""}, {"name": "Using the HTML5 Filesystem API", "url": "http://shop.oreilly.com/product/0636920021360.do", "description": ""}, {"name": "HTML5 Game Development Insights", "url": "https://www.apress.com/us/book/9781430266976", "description": ""}, {"name": "Web Design Playground: HTML & CSS The Interactive Way", "url": "https://www.manning.com/books/web-design-playground", "description": ""}, {"name": "Getting started with HTML5 Game Development from Mozilla Hacks", "url": "https://hacks.mozilla.org/2013/09/getting-started-with-html5-game-development/", "description": ""}, {"name": "HTML 5 game development video series by Mozilla", "url": "https://hacks.mozilla.org/2016/02/html-5-game-development-video-series/", "description": ""}, {"name": "Info, news and tutorials", "url": "http://html5gamedevelopment.com/", "description": ""}, {"name": "Over 380 resources on HTML5 game development", "url": "https://html5-game-development.zeef.com/andre.antonio.schmitz", "description": ""}, {"name": "HTML5 Developer Conference", "url": "https://html5devconf.com/videos.html", "description": ""}, {"name": "Polymer: declarative, encapsulated, reusable components", "url": "https://www.youtube.com/watch?v=DH1vTVkqCDQ", "description": ""}, {"name": "Making the mobile web fast, feature-rich, and beautiful", "url": "https://www.youtube.com/watch?v=EXjPsvwIDwU", "description": ""}, {"name": "Dart: HTML of the Future, Today!", "url": "https://www.youtube.com/watch?v=euCNWhs7ivQ", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Websites", "entries": [{"name": "HTML official reference", "url": "https://webplatform.github.io/docs/Main_Page/index.html", "description": ""}, {"name": "HTML5 Rocks", "url": "https://www.html5rocks.com/en/", "description": ""}, {"name": "HTML5 Gallery", "url": "http://html5gallery.com/", "description": ""}, {"name": "HTML5 development guide from MDN", "url": "https://developer.mozilla.org/en-US/docs/Learn/HTML", "description": ""}, {"name": "W3C Highlights form June 2014", "url": "http://www.w3.org/2014/06/w3c-highlights/", "description": ""}, {"name": "HTML5 Please", "url": "https://html5please.com/", "description": ""}, {"name": "Keen HTML", "url": "https://keenhtml.com", "description": ""}, {"name": "A Complete Guide to the Table Element", "url": "https://css-tricks.com/complete-guide-table-element/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Weekly news", "entries": [{"name": "HTML5 Weekly", "url": "https://frontendfoc.us/", "description": ""}, {"name": "Mozilla Hacks Weekly Articles", "url": "https://hacks.mozilla.org/category/mozilla-hacks-weekly/", "description": ""}, {"name": "Responsive Design Newsletter", "url": "http://responsivedesignweekly.com/", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Html5 \u2014 Twitter", "entries": [{"name": "@html5", "url": "https://twitter.com/html5", "description": ""}, {"name": "@html5rock", "url": "https://twitter.com/html5rock", "description": ""}, {"name": "@html5gallery", "url": "https://twitter.com/html5gallery", "description": ""}, {"name": "@html5doctor", "url": "https://twitter.com/html5doctor", "description": ""}, {"name": "@GameDevHTML5", "url": "https://twitter.com/GameDevHTML5", "description": ""}, {"name": "@mozhacks", "url": "https://twitter.com/mozhacks", "description": ""}, {"name": "@googlechrome", "url": "https://twitter.com/googlechrome", "description": ""}, {"name": "awesome-awesomeness", "url": "https://github.com/bayandin/awesome-awesomeness", "description": "", "stars": "29k"}, {"name": "lists", "url": "https://github.com/jnv/lists", "description": "", "stars": "8.5k"}, {"name": "Community Curated Resources", "url": "https://hackr.io/tutorials/learn-html-5", "description": ""}], "notes": [], "source": "Html5"}, {"name": "Svelte", "entries": [{"name": "Awesome Svelte", "url": "#awesome-svelte-", "description": ""}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Official Resources", "entries": [{"name": "Official Guide", "url": "https://svelte.dev/tutorial", "description": ""}, {"name": "API Reference", "url": "https://svelte.dev/docs", "description": ""}, {"name": "GitHub Repo", "url": "https://github.com/sveltejs/svelte", "description": "", "stars": "86k"}, {"name": "Changelog", "url": "https://github.com/sveltejs/svelte/blob/master/packages/svelte/CHANGELOG.md", "description": "", "stars": "86k"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Community", "entries": [{"name": "Bluesky", "url": "https://bsky.app/profile/svelte.dev", "description": ""}, {"name": "Discord", "url": "https://svelte.dev/chat", "description": ""}, {"name": "Reddit", "url": "https://www.reddit.com/r/sveltejs/", "description": ""}, {"name": "Japan Discord", "url": "https://discord.com/invite/YTXq3ZtBbx", "description": "Svelte \u65e5\u672c."}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Conferences", "entries": [{"name": "Svelte Summit", "url": "https://sveltesummit.com/", "description": ""}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Podcasts", "entries": [{"name": "Svelte Radio", "url": "https://www.svelteradio.com/", "description": ""}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 YouTube Channels", "entries": [{"name": "Svelte Society", "url": "https://www.youtube.com/channel/UCZSr5B0l07JXK2FIeWA0-jw", "description": ""}, {"name": "Svelte Mastery", "url": "https://www.youtube.com/channel/UCg6SQd5jnWo5Y70rZD9SQFA", "description": ""}, {"name": "Joy of Code", "url": "https://www.youtube.com/@JoyofCodeDev", "description": ""}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Tutorials", "entries": [{"name": "Getting Started with Svelte 5: A Guide for React Developers", "url": "https://www.edistys.dev/blog/getting-started-with-svelte-5-a-guide-for-react-developers", "description": "Edistys"}, {"name": "Svelte 5 Basics - Complete Svelte 5 Course for Beginners", "url": "https://www.youtube.com/watch?v=8DQailPy3q8", "description": "Syntax (YouTube)"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Studies", "entries": [{"name": "SvelteScaling", "url": "https://svelte-scaling.acmion.com/", "description": "Does Svelte Scale? *(pre-v5)*"}, {"name": "Will it Scale?", "url": "https://github.com/halfnelson/svelte-it-will-scale", "description": "Finding Svelte's inflection point. *(pre-v5)*", "stars": "176"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Preprocessing", "entries": [{"name": "svelte-preprocess", "url": "https://github.com/sveltejs/svelte-preprocess", "description": "A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.", "stars": "1.8k"}, {"name": "MDSveX", "url": "https://github.com/pngwn/MDsveX", "description": "Preprocessor for MDX markdown.", "stars": "2.9k"}, {"name": "svelte-switch-case", "url": "https://github.com/l-portet/svelte-switch-case", "description": "Switch case syntax for Svelte.", "stars": "167"}, {"name": "svelte-preprocess-less", "url": "https://github.com/ls-age/svelte-preprocess-less", "description": "Preprocessor for less.", "stars": "13"}, {"name": "modular-css", "url": "https://github.com/tivac/modular-css/tree/main/packages/svelte", "description": "Preprocessor support for modular-css.", "stars": "294"}, {"name": "svelte-preprocess-sass", "url": "https://github.com/ls-age/svelte-preprocess-sass", "description": "Preprocessor for sass.", "stars": "90"}, {"name": "svelte-preprocess-markdown", "url": "https://github.com/AlexxNB/svelte-preprocess-markdown", "description": "Write Svelte components in markdown syntax.", "stars": "140"}, {"name": "@nvl/sveltex", "url": "https://github.com/nvlang/sveltex", "description": "Svelte + Markdown + LaTeX.", "stars": "23"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Mobile", "entries": [{"name": "Svelte Native", "url": "https://svelte-native.technology/", "description": "Svelte controlling native components via Nativescript."}, {"name": "Framework7", "url": "https://framework7.io/svelte/", "description": "Full featured HTML framework for building iOS & Android apps."}, {"name": "Capacitor", "url": "https://capacitorjs.com/solution/svelte", "description": "Build native mobile apps with web technology and Svelte."}, {"name": "svelte-asyncable", "url": "https://github.com/sveltetools/svelte-asyncable", "description": "The Svelte store contract with support for asynchronous values.", "stars": "171"}, {"name": "exome", "url": "https://github.com/Marcisbee/exome", "description": "Simple proxy based state manager for deeply nested states.", "stars": "281"}, {"name": "tanstack-store", "url": "https://tanstack.com/store/latest/docs/framework/svelte/quick-start", "description": "Framework agnostic type-safe store w/ reactive framework adapters."}, {"name": "lomer-ui", "url": "https://ui.lomer.dev", "description": "A dead-simple CLI tool to instantly kickstart your components."}, {"name": "shadcn-svelte", "url": "https://www.shadcn-svelte.com/", "description": "Beautifully designed components that you can copy and paste into your apps."}, {"name": "SvelteUI", "url": "https://svelteui.dev/", "description": "all inclusive Svelte library - Components, Actions, Utilities, Animations."}, {"name": "Flowbite Svelte", "url": "https://flowbite-svelte.com/", "description": "Open-source Svelte UI components built with Tailwind CSS and Flowbite."}, {"name": "Skeleton", "url": "https://www.skeleton.dev/docs/get-started", "description": "Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces."}, {"name": "Sveltestrap", "url": "https://github.com/sveltestrap/sveltestrap", "description": "Bootstrap 4 & 5 components.", "stars": "206"}, {"name": "carbon-components-svelte", "url": "https://github.com/IBM/carbon-components-svelte", "description": "Svelte implementation of the IBM Carbon Design System.", "stars": "2.9k"}, {"name": "Svelte Material UI", "url": "https://github.com/hperrin/svelte-material-ui", "description": "Material UI Components.", "stars": "3.4k"}, {"name": "Melt UI", "url": "https://github.com/melt-ui/melt-ui", "description": "A collection of accessible, reusable, and composable headless component builders and utilities.", "stars": "4.1k"}, {"name": "attractions", "url": "https://github.com/illright/attractions", "description": "A pretty cool and modern UI kit. *(pre-v5)*", "stars": "1k"}, {"name": "ionic-svelte", "url": "https://github.com/Tommertom/svelte-ionic-app", "description": "Svelte integration with Ionic's UI for mobile app development, including many starters.", "stars": "64"}, {"name": "YeSvelte", "url": "https://www.yesvelte.com/", "description": "YeSvelte is flexible Svelte UI component library built on top of Bootstrap css."}, {"name": "Svelte UX", "url": "https://github.com/techniq/svelte-ux", "description": "Large collection of components, actions, stores, and utilities to build highly interactive applications", "stars": "1.1k"}, {"name": "STDF", "url": "https://stdf.design", "description": "Mobile web component library based on Svelte and Tailwind."}, {"name": "M3 Svelte", "url": "https://github.com/KTibow/m3-svelte", "description": "Robust component library implementing Material Design 3", "stars": "401"}, {"name": "AgnosUI", "url": "https://amadeusitgroup.github.io/AgnosUI/latest/", "description": "Highly configurable headless framework agnostic component library"}, {"name": "daisyUI", "url": "https://daisyui.com/", "description": "The most popular component library for Tailwind CSS - `daisyUI` adds component class names to Tailwind CSS so you can make beautiful websites faster than ever."}, {"name": "Smelte", "url": "https://github.com/matyunya/smelte", "description": "UI framework with material components built with Tailwind CSS. *(pre-v5)*", "stars": "1.5k"}, {"name": "SVAR Core for Svelte", "url": "https://github.com/svar-widgets/core", "description": "A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.", "stars": "240"}, {"name": "AgnosticUI", "url": "https://github.com/agnosticui/agnosticui", "description": "Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).", "stars": "769"}, {"name": "Svelte Animations", "url": "https://animation-svelte.vercel.app", "description": "Consist of Svelte Magic UI, Svelte Aceternity UI, Svelte Luxe Components over 200+ Free Animation Components & 2 Templates"}, {"name": "Svelte Marketing Blocks", "url": "https://sv-blocks.vercel.app", "description": "A powerful library of 100+ marketing and UI blocks built using Shadcn Svelte, Tailwind CSS v4, and Svelte 5."}, {"name": "Quaff", "url": "https://quaff.dev", "description": "An extensive UI framework featuring modern and elegant components following Material Design 3 principles."}, {"name": "retroui-svelte", "url": "https://retroui-svelte.netlify.app", "description": "A retro-styled component library for Svelte built on top of shadcn-svelte, offering 40+ customizable UI components for funky and playful interfaces."}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Table", "entries": [{"name": "@vincjo/datatables", "url": "https://github.com/vincjo/datatables", "description": "A toolkit for creating datatable components with Svelte.", "stars": "580"}, {"name": "svelte-table", "url": "https://github.com/dasDaniel/svelte-table", "description": "A table implementation that allows sorting and filtering.", "stars": "561"}, {"name": "svelte-generic-crud-table", "url": "https://github.com/ivosdc/svelte-generic-crud-table", "description": "Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page.", "stars": "67"}, {"name": "svelte-generic-table-pager", "url": "https://github.com/ivosdc/svelte-generic-table-pager", "description": "Svelte-generic-crud-table with paginator.", "stars": "4"}, {"name": "powertable", "url": "https://github.com/muonw/powertable", "description": "PowerTable is a JavaScript component that turns JSON data into an interactive HTML table. This facilitates manual inspection, sorting, filtering, searching, and editing of the data.", "stars": "224"}, {"name": "svelte-pivottable", "url": "https://github.com/jjagielka/svelte-pivottable", "description": "Svelte-based pivot table library with drag'n'drop functionality.", "stars": "41"}, {"name": "SVAR DataGrid", "url": "https://github.com/svar-widgets/grid", "description": "A Svelte datagrid with in-cell editing, sorting, context menu, collapsible and frozen columns, tree data view, paging and virtual scrolling.", "stars": "199"}, {"name": "svelte-datagrid", "url": "https://github.com/revolist/svelte-datagrid", "description": "Powerful data grid library based on [revogrid](https://rv-grid.com) with best features from Excel.", "stars": "134"}, {"name": "@wjfe/dataview", "url": "https://github.com/WJSoftware/wjfe-dataview", "description": "Table for data visualization purposes with advanced features like column pinning, and the only component in the world that does cross-table column position synchronization for master-child scenarios.", "stars": "23"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Notification", "entries": [{"name": "svelte-notifications", "url": "https://github.com/beyonk-adventures/svelte-notifications", "description": "Toast notifications component that can be used in any JS application.", "stars": "318"}, {"name": "svelte-favicon-badge", "url": "https://github.com/kevmodrome/svelte-favicon-badge", "description": "A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.", "stars": "103"}, {"name": "@zerodevx/svelte-toast", "url": "https://github.com/zerodevx/svelte-toast", "description": "Simple elegant toast notifications.", "stars": "894"}, {"name": "svelte-french-toast", "url": "https://github.com/kbrgl/svelte-french-toast", "description": "Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.", "stars": "1k"}, {"name": "svelte-sonner", "url": "https://github.com/wobsoriano/svelte-sonner", "description": "An opinionated toast component for Svelte.", "stars": "1.2k"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Grid", "entries": [{"name": "svelte-grid-responsive", "url": "https://github.com/andrelmlins/svelte-grid-responsive", "description": "Bootstrap-inspired responsive grid system.", "stars": "56"}, {"name": "svelte-flex", "url": "https://github.com/himynameisdave/svelte-flex", "description": "A simple and reusable flexbox component for Svelte.", "stars": "80"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Icons", "entries": [{"name": "unplugin-icons", "url": "https://github.com/unplugin/unplugin-icons", "description": "Access thousands of icons as components on-demand universally.", "stars": "4.8k"}, {"name": "svelte-fa", "url": "https://github.com/Cweili/svelte-fa", "description": "Tiny FontAwesome 5 and 6 component.", "stars": "402"}, {"name": "svelte-awesome", "url": "https://github.com/RobBrazier/svelte-awesome", "description": "Awesome SVG icon component, built with Font Awesome icons.", "stars": "506"}, {"name": "steeze-ui/icons", "url": "https://github.com/steeze-ui/icons", "description": "Effortless Icon Packs & Components for Svelte, React, Vue and more.", "stars": "200"}, {"name": "svelte-icons", "url": "https://github.com/AnxiousDarkly/svelte-icons", "description": "Icon components.", "stars": "293"}, {"name": "svelte-heroicons", "url": "https://github.com/krowten/svelte-heroicons", "description": "Icons, crafted by the creators of Tailwind CSS.", "stars": "9"}, {"name": "svelte-icomoon", "url": "https://github.com/aykutkardas/svelte-icomoon", "description": "It makes it very simple to use SVG icons in your Svelte projects.", "stars": "7"}, {"name": "svelte-unicons", "url": "https://github.com/devShamim/svelte-unicons", "description": "Unicons svg icons for Svelte based on @iconscout/unicons.", "stars": "3"}, {"name": "lucide-svelte", "url": "https://github.com/lucide-icons/lucide", "description": "Implementation of the lucide icon library for svelte applications.", "stars": "21k"}, {"name": "svelte-icons-pack", "url": "https://github.com/leshak/svelte-icons-pack", "description": "Based on [https://github.com/react-icons/react-icons (\u2b5012k)](https://github.com/react-icons/react-icons).", "stars": "70"}, {"name": "svesome", "url": "https://github.com/pouchlabs/svesome", "description": "A fontawesome v6 icons wrapper for svelte its awesome.", "stars": "2"}, {"name": "hugeicons", "url": "https://github.com/hugeicons/svelte", "description": "Beautiful, production-ready icon package for Svelte with complete icon coverage.", "stars": "10"}, {"name": "moving icons", "url": "https://github.com/jis3r/icons", "description": "A collection of beautifully crafted, animated Lucide icons.", "stars": "360"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Calendar", "entries": [{"name": "svelte-fullcalendar", "url": "https://github.com/YogliB/svelte-fullcalendar", "description": "A component wrapper around FullCalendar.", "stars": "200"}, {"name": "svelte-calendar", "url": "https://github.com/6eDesign/svelte-calendar", "description": "A lightweight datepicker with neat animations and a unique UX.", "stars": "544"}, {"name": "date-picker-svelte", "url": "https://github.com/probablykasper/date-picker-svelte", "description": "A date and time picker for Svelte with clean UX.", "stars": "342"}, {"name": "@schedule-x/svelte", "url": "https://github.com/schedule-x/schedule-x", "description": "A material design event calendar library.", "stars": "2.2k"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Maps", "entries": [{"name": "svelte-googlemaps", "url": "https://github.com/beyonk-adventures/svelte-googlemaps", "description": "Google Maps component.", "stars": "82"}, {"name": "svelte-mapbox", "url": "https://github.com/beyonk-adventures/svelte-mapbox", "description": "MapBox map and autocomplete components.", "stars": "367"}, {"name": "leaflet-svelte", "url": "https://github.com/anoram/leaflet-svelte", "description": "Svelte wrapper for Leaflet.", "stars": "50"}, {"name": "esri-svelte", "url": "https://github.com/gavinr-maps/esri-svelte-example", "description": "Web application that shows how to use the ArcGIS API for JavaScript with Svelte.", "stars": "15"}, {"name": "svelte-maplibre", "url": "https://github.com/dimfeld/svelte-maplibre", "description": "Svelte bindings for the MapLibre mapping library.", "stars": "490"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Charts", "entries": [{"name": "svelte-frappe-charts", "url": "https://github.com/himynameisdave/svelte-frappe-charts", "description": "Svelte bindings for frappe-charts.", "stars": "317"}, {"name": "Layer Cake", "url": "https://github.com/mhkeller/layercake", "description": "A framework for mostly-reusable graphics with svelte", "stars": "1.7k"}, {"name": "LayerChart", "url": "https://github.com/techniq/layerchart", "description": "Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake", "stars": "1.1k"}, {"name": "SVAR Gantt Chart", "url": "https://github.com/svar-widgets/gantt", "description": "An interactive, customizable Gantt chart component written in Svelte", "stars": "210"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Graphs", "entries": [{"name": "svelte-flow", "url": "https://svelteflow.dev", "description": "A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Miscellaneous", "entries": [{"name": "number-flow", "url": "https://github.com/barvian/number-flow", "description": "A component to transition, format, and localize numbers.", "stars": "7.1k"}, {"name": "Svelte Tweakpane UI", "url": "https://kitschpatrol.com/svelte-tweakpane-ui", "description": "UI elements from [Tweakpane](https://tweakpane.github.io/docs/) wrapped in a collection of idiomatic Svelte components."}, {"name": "svelte-tree-viewer", "url": "https://github.com/kpulkit29/svelte-tree-viewer", "description": "A lightweight component to render tree views.", "stars": "17"}, {"name": "svelte-copyright", "url": "https://github.com/himynameisdave/svelte-copyright", "description": "A Svelte component to format and display a copyright notice.", "stars": "20"}, {"name": "svelte-splitpanes", "url": "https://github.com/orefalo/svelte-splitpanes", "description": "Full featured resizeable views panels.", "stars": "463"}, {"name": "mathjax-svelte", "url": "https://github.com/WoolDoughnut310/mathjax-svelte", "description": "A Svelte component for MathJax.", "stars": "0"}, {"name": "svelte-stepper", "url": "https://github.com/efstajas/svelte-stepper", "description": "A Svelte component for building animated step flows.", "stars": "177"}, {"name": "css-3d-progress", "url": "https://github.com/rofixro/css-3d-progress", "description": "A 3D Progress Bar component", "stars": "3"}, {"name": "svelte-speedometer", "url": "https://github.com/palerdot/svelte-speedometer", "description": "Svelte component for showing speedometer like gauge using d3.", "stars": "17"}, {"name": "embedz", "url": "https://github.com/embedz/embedz", "description": "Easy, dependency free embeds for Svelte and Vue.", "stars": "24"}, {"name": "EmbedPDF", "url": "https://www.embedpdf.com/docs/svelte/introduction", "description": "A modular, high-performance PDF viewer and editor built for Svelte, powered by PDFium. Fully extensible with plugins for annotations, redaction, thumbnails, and more."}, {"name": "Edra", "url": "https://edra.tsuzat.com", "description": "Best Rich Text Editor, made for Svelte Developers with Tiptap."}, {"name": "svelte-streamdown", "url": "https://github.com/beynar/svelte-streamdown", "description": "Port of [streamdown](https://streamdown.ai/). An all in one markdown renderer optimized for streaming with built in styles, math, mermaid, code highlighting support and more.", "stars": "82"}, {"name": "svelte-bash", "url": "https://github.com/YusufCeng1z/svelte-bash", "description": "A customizable terminal-style component for Svelte 5.", "stars": "69"}, {"name": "create-vite", "url": "https://github.com/vitejs/vite/tree/main/packages/create-vite#readme", "description": "Generates scaffold for a vite + svelte app.", "stars": "78k"}, {"name": "create-svelte", "url": "https://github.com/sveltejs/kit/tree/master/packages/create-svelte#readme", "description": "A CLI for creating a new SvelteKit project.", "stars": "20k"}, {"name": "saasstarter", "url": "https://github.com/CriticalMoments/CMSaasStarter", "description": "A open source, fast, and free to host Svelte SaaS template.", "stars": "2.3k"}, {"name": "svelte-pwa-template", "url": "https://github.com/tretapey/svelte-pwa", "description": "A starter template for PWAs based in the official Template. *(pre-v5)*", "stars": "225"}, {"name": "vite-svelte-docker-template", "url": "https://github.com/bavragor/vite-svelte-docker-template", "description": "Template for Svelte + Docker + Vite + Vitest.", "stars": "1"}, {"name": "svelte-docs-starter", "url": "https://github.com/code-gio/svelte-docs-starter", "description": "A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.", "stars": "61"}, {"name": "template-svelte", "url": "https://github.com/phaserjs/template-svelte", "description": "An official quickstart template with Phaser.", "stars": "76"}, {"name": "generic-app-template", "url": "https://github.com/GantonL/templates/tree/main/sveltekit-shadcn-v5", "description": "A open-source modern full-stack web application template built with SvelteKit + shadcn-svelte. Supports i18n, theming, cookie managment, SEO management, static content with mdsvex, a shell component and more.", "stars": "59"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Animations", "entries": [{"name": "AutoAnimate", "url": "https://auto-animate.formkit.com/", "description": "A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app."}, {"name": "svelte-typewriter", "url": "https://github.com/henriquehbr/svelte-typewriter", "description": "A simple and reusable typewriter effect for your Svelte applications."}, {"name": "moving-icons", "url": "https://github.com/jis3r/icons", "description": "beautifully crafted, moving icons. for svelte. \ud83e\udde1", "stars": "360"}, {"name": "ssgoi", "url": "https://github.com/meursyphus/ssgoi", "description": "Native app-like page transitions with spring physics, 60fps on mobile, SSR-ready, and all modern browser support.", "stars": "813"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Drag & Drop", "entries": [{"name": "neodrag", "url": "https://github.com/PuruVJ/neodrag", "description": "One Draggable to rule them all \ud83d\udc8d.", "stars": "2.4k"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Forms", "entries": [{"name": "Superforms", "url": "https://superforms.rocks", "description": "SvelteKit library for handling server and client validation, and client-side display of forms."}, {"name": "Formsnap", "url": "https://www.formsnap.dev/", "description": "High level Svelte components for forms, built on top of Superforms and Zod."}, {"name": "felte", "url": "https://felte.dev/", "description": "Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation."}, {"name": "vest", "url": "https://github.com/ealush/vest", "description": "\ud83e\uddba Declarative form validation framework inspired by unit testing.", "stars": "2.6k"}, {"name": "svelte-formly", "url": "https://github.com/arabdevelop/svelte-formly", "description": "A good solution to generate and control a dynamic forms using core and custom rules with customize styles. *(pre-v5)*", "stars": "255"}, {"name": "svelte-form-builder", "url": "https://github.com/pragmatic-engineering/svelte-form-builder-community", "description": "A No-code Drag n Drop Form Builder built for Svelte.", "stars": "75"}, {"name": "Svelte Form Builder", "url": "https://svelte-form-builder.vercel.app", "description": "Create forms with Shadcn Svelte, Superforms and ZOD | Valibot Schema within minutes."}, {"name": "Formisch", "url": "https://formisch.dev/svelte/guides/introduction/", "description": "A form library for Svelte with focus on performance, type safety and bundle size."}, {"name": "svelte-checkbox", "url": "https://github.com/HosseinShabani/svelte-checkbox", "description": "A checkbox component (cool animation, customizable). *(pre-v5)*", "stars": "77"}, {"name": "svelte-toggle", "url": "https://github.com/beyonk-adventures/svelte-toggle", "description": "Basic toggle component with styling. *(pre-v5)*", "stars": "22"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 HTTP Requests", "entries": [{"name": "sswr", "url": "https://github.com/ConsoleTVs/sswr", "description": "Svelte stale while revalidate (SWR) data fetching strategy.", "stars": "287"}, {"name": "svelte-query", "url": "https://sveltequery.vercel.app/", "description": "Fetch, cache and update data in your Svelte applications all without touching any \"global state\"."}, {"name": "tanstack-svelte-query", "url": "https://tanstack.com/query/latest/docs/svelte/overview", "description": "Framework agnostic type-safe query and mutation library for Svelte."}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Sound & Video", "entries": [{"name": "svelte-sound", "url": "https://github.com/Rajaniraiyn/svelte-sound", "description": "Svelte Actions to play interaction sounds on target DOM events.", "stars": "61"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 WebGL", "entries": [{"name": "svelthree", "url": "https://github.com/vatro/svelthree", "description": "Component library for declarative construction of reactive and reusable three.js scene graphs.", "stars": "482"}, {"name": "threlte", "url": "https://threlte.xyz", "description": "Threlte is a renderer and component library for using Three.js in a declarative and state-driven way in Svelte apps."}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 PWA", "entries": [{"name": "SvelteKit-Adapter-Versioned-Worker", "url": "https://github.com/hedgehog125/SvelteKit-Adapter-Versioned-Worker", "description": "An easy-to-use service worker build plugin where you don't need to worry about cache durations.", "stars": "16"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Portal", "entries": [{"name": "svelte-portal", "url": "https://github.com/romkor/svelte-portal", "description": "Component for rendering outside the DOM of parent component.", "stars": "476"}, {"name": "svelte-teleport", "url": "https://github.com/nasso/svelte-teleport", "description": "A component to teleport elements across the DOM.", "stars": "26"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Fonts", "entries": [{"name": "svelte-web-fonts/google", "url": "https://github.com/svelte-web-fonts/google", "description": "Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.", "stars": "16"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Internationalization", "entries": [{"name": "svelte-fluent", "url": "https://github.com/nubolab-ffwd/svelte-fluent", "description": "Components for easy integration of [Fluent](https://projectfluent.org/) localization.", "stars": "108"}, {"name": "svelte-i18n", "url": "https://github.com/kaisermann/svelte-i18n", "description": "Internationalization library for Svelte.", "stars": "1.4k"}, {"name": "VoerkaI18n", "url": "https://zhangfisher.github.io/voerka-i18n/", "description": "Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative`"}, {"name": "sveltekit-i18n", "url": "https://github.com/jarda-svoboda/sveltekit-i18n", "description": "For integrating [i18n](https://www.npmjs.com/package/i18n) style localization in SvelteKit.", "stars": "571"}, {"name": "@tolgee/svelte", "url": "https://github.com/tolgee/tolgee-js/tree/main/packages/svelte", "description": "Web-based localization tool enabling users to translate directly in the Svelte app they develop.", "stars": "256"}, {"name": "@i18n-pro/svelte", "url": "https://github.com/i18n-pro/svelte", "description": "Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.", "stars": "9"}, {"name": "ParaglideJS", "url": "https://inlang.com/m/dxnzrydw/library-inlang-paraglideJsAdapterSvelteKit", "description": "Tiny, typesafe i18n library with translated links out of the box."}, {"name": "wuchale", "url": "https://github.com/K1DV5/wuchale", "description": "Internationalization library that lets you just write your code, no function calls or other ceremonies needed.", "stars": "311"}, {"name": "svelte-router-spa", "url": "https://github.com/jorgegorka/svelte-router", "description": "Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.", "stars": "538"}, {"name": "svelte-routing", "url": "https://github.com/EmilTholin/svelte-routing", "description": "A declarative Svelte routing library with SSR support.", "stars": "2.1k"}, {"name": "tinro", "url": "https://github.com/AlexxNB/tinro", "description": "A tiny, dependency free and highly declarative router.", "stars": "680"}, {"name": "svelte-spa-router", "url": "https://github.com/ItalyPaleAle/svelte-spa-router", "description": "Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.", "stars": "1.6k"}, {"name": "svelte-client-router", "url": "https://github.com/arthurgermano/svelte-client-router", "description": "Svelte Client Router is everything you need and think when routing SPA's.", "stars": "16"}, {"name": "@danielsharkov/svelte-router", "url": "https://github.com/DanielSharkov/svelte-router", "description": "A simple & easy to use SPA router, developed with page transitions in mind.", "stars": "13"}, {"name": "@shaun/svelterouter", "url": "https://github.com/shaunlee/svelterouter", "description": "Another vue-router inspired Svelte router.", "stars": "3"}, {"name": "Elegua", "url": "https://github.com/howesteve/elegua", "description": "Small (< 180LoC), fast, easy, full featured SPA router", "stars": "83"}, {"name": "svelte5-router", "url": "https://github.com/mateothegreat/svelte5-router", "description": "First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!", "stars": "300"}, {"name": "@wjfe/n-savant", "url": "https://github.com/WJSoftware/wjfe-n-savant", "description": "Fast, reactive router with always-on path and hash routing, and the router that invented multi-hash routing.", "stars": "56"}, {"name": "sv-router", "url": "https://github.com/colinlienard/sv-router", "description": "Type-safe SPA router with file-based or code-based routing.", "stars": "154"}, {"name": "SvelteKit", "url": "https://svelte.dev/docs/kit/introduction", "description": "The fastest way to build Svelte apps."}, {"name": "Routify", "url": "https://routify.dev/", "description": "Routes for Svelte, automated by your file structure."}, {"name": "Elder.js", "url": "https://github.com/elderjs/elderjs", "description": "Opinionated static site generator and web framework for Svelte built with SEO in mind. *(pre-v5)*", "stars": "2.1k"}, {"name": "JungleJS", "url": "https://www.junglejs.org/", "description": "The Jamstack framework for Svelte with GraphQL. *(pre-v5)*"}, {"name": "svelte-document", "url": "https://github.com/mblouka/svelte-document", "description": "Create documents (PDFs), resumes, or presentations entirely in Svelte.", "stars": "15"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Adapters", "entries": [{"name": "JesterKit EXE", "url": "https://github.com/Hugo-Dz/exe", "description": "An adapter to distribute your SvelteKit web app as a single executable binary with zero runtime dependencies. Unlike static builds, it preserves all Kit features like SSR, API endpoints, server hooks, etc.", "stars": "511"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Lint", "entries": [{"name": "prettier-plugin-svelte", "url": "https://github.com/sveltejs/prettier-plugin-svelte", "description": "Format your components using prettier.", "stars": "807"}, {"name": "svelte-check", "url": "https://www.npmjs.com/package/svelte-check", "description": "Check your code."}, {"name": "eslint-plugin-svelte", "url": "https://github.com/sveltejs/eslint-plugin-svelte", "description": "An ESLint plugin for Svelte using AST.", "stars": "389"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Test", "entries": [{"name": "svelte-jester", "url": "https://github.com/mihar-22/svelte-jester", "description": "A Jest transformer to compile your components before importing them into tests.", "stars": "128"}, {"name": "@testing-library/svelte", "url": "https://github.com/testing-library/svelte-testing-library", "description": "Simple and complete Svelte DOM testing utilities that encourage good testing practices.", "stars": "654"}, {"name": "jest-transform-svelte", "url": "https://github.com/rspieker/jest-transform-svelte", "description": "Jest Transformer for Svelte components.", "stars": "35"}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Editors", "entries": [{"name": "Svelte for VS Code", "url": "https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode", "description": "Provides syntax highlighting and rich intellisense for your components."}, {"name": "Svelte 3 Snippets", "url": "https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets", "description": "Svelte 3 Snippets for VS Code."}, {"name": "Svelte", "url": "https://packagecontrol.io/packages/Svelte", "description": "Syntax highlighting and support for Sublime Text."}, {"name": "vim-svelte-plugin", "url": "https://github.com/leafOfTree/vim-svelte-plugin", "description": "Syntax highlighting and support for Vim.", "stars": "148"}, {"name": "coc-svelte", "url": "https://github.com/coc-extensions/coc-svelte", "description": "Syntax highlighting and support for (Neo)Vim.", "stars": "181"}, {"name": "Svelte", "url": "https://plugins.jetbrains.com/plugin/12375-svelte", "description": "Syntax highlighting and support for JetBrains."}], "notes": [], "source": "Svelte"}, {"name": "Svelte \u2014 Desktop", "entries": [{"name": "Oxide-Lab", "url": "https://github.com/FerrisMind/oxide-lab", "description": "Privacy-focused local LLM chat application built with Svelte 5 frontend and Rust backend using the `candle` ML framework.", "stars": "103"}], "notes": [], "source": "Svelte"}, {"name": "Meteor", "entries": [{"name": "Awesome Meteor", "url": "#awesome-meteor", "description": ""}, {"name": "Resources", "url": "#resources", "description": ""}, {"name": "Built With Meteor", "url": "#built-with-meteor", "description": ""}, {"name": "Deprecated", "url": "#deprecated", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "Official Meteor tutorial", "url": "https://www.meteor.com/tutorials/react/creating-an-app", "description": ""}, {"name": "Official Guide", "url": "http://guide.meteor.com/", "description": ""}, {"name": "simple-schema", "url": "https://github.com/aldeed/simple-schema-js", "description": "A JavaScript schema validation package that supports direct validation of MongoDB update modifier objects.", "stars": "553"}, {"name": "aldeed:collection2", "url": "https://github.com/aldeed/meteor-collection2/", "description": "Automatic validation of insert and update operations on the client and server.", "stars": "1k"}, {"name": "dburles:collection-helpers", "url": "https://github.com/dburles/meteor-collection-helpers/", "description": "Transform your collections with helpers that you define.", "stars": "500"}, {"name": "matb33:collection-hooks", "url": "https://github.com/Meteor-Community-Packages/meteor-collection-hooks", "description": "Extends Mongo.Collection with before/after hooks for insert/update/remove/find/findOne.", "stars": "653"}, {"name": "reywood:publish-composite", "url": "https://github.com/Meteor-Community-Packages/meteor-publish-composite", "description": "publish a set of related documents from various collections using a reactive join.", "stars": "548"}, {"name": "jagi:astronomy", "url": "https://github.com/jagi/meteor-astronomy/", "description": "The Model layer for Meteor.", "stars": "611"}, {"name": "cultofcoders:grapher", "url": "https://github.com/cult-of-coders/grapher", "description": "Grapher: Meteor Collection Joins + Reactive GraphQL like queries.", "stars": "275"}, {"name": "sakulstra:aggregate", "url": "https://github.com/sakulstra/meteor-aggregate", "description": "Add proper aggregation support for Meteor.", "stars": "39"}, {"name": "quave:collections", "url": "https://github.com/quavedev/collections", "description": "Create collections in a standard way.", "stars": "21"}, {"name": "maka:rest", "url": "https://atmospherejs.com/maka/rest", "description": "automatically make your Meteor app accessible over HTTP and DDP alike."}, {"name": "vatfree:restivus", "url": "https://github.com/vatfree/meteor-restivus", "description": "Make REST endpoints for your Meteor app with incredible ease.", "stars": "1"}, {"name": "uniforms", "url": "https://github.com/vazco/uniforms", "description": "Bunch of React components and helpers to easily generate and validate forms. [Seamlessly integrate with `simpl-schema`](https://uniforms.tools/docs/installation).", "stars": "1.7k"}, {"name": "aldeed:autoform", "url": "https://github.com/aldeed/meteor-autoform", "description": "UI components and helpers to easily create basic forms with automatic insert and update events, and automatic reactive validation.", "stars": "1.4k"}, {"name": "ostrio:templatehelpers", "url": "https://github.com/VeliovGroup/Meteor-Template-helpers", "description": "Utility helpers for your Blaze templates.", "stars": "34"}, {"name": "aldeed:template-extension", "url": "https://github.com/aldeed/meteor-template-extension", "description": "A Meteor package: Replace already defined templates, inherit helpers and events from other templates.", "stars": "220"}, {"name": "kadira:blaze-layout", "url": "https://github.com/TeamGrid/blaze-layout", "description": "Layout Manager for Blaze (works well with Meteor FlowRouter)", "stars": "2"}, {"name": "accounts-js", "url": "https://github.com/accounts-js/accounts", "description": "A suite of packages aims to provide all the tools you need to build a flexible authentication and accounts management solution for your application.", "stars": "1.4k"}, {"name": "alanning:roles", "url": "https://github.com/Meteor-Community-Packages/meteor-roles", "description": "Roles support for the built-in accounts packages.", "stars": "926"}, {"name": "meteor-user-status", "url": "https://github.com/Meteor-Community-Packages/meteor-user-status", "description": "Keeps track of users and their meta data.", "stars": "560"}, {"name": "accounts-ui", "url": "https://github.com/e-Potek/accounts-ui/", "description": "Accounts UI for React in Meteor 1.3+.", "stars": "7"}, {"name": "Meteor Candy", "url": "https://www.meteorcandy.com/", "description": "Fastest and easier way to add an admin panel to your app."}, {"name": "yogiben:admin", "url": "https://github.com/yogiben/meteor-admin", "description": "A complete admin dashboard solution.", "stars": "833"}, {"name": "houston:admin", "url": "https://github.com/gterrono/houston", "description": "A zero-config, Django Admin-like admin for Meteor.", "stars": "814"}, {"name": "zodern:pure-admin", "url": "https://github.com/zodern/meteor-pure-admin", "description": "An isolated, customizable admin panel for Meteor.", "stars": "19"}, {"name": "kschingiz:meteor-elastic-apm", "url": "https://github.com/kschingiz/meteor-elastic-apm", "description": "Perfomance Monitoring for Meteor based on Elastic APM", "stars": "3"}, {"name": "monti-apm-agent", "url": "https://github.com/monti-apm/monti-apm-agent", "description": "Performance Monitoring for Meteor", "stars": "36"}, {"name": "lmachens:kadira", "url": "https://github.com/lmachens/kadira", "description": "Performance Monitoring for Meteor", "stars": "5"}, {"name": "cultofcoders:redis-oplog", "url": "https://github.com/cult-of-coders/redis-oplog", "description": "Redis Oplog implementation to fully replace MongoDB Oplog in Meteor", "stars": "358"}, {"name": "staringatlights:fast-render", "url": "https://github.com/abecks/meteor-fast-render", "description": "An active fork of fast-render", "stars": "58"}, {"name": "epotek:method-cache", "url": "https://github.com/e-Potek/method-cache", "description": "Meteor method caching using DataLoader", "stars": "9"}, {"name": "maestroqadev:pub-sub-lite", "url": "https://github.com/adtribute/pub-sub-lite", "description": "Transform publications to be non-reactive.", "stars": "47"}, {"name": "artillery-engine-meteor", "url": "https://github.com/kschingiz/artillery-engine-meteor", "description": "Artillery load testing for MeteorJS applications.", "stars": "6"}, {"name": "meteor-up", "url": "https://github.com/zodern/meteor-up", "description": "Meteor Deployments.", "stars": "1.3k"}, {"name": "meteor-google-cloud", "url": "https://github.com/EducationLink/meteor-google-cloud", "description": "Automate Meteor deployments on Google Cloud App Engine Flexible", "stars": "31"}, {"name": "mup-aws-beanstalk", "url": "https://github.com/zodern/mup-aws-beanstalk", "description": "Deploy Meteor apps to AWS Elastic Beanstalk using Meteor Up", "stars": "126"}, {"name": "meteor-azure", "url": "https://github.com/fractal-code/meteor-azure", "description": "Automate Meteor deployments on Azure App Service", "stars": "69"}, {"name": "pm2-meteor", "url": "https://github.com/andruschka/pm2-meteor", "description": "Simplest way to deploy, scale and run Meteor Apps with PM2.", "stars": "164"}, {"name": "meteor-hero", "url": "https://github.com/jkrup/meteor-hero", "description": "Deploy MeteorJS applications for free with one command utilizing Heroku's service.", "stars": "39"}, {"name": "meteor-kubernetes-guide", "url": "https://github.com/Gregivy/meteor-kubernetes-guide", "description": "Deploy a Meteor app with Kubernetes.", "stars": "40"}, {"name": "meteorhacks:cluster", "url": "https://github.com/lmachens/cluster", "description": "Clustering solution for Meteor with load balancing and service discovery", "stars": "1"}, {"name": "demeteorizer", "url": "https://github.com/onmodulus/demeteorizer", "description": "Converts a Meteor app into a \"standard\" Node.js application", "stars": "710"}, {"name": "percolate:migrations", "url": "https://github.com/percolatestudio/meteor-migrations", "description": "Simple migration system for Meteor", "stars": "246"}, {"name": "yamup", "url": "https://github.com/bordalix/yamup", "description": "Deploy Meteor apps to your own Ubuntu server (EC2, ...) without dockers", "stars": "8"}, {"name": "waveshosting", "url": "https://github.com/nicolaslopezj/waveshosting", "description": "Web application to manage meteor deployments.", "stars": "13"}, {"name": "meteor-docker", "url": "https://github.com/zodern/meteor-docker", "description": "", "stars": "40"}, {"name": "meteor-base", "url": "https://github.com/disney/meteor-base", "description": "", "stars": "218"}, {"name": "docker-meteor", "url": "https://github.com/tozd/docker-meteor", "description": "", "stars": "50"}, {"name": "ostrio:flow-router-extra", "url": "https://github.com/VeliovGroup/flow-router", "description": "Carefully extended `flow-router` package. Up-to-date version with support of latest Meteor's releases.", "stars": "192"}, {"name": "msavin:parrot", "url": "https://github.com/msavin/Parrot", "description": "Web router specially designed for building SPAs using Meteor", "stars": "75"}, {"name": "meteorhacks:picker", "url": "https://github.com/meteorhacks/picker", "description": "Server Side Router for Meteor.", "stars": "182"}, {"name": "iron:router", "url": "https://github.com/iron-meteor/iron-router", "description": "A router that works on the server and the browser, designed specifically for Meteor.", "stars": "2k"}, {"name": "ground:db", "url": "https://github.com/GroundMeteor/db", "description": "GroundDB is a thin layer providing Meteor offline database and methods.", "stars": "575"}, {"name": "npdev:collections", "url": "https://github.com/CaptainN/npdev-collections", "description": "An easy way to create offline collections with SSR for Meteor", "stars": "17"}, {"name": "meteor-service-worker", "url": "https://github.com/NitroBAY/meteor-service-worker", "description": "Meteor specific service worker implementaion.", "stars": "134"}, {"name": "quave:pwa", "url": "https://github.com/quavedev/pwa", "description": "A Meteor package that allows you to configure your PWA.", "stars": "4"}, {"name": "meteortesting:mocha", "url": "https://github.com/meteortesting/meteor-mocha", "description": "Mocha test driver package for Meteor.", "stars": "67"}, {"name": "lmieulet:meteor-coverage", "url": "https://github.com/serut/meteor-coverage", "description": "Test coverage for Meteor.", "stars": "54"}, {"name": "hubroedu:mocha", "url": "https://github.com/hubroedu/meteor-mocha/", "description": "Decaffed cultofcoders:mocha fork.", "stars": "3"}, {"name": "antwaremx:meteorman", "url": "https://github.com/antwaremx/meteorman", "description": "Meteorman: A DDP Client with GUI to test Meteor methods and publications (like Postman).", "stars": "48"}, {"name": "ostrio:spiderable-middleware", "url": "https://github.com/VeliovGroup/spiderable-middleware/", "description": "Prerendering (*a.k.a. Spiderable*) with support of ES6 (ECMAScript2015) - Meteor app crawled perfectly by search engines.", "stars": "30"}, {"name": "ostrio:files", "url": "https://github.com/VeliovGroup/Meteor-Files", "description": "Upload files via DDP, HTTP and WebRTC/DC. To Meteor server FS, AWS, GridFS, DropBox or Google Drive. Fast, secure and robust.", "stars": "1.1k"}, {"name": "@reactioncommerce/file-collections", "url": "https://github.com/reactioncommerce/reaction-file-collections", "description": "Reaction FileCollections is a set of NPM packages that provide the ability to support file uploads, storage, and downloads in Node and Meteor apps, and in browser JavaScript.", "stars": "19"}, {"name": "netanelgilad:excel", "url": "https://github.com/netanelgilad/meteor-excel", "description": "Parsing and generating excel files (xlsx, xls).", "stars": "56"}, {"name": "mikkelking:slingshot", "url": "https://github.com/Back2bikes/meteor-slingshot", "description": "Upload files directly to AWS S3, Google Cloud Storage and others in meteor.", "stars": "11"}, {"name": "percolate:find-from-publication", "url": "https://github.com/versolearning/find-from-publication", "description": "Enable finding all documents that have been published by a given publication.", "stars": "45"}, {"name": "meteor-publish-join", "url": "https://github.com/nlhuykhang/meteor-publish-join#readme", "description": "A performant NPM package for publishing non-reactive or aggregated values.", "stars": "19"}, {"name": "tmeasday:publish-counts", "url": "https://github.com/percolatestudio/publish-counts", "description": "Publish the count of a cursor, in real time.", "stars": "199"}, {"name": "meteorhacks:search-source", "url": "https://github.com/meteorhacks/search-source", "description": "Reactive Data Source for Search.", "stars": "147"}, {"name": "matteodem:easy-search", "url": "https://github.com/matteodem/meteor-easy-search", "description": "Easy-to-use search with Blaze Components (+ Elastic Search Support)", "stars": "436"}, {"name": "alethes:pages", "url": "https://github.com/alethes/meteor-pages", "description": "Out of the box Meteor pagination.", "stars": "406"}, {"name": "meteor-react-native", "url": "https://github.com/TheRealNate/meteor-react-native", "description": "Meteor client for React Native matching Meteor Spec.", "stars": "45"}, {"name": "meteor-push", "url": "https://github.com/activitree/meteor-push", "description": "Push notifications for cordova (ios, android) browser (Chrome, Safari, Firefox).", "stars": "24"}, {"name": "quave:universal-links", "url": "https://github.com/quavedev/universal-links", "description": "A Meteor package that allows you to expose your native iOS settings to enable Universal Links.", "stars": "0"}, {"name": "meteoric:ionic", "url": "https://github.com/meteoric/meteor-ionic", "description": "Ionic components for Meteor.", "stars": "1.5k"}, {"name": "driftyco:ionic", "url": "https://github.com/driftyco/ionic", "description": "Official Ionic support for Meteor.", "stars": "48k"}, {"name": "martijnwalraven:meteor-ios", "url": "https://github.com/martijnwalraven/meteor-ios", "description": "Integrates native iOS apps with the Meteor platform through DDP.", "stars": "744"}, {"name": "delight-im/Android-DDP", "url": "https://github.com/delight-im/Android-DDP", "description": "DDP for clients on Android.", "stars": "271"}, {"name": "okland:accounts-phone", "url": "https://github.com/okland/accounts-phone", "description": "A login service based on mobile phone number for Meteor.", "stars": "115"}, {"name": "okland:camera-ui", "url": "https://github.com/okland/camera-ui", "description": "Meteor package for taking photos with user interface, one function call on desktop and mobile. Allows to choose between camera to photoLibrary on mobile.", "stars": "28"}, {"name": "percolatestudio/cordova-plugin-safe-reload", "url": "https://github.com/percolatestudio/cordova-plugin-safe-reload", "description": "Cordova plugin to watch and recover after a broken Meteor Hot Code Push.", "stars": "14"}, {"name": "aldeed:tabular", "url": "https://github.com/aldeed/meteor-tabular", "description": "Reactive datatables for large or small datasets.", "stars": "363"}, {"name": "aslagle:reactive-table", "url": "https://github.com/aslagle/reactive-table/", "description": "Reactive table for Meteor, using Blaze.", "stars": "332"}, {"name": "luixal:blaze-paginated-custom-list", "url": "https://github.com/luixal/meteor-blaze-paginated-custom-list", "description": "Reactive and paginated item list.", "stars": "0"}, {"name": "luixal:meteor-apexcharts", "url": "https://github.com/luixal/meteor-apexcharts", "description": "Reactive ApexCharts library packaged for Meteor.", "stars": "1"}, {"name": "okgrow:analytics", "url": "https://github.com/okgrow/analytics/", "description": "Google Analytics, Mixpanel, KISSmetrics (and more) integration for meteor.", "stars": "213"}, {"name": "quave:analytics", "url": "https://github.com/quavedev/analytics", "description": "A Meteor package that allows you to send your page views and more to Google Analytics.", "stars": "2"}, {"name": "msavin:sjobs", "url": "https://github.com/msavin/stevejobs/", "description": "A Meteor-first jobs queue / task scheduler.", "stars": "205"}, {"name": "percolate:synced-cron", "url": "https://github.com/percolatestudio/meteor-synced-cron", "description": "Cron system for Meteor. It supports syncronizing jobs between multiple processes.", "stars": "502"}, {"name": "ostrio:cron-jobs", "url": "https://github.com/VeliovGroup/Meteor-CRON-jobs", "description": "Package with similar API to native `setTimeout` and `setInterval` methods, but synced between all running Meteor (NodeJS) instances.", "stars": "16"}, {"name": "meteor-devtools-evolved", "url": "https://github.com/leonardoventurini/meteor-devtools-evolved", "description": "A chrome extension.", "stars": "147"}, {"name": "msavin:mongol", "url": "https://github.com/msavin/Mongol/", "description": "Visual Editing Tool for Meteor for MongoDB Collections.", "stars": "834"}, {"name": "msavin:jetsetter", "url": "https://github.com/msavin/JetSetter", "description": "Visual Get/Set Tool for Meteor Session Variables.", "stars": "185"}, {"name": "babrahams:constellation", "url": "https://github.com/JackAdams/constellation-distro/", "description": "An extensible dev console for Meteor.", "stars": "32"}, {"name": "meteor-api", "url": "https://atom.io/packages/meteor-api", "description": "Meteor addons for Atom."}, {"name": "meteor-zsh", "url": "https://github.com/robbyrussell/oh-my-zsh/wiki/Plugins#meteor", "description": "Completion for the meteor command.", "stars": "151k"}, {"name": "Meteor Kitchen", "url": "http://www.meteorkitchen.com/", "description": "Code generator for Meteor."}, {"name": "iron-cli", "url": "https://github.com/iron-meteor/iron-cli", "description": "A scaffolding command line tool for Meteor applications.", "stars": "639"}, {"name": "maka-cli", "url": "https://github.com/maka-io/maka-cli", "description": "Maka-CLI is a command line tool, which organizes a web application's file structure and automates everyday package installation tasks for various application frameworks.", "stars": "0"}, {"name": "ESLint-plugin-Meteor", "url": "https://github.com/dferber90/eslint-plugin-meteor/", "description": "ESLint plugin for Meteor.", "stars": "116"}, {"name": "CaptainN - meteor-react-starter", "url": "https://github.com/CaptainN/meteor-react-starter", "description": "A starter project on Meteor with React.", "stars": "48"}, {"name": "Pup", "url": "https://github.com/cleverbeagle/pup", "description": "", "stars": "561"}, {"name": "matteodem - meteor-boilerplate", "url": "https://github.com/matteodem/meteor-boilerplate", "description": "", "stars": "829"}, {"name": "React with Webpack + Meteor as a backend", "url": "http://julian.io/react-with-webpack-meteor-as-a-backend/", "description": ""}, {"name": "Rocket.Chat", "url": "https://rocket.chat/", "description": "Realtime chat application built with Meteor."}, {"name": "Wekan", "url": "https://github.com/wekan/wekan", "description": "Open source Trello-like kanban.", "stars": "18k"}, {"name": "Unchained Shop", "url": "https://github.com/unchainedshop/unchained", "description": "Open source Commerce platform developed with Meteor.", "stars": "143"}, {"name": "VulcanJS", "url": "https://github.com/VulcanJS/Vulcan", "description": "A toolkit to quickly build apps with React, GraphQL & Meteor.", "stars": "8k"}, {"name": "Nosqlclient", "url": "https://github.com/nosqlclient/nosqlclient", "description": "MongoDB management tool.", "stars": "3.4k"}, {"name": "radgrad2", "url": "https://github.com/radgrad/radgrad2", "description": "Meteor based education management system.", "stars": "8"}, {"name": "coauthor", "url": "https://github.com/edemaine/coauthor", "description": "Coauthor supercollaboration/discussion forum.", "stars": "218"}, {"name": "Meteor-Internationalization", "url": "https://github.com/veliovgroup/Meteor-Internationalization", "description": "Super-Lightweight and fast i18n isomorphic driver for Meteor with support of placeholders.", "stars": "14"}, {"name": "meteor-accounts-t9n", "url": "https://github.com/softwarerero/meteor-accounts-t9n/", "description": "Translations for meteor account's error messages.", "stars": "82"}, {"name": "meteor-universe-i18n", "url": "https://github.com/vazco/meteor-universe-i18n", "description": "Internationalization package for React and Meteor.", "stars": "111"}, {"name": "React", "url": "http://react-in-meteor.readthedocs.org/en/latest/", "description": "Working with React and Meteor."}, {"name": "Vue", "url": "https://github.com/meteor-vue", "description": "Working with Vue and Meteor (plus single-file components & apollo support)."}, {"name": "Svelte", "url": "https://github.com/zodern/melte", "description": "Build cybernetically enhanced web apps with Meteor and Svelte.", "stars": "26"}, {"name": "Angular 2", "url": "https://github.com/Urigo/angular2-meteor", "description": "Working with Angular 2 and Meteor.", "stars": "302"}, {"name": "Angular", "url": "https://github.com/Urigo/angular-meteor", "description": "Working with Angular and Meteor.", "stars": "2.4k"}, {"name": "Famo.us", "url": "https://github.com/gadicc/meteor-famous-views/", "description": "Famo.us and Meteor.", "stars": "337"}, {"name": "frozeman:build-client", "url": "https://github.com/frozeman/meteor-build-client", "description": "A tool to bundle the client part of a Meteor app.", "stars": "271"}, {"name": "Asteroid", "url": "https://github.com/mondora/asteroid", "description": "An alternative client for a Meteor backend.", "stars": "739"}, {"name": "ddp.js", "url": "https://github.com/mondora/ddp.js", "description": "Isomorphic JavaScript DDP client.", "stars": "211"}, {"name": "elm", "url": "https://github.com/ni-ko-o-kin/meteor-elm-example", "description": "elm as the view layer for a meteor based project.", "stars": "4"}, {"name": "vlasky:mysql", "url": "https://github.com/vlasky/meteor-mysql", "description": "Reactive MySQL for Meteor", "stars": "32"}, {"name": "meteor-pg", "url": "https://github.com/Richie765/meteor-pg", "description": "New and improved PostgreSQL support for Meteor", "stars": "24"}, {"name": "ostrio:neo4jdriver", "url": "https://github.com/VeliovGroup/ostrio-neo4jdriver/", "description": "Neo4j Driver for Meteor, with support of GrapheneDB", "stars": "54"}, {"name": "numtel:pg", "url": "https://github.com/numtel/meteor-pg", "description": "Reactive PostgreSQL for Meteor", "stars": "296"}, {"name": "simple:rethink", "url": "https://github.com/Slava/meteor-rethinkdb", "description": "RethinkDB integration for Meteor", "stars": "305"}, {"name": "Meteor Explained", "url": "https://gumroad.com/l/meteor-explained", "description": ""}, {"name": "Secure Meteor", "url": "https://www.securemeteor.com/", "description": ""}, {"name": "meteor-tuts", "url": "https://www.meteor-tuts.com/", "description": "Free"}, {"name": "Meteor Tips", "url": "http://meteortips.com/", "description": "Free"}, {"name": "Pro Meteor", "url": "https://pdfslide.net/documents/pro-meteor-book.html", "description": "Free"}, {"name": "Meteor Cookbook", "url": "https://github.com/awatson1978/meteor-cookbook", "description": "", "stars": "1.7k"}, {"name": "Phusion Passenger: Meteor tutorial", "url": "https://github.com/phusion/passenger/wiki/Phusion-Passenger:-Meteor-tutorial", "description": "", "stars": "4.9k"}, {"name": "When a Meteor finally hits production", "url": "https://medium.com/@davidyahalomi/when-a-meteor-finally-hits-production-6c37b81f795b", "description": "Blog post about deploying Meteor apps"}, {"name": "Transform any Meteor App into a PWA", "url": "https://dev.to/jankapunkt/transform-any-meteor-app-into-a-pwa-4k44", "description": ""}, {"name": "Official Meteor blog", "url": "http://blog.meteor.com", "description": ""}, {"name": "The Meteor podcast", "url": "http://podcast.crater.io", "description": ""}, {"name": "Official website", "url": "https://www.meteor.com/", "description": ""}, {"name": "Official Documentation", "url": "http://docs.meteor.com/", "description": ""}, {"name": "Official Guide", "url": "http://guide.meteor.com/", "description": ""}, {"name": "Atmosphere", "url": "https://atmospherejs.com/", "description": "The catalog of Meteor packages, resources and tools."}, {"name": "Packosphere", "url": "https://packosphere.com/", "description": "Alternative front-end for Meteor package system, built by [Kelly Copley"}, {"name": "Discover Meteor", "url": "https://book.discovermeteor.com/", "description": ""}, {"name": "Meteorpedia", "url": "http://www.meteorpedia.com", "description": ""}, {"name": "Meetups", "url": "http://meteor.meetup.com/", "description": ""}, {"name": "Reddit", "url": "https://www.reddit.com/r/meteor", "description": ""}, {"name": "YouTube", "url": "https://www.youtube.com/channel/UC3fBiJrFFMhKlsWM46AsAYw", "description": ""}, {"name": "Unofficial Meteor FAQ", "url": "https://github.com/oortcloud/unofficial-meteor-faq", "description": "", "stars": "962"}, {"name": "The Meteor Chef", "url": "https://themeteorchef.com", "description": ""}], "notes": [], "source": "Meteor"}, {"name": "Meteor \u2014 Q\\&A", "entries": [{"name": "Stack Overflow", "url": "http://stackoverflow.com/questions/tagged/meteor?sort=newest\\&pagesize=15", "description": ""}, {"name": "Meteor forums", "url": "https://forums.meteor.com/", "description": ""}], "notes": [], "source": "Meteor"}, {"name": "Meteor \u2014 Community Newsletters", "entries": [{"name": "zodern", "url": "https://zodern.me/newsletter.html", "description": ""}, {"name": "StorytellerCZ", "url": "https://forums.meteor.com/t/meteor-community-newsletter/50598", "description": ""}, {"name": "Official Twitter Account", "url": "https://twitter.com/meteorjs", "description": ""}, {"name": "Meteor Community Organization Slack Channel", "url": "https://github.com/Meteor-Community-Packages/organization#slack", "description": "", "stars": "42"}, {"name": "Awesome Meteor Jobs", "url": "https://github.com/harryadel/awesome-meteor-jobs", "description": "", "stars": "6"}, {"name": "We work Meteor", "url": "https://www.weworkmeteor.com/", "description": ""}, {"name": "Official Job Board", "url": "https://jobs.meteor.com/", "description": ""}, {"name": "Awesome Meteor Developers", "url": "https://github.com/harryadelb/awesome-meteor-developers", "description": "", "stars": "10"}, {"name": "Awesome Blaze", "url": "https://github.com/arggh/awesome-blaze", "description": "", "stars": "29"}, {"name": "Qualia", "url": "https://www.qualia.com/", "description": "Real Estate Startup"}, {"name": "Code Signal", "url": "https://codesignal.com/", "description": "Skills-based assessment platform"}, {"name": "Pathable", "url": "https://github.com/Urigo/awesome-meteor/blob/master/README.md/Pathable", "description": "Events managment suite"}, {"name": "MaestroQA", "url": "https://www.maestroqa.com/", "description": "Quality assurance software"}, {"name": "Meteor 1.4 + React For Everyone Tutorials", "url": "https://www.leveluptutorials.com/tutorials/meteor-1-4-react-for-everyone-tutorials", "description": ""}, {"name": "Meteor 1.4 For Everyone", "url": "https://www.leveluptutorials.com/tutorials/meteor-1-4-for-everyone", "description": ""}, {"name": "Intermediate Meteor", "url": "https://www.leveluptutorials.com/tutorials/intermediate-meteor", "description": ""}, {"name": "Meteor For Everyone Tutorials", "url": "https://www.leveluptutorials.com/tutorials/meteor-for-everyone-tutorials", "description": ""}, {"name": "tuts+ - Single Page Web Apps with Meteor", "url": "http://code.tutsplus.com/courses/single-page-web-apps-with-meteor", "description": ""}, {"name": "Building a CMS-powered blog in Meteor", "url": "https://buttercms.com/blog/meteor-cms-blog-tutorial", "description": ""}, {"name": "scotch.io - Building a Slack Clone in Meteor", "url": "https://scotch.io/tutorials/building-a-slack-clone-in-meteor-js-getting-started", "description": ""}], "notes": [], "source": "Meteor"}, {"name": "Jamstack", "entries": [{"name": "Contents", "url": "#contents", "description": ""}, {"name": "General", "url": "#general", "description": ""}, {"name": "Chats", "url": "#chats", "description": ""}, {"name": "Platforms", "url": "#platforms", "description": ""}, {"name": "No-Code Platforms", "url": "#no-code-platforms", "description": ""}, {"name": "Jamstack Sites Showcase", "url": "#jamstack-sites-showcase", "description": ""}, {"name": "Static Site Generators", "url": "#static-site-generators", "description": ""}, {"name": "CMS", "url": "#cms", "description": ""}, {"name": "API", "url": "#api", "description": ""}, {"name": "Serverless", "url": "#serverless", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Tutorials / Articles", "url": "#tutorials--articles", "description": ""}, {"name": "Podcasts", "url": "#podcasts", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "License", "url": "#license", "description": ""}, {"name": "Jamstack", "url": "https://jamstack.org/", "description": ""}, {"name": "Jamstack resources", "url": "https://jamstack.org/resources/", "description": "Videos and articles about Jamstack."}, {"name": "the New Dynamic", "url": "https://www.thenewdynamic.org/", "description": "Pick up tools in our Directory to work with the Jamstack. Browse our showcase and get inspired."}, {"name": "Statichunt", "url": "https://statichunt.com/", "description": "Jamstack Themes and Resources directory."}, {"name": "Built At Lightspeed", "url": "https://www.builtatlightspeed.com/", "description": "A large directory of Jamstack themes, starters & UI kits."}, {"name": "Jamstack Gitter Chat", "url": "https://gitter.im/jamstack/community", "description": ""}, {"name": "Netlify Gitter Chat", "url": "https://gitter.im/netlify/community", "description": ""}, {"name": "NetlifyCMS Gitter Chat", "url": "https://gitter.im/netlify/NetlifyCMS", "description": ""}, {"name": "the New Dynamic Slack", "url": "https://join.slack.com/t/thenewdynamic/shared_invite/enQtMjkwNjYwNTY0NjkxLWI1NDhlNjZkZjA5ZGJmODE1OThiMjkwN2ZkMzE1YjEwN2YwNWUxYTNjZTUxMGQ2MzU3NWQ0YmVjNGU1NTkxMDk", "description": ""}, {"name": "Netlify", "url": "https://netlify.com", "description": "All-in-one platform for automating modern web projects."}, {"name": "Vercel", "url": "https://vercel.com", "description": "All-in-one serverless platform for modern web apps with config-free tools and workflows."}, {"name": "Layer0", "url": "https://layer0.co", "description": "All-in-one Jamstack platform focused on large, dynamic websites and best-in-class performance through an integrated CDN, EdgeJS, predictive prefetching, and performance monitoring."}, {"name": "Azure Static Web Apps", "url": "https://azure.microsoft.com/services/app-service/static/", "description": "Full-stack serverless hosting with integrated CI/CD workflow, authentication, CDN and more."}, {"name": "Stormkit", "url": "https://stormkit.io", "description": "Powerful all in one infrastructure for modern javascript apps. It integrates with your git flow and builds, deploys and scales your apps seamlessly."}, {"name": "Cloud 66", "url": "https://www.cloud66.com/", "description": "Builds and deploys static websites to your own cloud account."}, {"name": "Jamstack.new", "url": "https://jamstack.new", "description": "Create a new Jamstack website with 1 click, brought to you by Stackbit"}, {"name": "Storipress", "url": "https://storipress.com", "description": "All-in-one publishing + blogging platform with integrated site builder and workflow management."}, {"name": "Draftbox", "url": "https://draftbox.co", "description": "Lightning fast, secure front-end for your WordPress or Ghost blog, without coding."}, {"name": "Plasmic", "url": "https://www.plasmic.app/", "description": "Powerful design tool for building your React components and Jamstack websites visually."}, {"name": "TeleportHQ", "url": "https://teleporthq.io/", "description": "Front-end Design & Development Platform. TeleportHQ is the collaborative front-end platform to create and publish your headless static websites instantly. Free code export, 3 free projects, unlimited collaborators."}, {"name": "React", "url": "https://reactjs.org/", "description": "Built on Gatsby."}, {"name": "Squoosh.app", "url": "https://squoosh.app/", "description": "Hosted on Netlify, demonstrates advanced features from a modern Web Application."}, {"name": "Hopper", "url": "https://travel.hopper.com/", "description": "Built on Gatsby and hosted on Netlify."}, {"name": "VSCode Power User Course", "url": "https://vscode.pro/", "description": "PWA built on Gatsby and hosted on Netlify."}, {"name": "CloudyCam", "url": "https://CloudyCam.dev/", "description": "PWA built on Next.js and hosted on Zeit Now v2 Serverless platform."}, {"name": "FbaMonthly", "url": "https://www.fbamonthly.com", "description": "Hosted on Netlify, built with Jekyll, Netlify Functions and Netlify Forms."}, {"name": "Jarod Peachey", "url": "https://jarodpeachey.netlify.com", "description": "Built with Gatsby + MaterialUI and hosted on Netlify"}, {"name": "ProtonDB", "url": "https://www.protondb.com", "description": "React/MaterialUI/Firebase hosted on Netlify since August 2018. Prominent in Linux gaming community."}, {"name": "Creative Designs Guru", "url": "https://creativedesignsguru.com", "description": "Built on Eleventy.js hosted on Netlify and styled with Tailwind CSS"}, {"name": "HandleDroid", "url": "https://handledroid.com/", "description": "Built with Next.js, MongoDB, Auth0, AWS CloudWatch, SendGrid, Stripe and hosted on Netlify."}, {"name": "Backlinko", "url": "https://bejamas.io/blog/backlinko-case-study/", "description": "Built with Next.js, headless WordPress and Netlify."}, {"name": "Gatsby", "url": "https://gatsbyjs.org", "description": "Blazing-fast static site generator for React."}, {"name": "Next.js", "url": "https://nextjs.org/", "description": "Lightweight framework for static and server-rendered applications."}, {"name": "Hugo", "url": "https://gohugo.io", "description": "Hugo is a static site generator written in Go."}, {"name": "Jekyll", "url": "https://jekyllrb.com", "description": "Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites."}, {"name": "Hexo", "url": "https://hexo.io", "description": "A fast, simple & powerful blog framework, powered by Node.js."}, {"name": "Metalsmith", "url": "https://metalsmith.io", "description": "An extremely simple, pluggable static site generator."}, {"name": "Phenomic", "url": "https://phenomic.io/", "description": "A modular website compiler."}, {"name": "Gridsome", "url": "https://gridsome.org/", "description": "Vue-powered static site generator for building CDN-ready websites for any Headless CMS, APIs or Markdown-files."}, {"name": "Nuxt.js", "url": "https://nuxtjs.org/", "description": "Versatile vue-based framework for server-side-rendered, static and traditional single page applications."}, {"name": "eleventy", "url": "https://www.11ty.io/", "description": "A simpler static site generator transforming various template files into HTML."}, {"name": "Nift", "url": "https://nift.dev", "description": "A cross-platform open source website generator developed in C++ that is lightning fast and extremely powerful."}, {"name": "Astro", "url": "https://astro.build", "description": "Build faster websites, while shipping less to almost no Javascript."}, {"name": "FactorJS", "url": "https://www.factorjs.org", "description": "Next-generation framework powered by Vite."}, {"name": "Cosmic", "url": "https://cosmicjs.com", "description": "Headless CMS with REST and GraphQL API options."}, {"name": "Kentico Kontent", "url": "https://kontent.ai", "description": "A cloud-native headless CMS that scales."}, {"name": "Contentful", "url": "https://contentful.com", "description": "Content infrastructure for digital teams."}, {"name": "Decap CMS", "url": "https://decapcms.org/", "description": "Open source Git-based CMS *(Formerly known as [Netlify CMS](https://v1.netlifycms.org/))*."}, {"name": "ButterCMS", "url": "https://buttercms.com/", "description": "Headless CMS and Content API."}, {"name": "Scrivito", "url": "https://scrivito.com", "description": "Cloud-based JavaScript CMS built for digital agencies and medium to large-sized businesses."}, {"name": "Hygraph", "url": "https://hygraph.com", "description": "The GraphQL Headless CMS."}, {"name": "Apito", "url": "https://apito.io", "description": "A Cloud Based Headless CMS with CDN, Webhooks, Team Collaborations, Content Revision, Cloud Functions."}, {"name": "Prismic", "url": "https://prismic.io", "description": "Headless API CMS for both developers and marketers."}, {"name": "Siteleaf", "url": "https://siteleaf.com", "description": "A friendly CMS for your static site."}, {"name": "DatoCMS", "url": "https://datocms.com", "description": "The API-based CMS your editors will love."}, {"name": "Prose", "url": "https://prose.io", "description": "Prose is a content editor for GitHub designed for managing websites."}, {"name": "Forestry", "url": "https://forestry.io", "description": "Headless CMS for sites built with static site generators."}, {"name": "Coisas", "url": "https://github.com/fiatjaf/coisas", "description": "A client-side CMS for editing GitHub Markdown (and other) files.", "stars": "329"}, {"name": "Cockpit", "url": "https://getcockpit.com/", "description": "A self-hosted headless and api-driven CMS."}, {"name": "HeadlessCMS", "url": "https://headlesscms.org/", "description": "A List of Content Management Systems for Jamstack Sites."}, {"name": "TakeShape", "url": "https://www.takeshape.io/", "description": "Headless GraphQL API CMS with 1-click deploy to Netlify."}, {"name": "Ghost", "url": "https://ghost.org/", "description": "A headless CMS for online publications"}, {"name": "Strapi", "url": "https://strapi.io", "description": "The open source Headless CMS Front-End Developers love."}, {"name": "Flotiq", "url": "https://flotiq.com", "description": "An effortless headless CMS."}, {"name": "TreacleWP", "url": "https://www.treaclewp.com", "description": "WordPress API hosting."}, {"name": "Agility CMS", "url": "https://agilitycms.com", "description": "The best of both worlds for developers and content editors."}, {"name": "CloudCannon", "url": "https://cloudcannon.com/", "description": "The Git-based CMS for your Jamstack sites."}, {"name": "Contember", "url": "https://www.contember.com", "description": "Bespoke content management. Build and run GraphQL API and user-centric administration without any hassle."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 Authentication", "entries": [{"name": "Auth0", "url": "https://auth0.com/", "description": "Single sign on and token based authentication."}, {"name": "Netlify Identity", "url": "https://www.netlify.com/docs/identity/", "description": "Brings a full suite of authentication functionality, backed by the [GoTrue API](https://www.gotrueapi.org)."}, {"name": "Stytch", "url": "https://stytch.com", "description": "Passwordless authentication and session management API, try it out [on Vercel (\u2b50132k)](https://github.com/vercel/next.js/tree/canary/examples/auth-with-stytch)."}, {"name": "Clerk", "url": "https://clerk.com", "description": "Complete user management UIs and APIs, purpose-built for React, Next.js, and the modern web."}, {"name": "Corbado", "url": "https://www.corbado.com", "description": "Corbado helps you go passwordless by adding passkeys to your website or app in a few lines of code."}, {"name": "Scalekit", "url": "https://scalekit.com", "description": "Add enterprise SSO (SAML, OIDC) and SCIM provisioning on top of existing auth systems like Auth0, Firebase, or Cognito without rewrites."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 Comments", "entries": [{"name": "Disqus", "url": "https://disqus.com", "description": "Global comment system that improves discussion on websites and connects conversations across the web."}, {"name": "Facebook Comments", "url": "https://developers.facebook.com/docs/plugins/comments", "description": "The comments plugin lets people comment on content on your site using their Facebook account."}, {"name": "Utterances", "url": "https://utteranc.es/", "description": "A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 Forms", "entries": [{"name": "Fetch Forms", "url": "https://www.fetchforms.io/", "description": "Create forms with the speed of a form builder and use them in your applications by calling a simple API."}, {"name": "Formcarry", "url": "https://formcarry.com", "description": "Hassle-free HTML form endpoints for your form, powerful dashboard, reliable spam blocking, attachment uploads and Zapier integrations."}, {"name": "Formcake", "url": "https://formcake.com", "description": "A form backend built for developers: Zapier integrations, zero dependencies, a simple API, and unlimited forms."}, {"name": "Getform", "url": "https://getform.io", "description": "Form backend platform for designers and developers. Setup your form endpoints for your static site within minutes and expand your data with Zapier integration and Webhooks support."}, {"name": "Netlify Forms", "url": "https://www.netlify.com/docs/form-handling/", "description": "Built-in form handling on building time by parsing HTML files directly at deploy time."}, {"name": "Arengu", "url": "https://www.arengu.com", "description": "Build signup and login forms with Arengu, enable social login, add 2FA or use passwordless flows to authenticate users with your API or identity provider."}, {"name": "Static Forms", "url": "https://www.staticforms.xyz/", "description": "Integrate HTML forms easily without any server side code. After user submits the form we'll send you content of the form to your registered email."}, {"name": "Form.taxi", "url": "https://form.taxi", "description": "An endpoint for HTML forms to handle submissions with ease. It offers a rich feature set with email notifications, file uploads, submissions archive, GDPR-compliant data processing and a lot more."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 E-commerce", "entries": [{"name": "Astro Snipcart", "url": "https://github.com/lloydjatkinson/astro-snipcart", "description": "Astro Snipcart allows developers to build E-Commerce sites using the Astro framework and the Snipcart platform.", "stars": "112"}, {"name": "Flatmarket", "url": "https://github.com/christophercliff/flatmarket", "description": "Flatmarket is a free, open source e-commerce platform for static websites.", "stars": "1k"}, {"name": "GoCommerce", "url": "https://www.gocommerceapi.org", "description": "A headless e-commerce for Jamstack sites."}, {"name": "Snipcart", "url": "https://snipcart.com/", "description": "A powerful shopping cart platform for developers."}, {"name": "Moltin", "url": "https://moltin.com/", "description": "eCommerce API for developers."}, {"name": "Trolley", "url": "https://trolley.link", "description": "A shopping cart designed for the Jamstack."}, {"name": "Shopify", "url": "https://www.shopify.co.uk/plus/solutions/headless-commerce", "description": "Shopify headless e-commerce solution."}, {"name": "Commerce.js", "url": "https://commercejs.com/", "description": "API-first eCommerce platform for developers."}, {"name": "CartQL", "url": "https://cartql.com/", "description": "GraphQL Shopping Cart and Checkout API built for the Jamstack and to work with any framework and inventory."}, {"name": "Medusa", "url": "https://medusajs.com/", "description": "Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences."}, {"name": "Saleor", "url": "https://saleor.io/", "description": "Saleor is [open-source (\u2b5022k)](https://github.com/saleor/saleor), GraphQL-first, technology agnostic commerce engine."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 Search", "entries": [{"name": "Algolia", "url": "https://www.algolia.com/", "description": "The most reliable platform for building search into your business."}, {"name": "Lunr", "url": "https://lunrjs.com/", "description": "Search made simple (on frontend)."}, {"name": "CloudSh", "url": "https://cloudsh.com/", "description": "Powerful search with a few lines of JavaScript."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 Database", "entries": [{"name": "GraphQL", "url": "https://graphql.org", "description": "Query language for APIs and a runtime for fulfilling those queries with your existing data."}, {"name": "Graphcool", "url": "https://graph.cool", "description": "Open-source and self-hosted backend-as-a-service to develop serverless GraphQL backends."}, {"name": "FaunaDB", "url": "https://fauna.com", "description": "Relational NoSQL database with joins, indexes, and multi-region ACID transactions in the cloud or on-premise."}, {"name": "Fireproof", "url": "https://use-fireproof.com/", "description": "Zero dependency, offline-capable CRDT database, runs in the browser and connects to any cloud."}, {"name": "Jexia DataSet", "url": "https://jexia.com", "description": "REST API Schema & Schemaless cloud data storage with built-in validators, relations, aggregation functions."}, {"name": "Tigris", "url": "https://www.tigrisdata.com", "description": "Open-source data platform with databases, automatic search indexing for real-time search, caching and real-time pub/sub."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 File management", "entries": [{"name": "Jexia FileSet", "url": "https://jexia.com", "description": "REST API File manager for your application with indexing and extra functions."}], "notes": [], "source": "Jamstack"}, {"name": "Jamstack \u2014 Automation", "entries": [{"name": "Zapier", "url": "https://zapier.com/", "description": "Trigger actions connecting more than 1000 apps together."}, {"name": "DataFire", "url": "https://github.com/DataFire/DataFire", "description": "DataFire is an open source framework for building and integrating APIs.", "stars": "581"}, {"name": "Netlify Functions", "url": "https://www.netlify.com/docs/functions/", "description": "Netlify lets you deploy Lambda functions without an AWS account, and with function management handled directly within Netlify."}, {"name": "Amazon Lambda", "url": "https://aws.amazon.com/lambda/", "description": "Lets you run code without provisioning or managing servers."}, {"name": "Serverless", "url": "https://serverless.com/", "description": "Toolkit for deploying and operating serverless architectures."}, {"name": "Cloudinary", "url": "https://cloudinary.com/", "description": "Serverless media (images/videos) management platform. Provides SDKs in every popular language and media widgets for Jamstack to make it easy to manage media, CDN, storage, transformations, and more."}, {"name": "imgix", "url": "https://www.imgix.com/", "description": "Serverless image delivery and management service. imgix connects to where your images are stored (e.g. S3, GCS, web folder) and transforms, optimizes, and intelligently delivers your images using simple and robust URL parameters."}, {"name": "TwicPics", "url": "https://twicpics.com/", "description": "Serverless images & videos optimization and transformation service. TwicPics can be plugged into any stack to optimize medias in real-time by giving full control to frontend developers."}, {"name": "The New Front-end Stack. JavaScript, APIs and Markup", "url": "https://vimeo.com/163522126", "description": "Matt Biilmann."}, {"name": "Rise of the Jamstack", "url": "https://www.youtube.com/watch?v=uWTMEDEPw8c", "description": "Mathias Biillman."}, {"name": "Jamstack: Silly name, serious stuff", "url": "https://www.youtube.com/watch?v=XOYtS91QWQI", "description": "Phil Hawksworth."}, {"name": "Git-based or API-driven CMS", "url": "https://www.youtube.com/watch?v=KX4G49ZrvY0", "description": "Chris Macrae."}, {"name": "Jamstack Tutorial - Full site using Netlify & Hugo", "url": "https://www.youtube.com/watch?v=NSts93C9UeE", "description": "freeCodeCamp.org."}, {"name": "Gatsby JS Crash Course", "url": "https://www.youtube.com/watch?v=6YhqQ2ZW1sc", "description": "Traversy Media."}, {"name": "How We Got Here and The Future of the Web", "url": "https://www.gatsbyjs.com/gatsby-days-keynote-kyle/", "description": "Kyle Mathews."}, {"name": "Talks from all the Jamstack Conferences", "url": "https://www.youtube.com/channel/UC8bRyfU7ycLXnEBfvdorpUg/videos", "description": "Jamstack Conf."}, {"name": "How I Used React, Vue, & Node to Build a Single Jamstack App", "url": "https://www.youtube.com/watch?v=dwpn1pd9kT8", "description": "Ahmad Awais."}, {"name": "React vs Vue, Gatsby vs Gridsome - building the same site", "url": "https://www.youtube.com/watch?v=H19fF7ITtaI", "description": "Ondrej Polesny."}, {"name": "WTF is Jamstack?", "url": "https://youtu.be/ReSvk5MQek4", "description": "Ondrej Polesny."}, {"name": "Ghost on the Jamstack", "url": "https://blog.ghost.org/jamstack/", "description": ""}, {"name": "Jamstack Ecosystem", "url": "https://bejamas.io/blog/jamstack-ecosystem/", "description": ""}, {"name": "Building a contact form in Gatsby using Getform", "url": "https://blog.getform.io/building-a-gatsby-contact-form-using-getform", "description": ""}, {"name": "Getting Started with Gatsby and Cockpit\u200a\u2014\u200aPart 1 of 2", "url": "https://blog.ginetta.net/getting-started-with-gatsby-and-cockpit-part-1-of-2-d86871932d44", "description": ""}, {"name": "Creating Static E-commerce site with GatsbyJs", "url": "https://medium.com/@pinku1/creating-static-e-commerce-site-with-gatsbyjs-a349d7e022a", "description": ""}, {"name": "For Static Sites, There\u2019s No Excuse Not to Use a CDN", "url": "https://forestry.io/blog/for-static-sites-theres-no-excuse-not-to-use-a-cdn/", "description": ""}, {"name": "E-commerce front-end for Vue.js, Nuxt.js and Snipcart", "url": "https://www.sanity.io/blog/e-commerce-vue-nuxt-snipcart", "description": ""}, {"name": "Jamstack and Netlify: Do We really need another buzzword?", "url": "https://noti.st/philhawksworth/qp7jZC/jamstack-and-netlify-do-we-really-need-another-buzzword", "description": ""}, {"name": "The Jamstack Startup Landscape", "url": "https://medium.com/@CRVVC/the-jamstack-startup-landscape-c06cc3cdb917", "description": ""}, {"name": "How I built my blog using Gatsby and Netlify", "url": "https://blog.pavsidhu.com/how-i-built-my-blog-using-gatsby-and-netlify/", "description": ""}, {"name": "Developer's Guide to Headless E-Commerce", "url": "https://snipcart.com/blog/headless-ecommerce-guide", "description": ""}, {"name": "Handling Static Forms, Auth & Serverless Functions with Gatsby on Netlify", "url": "https://snipcart.com/blog/static-forms-serverless-gatsby-netlify", "description": ""}, {"name": "Jamstack for Clients: Benefits, Static Site CMS, & Limitations", "url": "https://snipcart.com/blog/jamstack-clients-static-site-cms", "description": ""}, {"name": "Exploring Netlify CMS, a React & Git-Based Content Management System", "url": "https://snipcart.com/blog/netlify-cms-react-git-workflow", "description": ""}, {"name": "Jamstack PWA\u200a\u2014\u200aLet\u2019s Build a Polling App. with Gatsby.js, Firebase, and Styled-components Pt. 1", "url": "https://medium.com/@UnicornAgency/jamstack-pwa-lets-build-a-polling-app-with-gatsby-js-firebase-and-styled-components-pt-1-78a03a633092", "description": ""}, {"name": "Dynamic Static Sites with Netlify and iOS Shortcuts; Use Netlify Functions, a Gulp build process and iOS Shortcuts to publish dynamic content to your static site", "url": "https://bryanlrobinson.com/blog/2018/11/12/ios-shortcuts-pushing-data-to-netlify-static-site/", "description": ""}, {"name": "Gatsby for Apps", "url": "https://www.gatsbyjs.org/blog/2018-11-07-gatsby-for-apps/", "description": ""}, {"name": "Turning the Static Dynamic", "url": "https://www.gatsbyjs.org/blog/2018-12-17-turning-the-static-dynamic/", "description": ""}, {"name": "Going Jamstack with Netlify and Nuxt", "url": "https://blog.lichter.io/posts/going-jamstack-with-netlify-and-nuxt/", "description": ""}, {"name": "Getting Started With Gridsome", "url": "https://scotch.io/tutorials/getting-started-with-gridsome", "description": ""}, {"name": "The Complete Beginner's Guide to Deploying Your First Static Website to IPFS", "url": "https://interplanetarygatsby.com/ipfs-deploy/", "description": ""}, {"name": "A Broad Discussion on Jamstack & E-Commerce (Podcast & Transcript)", "url": "https://snipcart.com/jamstack-ecommerce-podcast", "description": ""}, {"name": "The Beginner's Guide to Static Site Generators", "url": "https://bejamas.io/blog/static-site-generators/", "description": ""}, {"name": "Headless CMS Options for Your Jamstack Site", "url": "https://bejamas.io/blog/headless-cms/", "description": ""}, {"name": "State of Jamstack 2020 report", "url": "https://kontent.ai/resources/state-of-jamstack-2020-report", "description": ""}, {"name": "Jamify Tutorials \u2014\u200aPublish flaring fast blogs with Gatsby and Ghost", "url": "https://www.jamify.org", "description": ""}, {"name": "Why is Next.js my ultimate choice over Gatsby, Gridsome, and Nuxt?", "url": "https://kontent.ai/blog/gatsby-vs-next-gridsome-nuxt", "description": ""}, {"name": "Generating a Static Site with Flask and Deploying it to Netlify", "url": "https://testdriven.io/blog/static-site-flask-and-netlify/", "description": "Leverage the JAMstack with Python and Flask by creating a static site and deploying it to Netlify."}, {"name": "Static Site Comments: A Jamstack How-To", "url": "https://snipcart.com/blog/jamstack-static-site-comments", "description": ""}, {"name": "Jamstack Radio", "url": "https://www.netlify.com/tags/podcast/", "description": ""}, {"name": "That's my Jamstack", "url": "https://thatsmyjamstack.com", "description": ""}, {"name": "Modern Web Development on the Jamstack", "url": "https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf", "description": "By Mathias Biilmann & Phil Hawksworth (published by O'Reilly)."}, {"name": "Hugo in Action", "url": "https://www.manning.com/books/hugo-in-action", "description": ""}, {"name": "Jumpstart Jamstack Development", "url": "https://www.packtpub.com/web-development/jumpstart-jamstack-development", "description": "By Christopher Pecoraro and Vincenzo Gambino"}, {"name": "The Jamstack Book", "url": "https://www.manning.com/books/the-jamstack-book", "description": "by Raymond Camden and Brian Rinaldi"}], "notes": [], "source": "Jamstack"}, {"name": "Jquery \u2014 Table of contents", "entries": [{"name": "Resources", "url": "#resources", "description": ""}, {"name": "Plugins", "url": "#plugins", "description": ""}, {"name": "Mobile", "url": "#mobile", "description": ""}, {"name": "UI", "url": "#ui", "description": ""}, {"name": "Testing", "url": "#testing", "description": ""}, {"name": "Server-side Integrations", "url": "#server-side-integrations", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Alternatives", "url": "#alternatives", "description": ""}, {"name": "Looking for more lists like this?", "url": "#looking-for-more-lists-like-this", "description": ""}, {"name": "Contributing and License", "url": "#contributing-and-license", "description": ""}, {"name": "API documentation", "url": "http://api.jquery.com/", "description": "Official jQuery documentation."}, {"name": "Code School", "url": "https://www.pluralsight.com/courses/code-school-try-jquery", "description": "Learn the basics of jQuery, a JavaScript library, to modify elements on a webpage and improve user interaction."}, {"name": "Codecademy jQuery track", "url": "https://www.codecademy.com/learn/learn-jquery", "description": "Beginners track for learning jQuery."}, {"name": "Learning jQuery", "url": "https://www.learningjquery.com/", "description": "Tips, techniques, and tutorials for the jQuery JavaScript library."}, {"name": "Style guides", "url": "https://contribute.jquery.org/style-guide/", "description": "jQuery's code style guides when contributing to jQuery projects."}, {"name": "Tuts+", "url": "https://code.tutsplus.com/categories/jquery", "description": "Useful and indepth articles about jQuery."}, {"name": "jQuery guide for teams", "url": "https://github.com/voorhoede/jquery-style-guide", "description": "Tips to write consistent jQuery code, easy to use and understand by your team.", "stars": "32"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Tutorials", "entries": [{"name": "jQuery patterns", "url": "https://github.com/jquery-boilerplate/jquery-patterns", "description": "A variety of jQuery plugin patterns for jump starting your plugin development.", "stars": "1.6k"}, {"name": "Learning jQuery Design Patterns", "url": "https://addyosmani.com/resources/essentialjsdesignpatterns/book/#jquerypluginpatterns", "description": "jQuery Plugin Design Patterns"}, {"name": "Learn jQuery", "url": "http://learn.jquery.com/", "description": "jQuery learning center."}, {"name": "Snoopcode", "url": "http://www.snoopcode.com/jquery/", "description": "jQuery tutorials."}, {"name": "Extending jQuery", "url": "https://j11y.io/javascript/extending-jquerys-selector-capabilities/", "description": "Extending jQuery\u2019s selector capabilities."}, {"name": "Free jQuery Courses at Classpert", "url": "https://classpert.com/search?filter\\[free_course]\\[]=true\\&filter\\[price]\\[]=0\\&filter\\[price]\\[]=0\\&p=1\\&tag=jquery", "description": "List of Free jQuery Courses at Classpert Online Course Search"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Books", "entries": [{"name": "JavaScript plus a dash of JQuery", "url": "http://nicholasjohnson.com/javascript-book/", "description": "A Sensible Introduction to Coding with JavaScript and jQuery, *by Nicholas Johnson*."}, {"name": "jQuery Succinctly, Syncfusion", "url": "https://www.syncfusion.com/ebooks/jquery", "description": ""}, {"name": "jQuery fundamentals", "url": "https://github.com/bocoup/jqfundamentals.com", "description": "Comfortable working through common problems you'll be called upon to solve using jQuery.", "stars": "182"}, {"name": "jQuery in Action, Third Edition", "url": "https://www.manning.com/books/jquery-in-action-third-edition", "description": "Fast-paced and complete guide to jQuery, *by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa*."}, {"name": "jQuery: Novice to Ninja: New Kicks And Tricks", "url": "https://www.sitepoint.com/premium/books/jquery-novice-to-ninja-new-kicks-and-tricks", "description": "fast track to mastering jQuery, *by Earle Castledine & Craig Sharkie*."}, {"name": "Learning jQuery - Fourth Edition", "url": "https://www.packtpub.com/web-development/learning-jquery-fourth-edition", "description": "Guide to jQuery, *by Jonathan Chaffer and Karl Swedberg*."}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Blogs", "entries": [{"name": "jQuery Blog", "url": "http://blog.jquery.com/", "description": "News from the official jQuery website."}, {"name": "jQuery UI Blog", "url": "http://blog.jqueryui.com/", "description": "Official jQuery UI blog."}, {"name": "Sitepoint", "url": "https://www.sitepoint.com/javascript/jquery/", "description": "Sitepoint's jQuery category section with useful articles."}, {"name": "Smashing Magazine", "url": "https://www.smashingmagazine.com/category/jquery", "description": "jQuery tag, useful jQuery articles and tutorial alike blog posts."}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Miscellaneous Resources", "entries": [{"name": "jQuery Foundation", "url": "https://jquery.org/", "description": "Providing jQuery and many other projects home and support."}, {"name": "jQuery Source Viewer", "url": "https://j11y.io/jquery/", "description": "Browser of jQuery method implementations."}, {"name": "Alternative jQuery Documentation Browser", "url": "http://jqapi.com/", "description": "Faster way to browse the jQuery documentation."}, {"name": "TodoMVC", "url": "https://github.com/tastejs/todomvc", "description": "Helps you select JavaScript framework. Same Todo application created in multiple popular JavaScript MV\\* frameworks including [jQuery](http://todomvc.com/examples/jquery/).", "stars": "29k"}, {"name": "jQuery CheatSheet", "url": "http://lab.abhinayrathore.com/jquery-cheatsheet/", "description": ""}, {"name": "Programming Community Curated Resources for Learning jQuery", "url": "https://hackr.io/tutorials/learn-jquery", "description": ""}, {"name": "HTML Tutorial by Scaler", "url": "https://www.scaler.com/topics/html/", "description": ""}, {"name": "Plugins", "url": "https://www.npmjs.com/search?q=keywords:jquery-plugin", "description": "Registry of jQuery plugins, [previous one](http://plugins.jquery.com/) is now in read-only mode."}, {"name": "jQuery Rain", "url": "http://www.jqueryrain.com/", "description": "Top & Best jQuery plugins, tutorials, cool effects, examples, demos."}, {"name": "jQuery Unheap", "url": "http://www.unheap.com/", "description": "A tidy repository of jQuery plugins."}, {"name": "Animsition", "url": "https://github.com/blivesta/animsition/", "description": "A simple and easy jQuery plugin for CSS animated page transitions.", "stars": "3.8k"}, {"name": "fakeLoader.js", "url": "https://github.com/joaopereirawd/fakeLoader.js", "description": "Lightweight plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.", "stars": "721"}, {"name": "Fullpage.js", "url": "https://github.com/alvarotrigo/fullPage.js", "description": "Create full screen pages fast and simple.", "stars": "35k"}, {"name": "jQuery Transit", "url": "https://github.com/rstacruz/jquery.transit", "description": "Super-smooth CSS3 transformations and transitions for jQuery.", "stars": "7.3k"}, {"name": "Material Design Preloader!s", "url": "https://github.com/aarondo/Material-Preloader", "description": "Recreation of the Material Design preloader.", "stars": "369"}, {"name": "Midnight", "url": "https://github.com/Aerolab/midnight.js", "description": "Switches fixed headers on the fly.", "stars": "3.7k"}, {"name": "Parallax.js", "url": "https://github.com/pixelcog/parallax.js/", "description": "Scrolling effect.", "stars": "3.5k"}, {"name": "Scrollify", "url": "https://github.com/lukehaas/Scrollify/", "description": "Assists scrolling and snaps to sections. Touch optimised.", "stars": "1.8k"}, {"name": "Waves", "url": "https://github.com/fians/Waves", "description": "Click effect inspired by Google's Material Design.", "stars": "3.5k"}, {"name": "jQuery DrawSVG", "url": "https://github.com/lcdsantos/jquery-drawsvg", "description": "Lightweight, simple to use jQuery plugin to animate SVG paths", "stars": "771"}, {"name": "jQuery Particles", "url": "https://github.com/matteobruni/tsparticles/tree/master/components/jquery", "description": "A plugin to easily add Particles animations to your web application", "stars": "8.6k"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Editors", "entries": [{"name": "Froala WYSIWYG HTML Editor", "url": "https://github.com/froala/wysiwyg-editor", "description": "jQuery WYSIWYG Rich Text Editor based on HTML5.", "stars": "5.4k"}, {"name": "Hallo", "url": "https://github.com/bergie/hallo", "description": "Simple rich text editor (contentEditable) for jQuery UI.", "stars": "2.5k"}, {"name": "jQuery Notebook", "url": "https://github.com/raphaelcruzeiro/jquery-notebook", "description": "A modern, simple and elegant WYSIWYG rich text editor.", "stars": "1.7k"}, {"name": "jQuery TE", "url": "http://jqueryte.com/", "description": "Lightweight HTML editor."}, {"name": "TinyMCE", "url": "https://www.tiny.cloud/", "description": "Popular WYSIWYG editor with jQuery build and a jQuery integration plugin."}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Forms", "entries": [{"name": "Bootstrap Multiselect", "url": "https://github.com/davidstutz/bootstrap-multiselect", "description": "Multiselect for Bootstrap.", "stars": "3.7k"}, {"name": "File Upload", "url": "https://github.com/blueimp/jQuery-File-Upload", "description": "File Upload widget with multiple file selection, drag\\&drop support, progress bar, validation and preview images, audio and video.", "stars": "31k"}, {"name": "Ideal Forms", "url": "https://github.com/elclanrs/jq-idealforms", "description": "Framework for building and validating responsive HTML5 forms.", "stars": "721"}, {"name": "jQuery Form Plugin", "url": "https://github.com/jquery-form/form", "description": "Easy and unobtrusive HTML forms upgrade to use AJAX.", "stars": "5.2k"}, {"name": "jquery-minicolors", "url": "https://github.com/claviska/jquery-minicolors", "description": "A tiny color picker plugin.", "stars": "956"}, {"name": "Justified Gallery", "url": "https://github.com/miromannino/Justified-Gallery", "description": "Allows you to create a gallery with a justified grid.", "stars": "1.7k"}, {"name": "Labelauty", "url": "https://github.com/fntneves/jquery-labelauty", "description": "A lightweight and beautiful plugin for radio and checkbox inputs.", "stars": "882"}, {"name": "Payform", "url": "https://github.com/jondavidjohn/payform", "description": "A library (with jQuery plugin) for building credit card forms, validating inputs, and formatting numbers.", "stars": "426"}, {"name": "Pickadate", "url": "https://github.com/amsul/pickadate.js", "description": "The mobile-friendly, responsive, and lightweight date & time input picker.", "stars": "7.7k"}, {"name": "Select2", "url": "https://github.com/select2/select2", "description": "Select box with support for searching, tagging, remote data sets, infinite scrolling.", "stars": "26k"}, {"name": "selectize.js", "url": "https://github.com/selectize/selectize.js/", "description": "jQuery based hybrid of a textbox and \\<select> box.", "stars": "13k"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Images, Maps and Charts", "entries": [{"name": "AnyChart-jQuery", "url": "https://github.com/AnyChart/AnyChart-jQuery", "description": "Plugin for easily using AnyChart JavaScript charting library with jQuery.", "stars": "14"}, {"name": "Arbor", "url": "https://github.com/samizdatco/arbor", "description": "Graph visualization library using web workers and jQuery.", "stars": "2.7k"}, {"name": "BackStretch", "url": "https://github.com/jquery-backstretch/jquery-backstretch", "description": "jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.", "stars": "3.9k"}, {"name": "Chart.js", "url": "https://github.com/chartjs/Chart.js", "description": "Simple HTML5 Charts using the \\<canvas> tag.", "stars": "67k"}, {"name": "Cropper", "url": "https://github.com/fengyuanchen/cropper", "description": "A simple image cropping plugin.", "stars": "7.7k"}, {"name": "Dense.js", "url": "https://github.com/gocom/dense", "description": "Serving retina-ready, high pixel ratio images with ease.", "stars": "211"}, {"name": "Flot", "url": "https://github.com/flot/flot", "description": "Attractive charts.", "stars": "5.9k"}, {"name": "Gridder", "url": "https://github.com/oriongunning/gridder", "description": "Displays a thumbnail grid expanding preview similar to the effect seen on Google Images.", "stars": "459"}, {"name": "jquery.sparkline", "url": "https://github.com/gwatts/jquery.sparkline", "description": "Generate small sparkline charts.", "stars": "1.2k"}, {"name": "jQuery.eraser", "url": "https://github.com/boblemarin/jQuery.eraser", "description": "Erasing image with mouse or touch movements.", "stars": "335"}, {"name": "jQuery Mapael", "url": "https://github.com/neveldo/jQuery-Mapael", "description": "Plugin based on raphael.js that allows you to display dynamic vector maps.", "stars": "1k"}, {"name": "jQueryGantt", "url": "https://github.com/robicch/jQueryGantt", "description": "Gantt editor.", "stars": "2.2k"}, {"name": "jQuery Images Compare", "url": "https://github.com/sylvaincombes/jquery-images-compare", "description": "Plugin for comparing two images.", "stars": "65"}, {"name": "Nivo Slider", "url": "https://github.com/Codeinwp/Nivo-Slider-jQuery", "description": "Beautiful and easy to use image slider.", "stars": "1.2k"}, {"name": "Owl Carousel 2", "url": "https://github.com/OwlCarousel2/OwlCarousel2", "description": "Responsive carousel slider.", "stars": "7.9k"}, {"name": "Slick", "url": "https://github.com/kenwheeler/slick", "description": "The last carousel you'll ever need.", "stars": "29k"}, {"name": "Peity", "url": "https://github.com/benpickles/peity", "description": "Progressive \\<svg> pie, donut, bar and line charts.", "stars": "4.2k"}, {"name": "Unite Gallery", "url": "https://github.com/vvvmax/unitegallery/", "description": "Responsive jQuery image and video gallery plugin.", "stars": "527"}, {"name": "Viewer", "url": "https://github.com/fengyuanchen/viewer", "description": "A simple jQuery image viewing plugin.", "stars": "1k"}, {"name": "JQuery-linechart", "url": "https://github.com/kis/jquery-linechart", "description": "Simple and lightweight library for creating line charts"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Menus", "entries": [{"name": "jQuery contextMenu", "url": "https://github.com/swisnl/jQuery-contextMenu", "description": "Management facility for context menus.", "stars": "2.3k"}, {"name": "jPanelMenu", "url": "https://github.com/acolangelo/jPanelMenu", "description": "Creates a paneled-style menu (like the type seen in the mobile versions of Facebook, Google and native iPhone applications).", "stars": "914"}, {"name": "jQuery-menu-aim", "url": "https://github.com/kamens/jQuery-menu-aim", "description": "Fires events when user's cursor aims at particular dropdown menu items.", "stars": "7.7k"}, {"name": "mmenu", "url": "https://github.com/FrDH/mmenu-js", "description": "App look-alike on- and off-canvas menus with sliding submenus.", "stars": "2.6k"}, {"name": "Multi-level push menu", "url": "https://github.com/adgsm/multi-level-push-menu", "description": "Allows endless nesting of navigation elements.", "stars": "802"}, {"name": "Slidebars", "url": "https://github.com/adchsm/Slidebars", "description": "jQuery framework for off-canvas menus and sidebars.", "stars": "1.5k"}, {"name": "stickUp", "url": "https://github.com/LiranCohen/stickUp", "description": "Sticks an element to the top of the browser window while scrolling past it, always keeping it in view.", "stars": "1.5k"}, {"name": "Superfish", "url": "https://github.com/joeldbirch/superfish", "description": "Adds usability enhancements to existing multi-level drop-down menus.", "stars": "913"}, {"name": "Yamm", "url": "https://github.com/geedmo/yamm3", "description": "Yet another megamenu for Bootstrap 3.", "stars": "1.2k"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Modals and Popups", "entries": [{"name": "animatedModal.js", "url": "https://github.com/joaopereirawd/animatedModal.js", "description": "Plugin for creating fullscreen modals with CSS3 transitions. You can use the transitions from `animate.css` or create your own.", "stars": "957"}, {"name": "Avgrund", "url": "https://github.com/voronianski/jquery.avgrund.js", "description": "Plugin for your modal boxes and popups with new concept of showing depth between popup and page.", "stars": "1.7k"}, {"name": "Bootstrap Modal", "url": "https://github.com/jschr/bootstrap-modal", "description": "Extends the default Bootstrap Modal class. Responsive, stackable and ajax.", "stars": "5k"}, {"name": "iziModal", "url": "https://github.com/marcelodolza/iziModal", "description": "Elegant, responsive, flexible and lightweight modal plugin with jQuery.", "stars": "2.2k"}, {"name": "jBox", "url": "https://github.com/StephanWagner/jBox", "description": "Powerful and flexible plugin which takes care of all modal windows, tooltips and notices.", "stars": "1.4k"}, {"name": "jQuery Modal", "url": "https://github.com/kylefox/jquery-modal", "description": "Simple and lightweight method of displaying modal windows.", "stars": "2.6k"}, {"name": "jQuery Popup Overlay", "url": "https://github.com/vast-engineering/jquery-popup-overlay", "description": "Responsive and accessible modal windows and tooltips.", "stars": "507"}, {"name": "Lightbox", "url": "https://github.com/lokesh/lightbox2/", "description": "JavaScript library used to overlay images on top of the current page.", "stars": "6.4k"}, {"name": "Magnific Popup", "url": "https://github.com/dimsemenov/Magnific-Popup", "description": "Fast, light and responsive lightbox plugin.", "stars": "11k"}, {"name": "SweetAlert", "url": "https://github.com/t4t5/sweetalert", "description": "A beautiful replacement for JavaScript's alert.", "stars": "22k"}, {"name": "tipso", "url": "https://github.com/object505/tipso", "description": "A Lightweight Responsive jQuery Tooltip Plugin.", "stars": "319"}, {"name": "vex", "url": "https://github.com/hubspot/vex", "description": "A modern dialog library which is highly configurable and easy to style.", "stars": "6.9k"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Tables", "entries": [{"name": "Bootgrid", "url": "https://github.com/rstaib/jquery-bootgrid", "description": "A grid control especially designed for bootstrap.", "stars": "971"}, {"name": "Bootstrap table", "url": "https://bootstrap-table.com/", "description": "A powerful table control designed for bootstrap."}, {"name": "DataTables", "url": "https://www.datatables.net/", "description": "Advanced interaction controls for HTML tables."}, {"name": "FancyGrid", "url": "https://fancygrid.com/", "description": "JavaScript grid library with charts integration and server communication."}, {"name": "Filter Table", "url": "https://github.com/sunnywalker/jQuery.FilterTable", "description": "Live searching/filtering for HTML tables.", "stars": "174"}, {"name": "FloatThead", "url": "https://github.com/mkoryak/floatThead", "description": "Sticky headers. Supports responsive, window and overflow scrolling.", "stars": "1.2k"}, {"name": "FooTable", "url": "https://github.com/fooplugins/FooTable/", "description": "Make HTML tables responsive.", "stars": "2.1k"}, {"name": "Isotope", "url": "https://github.com/metafizzy/isotope", "description": "Filter & sort magical layouts.", "stars": "11k"}, {"name": "HighchartTable", "url": "https://github.com/highchartTable/jquery-highchartTable-plugin", "description": "Simple way to convert HTML data tables to Highcharts graphs.", "stars": "271"}, {"name": "jqGrid", "url": "https://github.com/tonytomov/jqGrid", "description": "Grid plugin.", "stars": "2.8k"}, {"name": "jQuery treetable", "url": "https://github.com/ludo/jquery-treetable", "description": "Show a tree structure in a table.", "stars": "752"}, {"name": "jsGrid", "url": "https://github.com/tabalinas/jsgrid", "description": "Lightweight grid plugin.", "stars": "1.5k"}, {"name": "Stackable.js", "url": "https://github.com/johnpolacek/stacktable.js/", "description": "Stacking tables on small screens.", "stars": "1k"}, {"name": "Stupid Table Sort", "url": "https://github.com/joequery/Stupid-Table-Plugin", "description": "A stupidly small and simple jQuery table sorter plugin.", "stars": "705"}, {"name": "tableExport.jquery.plugin", "url": "https://github.com/hhurz/tableExport.jquery.plugin", "description": "Export HTML table to JSON, XML, CSV, TXT, SQL, Word, Excel, PNG or PDF.", "stars": "1k"}, {"name": "jquery.table-shrinker", "url": "https://github.com/VagnerDomingues/jquery.table-shrinker", "description": "make HTML Table responsive across all devices, the right way!", "stars": "29"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Time and Date", "entries": [{"name": "jQuery Timer Plugin", "url": "https://github.com/walmik/timer.jquery", "description": "Start/Stop/Resume/Remove pretty timer inside any HTML element.", "stars": "296"}, {"name": "Timeago", "url": "https://github.com/rmm5t/jquery-timeago", "description": "Easy support of automatic updating fuzzy timestamps (e.g. \"4 minutes ago\").", "stars": "3.8k"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Translations", "entries": [{"name": "i18n properties", "url": "https://github.com/jquery-i18n-properties/jquery-i18n-properties", "description": "Lightweight plugin for providing internationalization to JavaScript from [.properties](https://en.wikipedia.org/wiki/.properties) files", "stars": "429"}, {"name": "jquery.i18n", "url": "https://github.com/wikimedia/jquery.i18n", "description": "jQuery based Javascript internationalization library for easy internationalization of web application", "stars": "729"}, {"name": "jquery.localize.js", "url": "https://github.com/coderifous/jquery-localize", "description": "Easy internationalization of your static web site", "stars": "464"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Validation", "entries": [{"name": "FormValidation", "url": "https://github.com/formvalidation/formvalidation", "description": "Form fields validator, designed for Bootstrap, Foundation, Pure, Semantic UI, UIKit and other frameworks."}, {"name": "h5Validate", "url": "https://github.com/ericelliott/h5Validate", "description": "An HTML5 form validation plugin for jQuery.", "stars": "573"}, {"name": "jQuery Form Validator", "url": "https://github.com/victorjonsson/jQuery-Form-Validator/", "description": "Validate user input while keeping your HTML markup clean from JavaScript code.", "stars": "965"}, {"name": "jquery-validation", "url": "https://github.com/jquery-validation/jquery-validation", "description": "Drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.", "stars": "10k"}, {"name": "jQuery.validationEngine", "url": "https://github.com/posabsolute/jQuery-Validation-Engine", "description": "Validation of form fields in the browser.", "stars": "2.5k"}, {"name": "jQuery-form-validation", "url": "https://github.com/bnabriss/jquery-form-validation", "description": "Validatie html forms using Laravel syntax.", "stars": "33"}], "notes": [], "source": "Jquery"}, {"name": "Jquery \u2014 Miscellaneous Plugins", "entries": [{"name": "Boilerplate", "url": "https://github.com/jquery-boilerplate/jquery-boilerplate", "description": "A jump-start for jQuery plugins development.", "stars": "2.5k"}, {"name": "Interlink", "url": "https://gist.github.com/Golpha/c5c7ae9b6ed11dc93ce6", "description": "Event interlink plugin."}, {"name": "Sisyphus", "url": "https://github.com/simsalabim/sisyphus", "description": "Gmail-like client-side drafts and bit more.", "stars": "2k"}, {"name": "Slugify", "url": "https://github.com/pmcelhaney/jQuery-Slugify-Plugin", "description": "Creates a URL slug as you type a page title (like Django slugify()).", "stars": "87"}, {"name": "Readmore.js", "url": "https://github.com/jedfoster/Readmore.js", "description": "A lightweight jQuery plugin for collapsing and expanding long blocks of text with \"Read more\" and \"Close\" links.", "stars": "1.5k"}, {"name": "Yahoo! Emoticons", "url": "http://michael-designs.com/yahoo-emoticons-jquery-plugin/", "description": "Yahoo! Emoticons JQuery Plugin."}, {"name": "autoNumberic", "url": "https://github.com/autoNumeric/autoNumeric", "description": "autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.", "stars": "1.8k"}, {"name": "jQuery mobile", "url": "http://jquerymobile.com/", "description": "Lightweight framework for building mobile web apps with HTML5."}, {"name": "Interdimensional", "url": "https://github.com/VodkaBears/Interdimensional", "description": "Spatial scrolling on mobile devices for your web pages.", "stars": "334"}, {"name": "OhSnap!.js", "url": "https://github.com/justindomingue/ohSnap", "description": "A simple jQuery/Zepto notification library designed to be used in mobile apps.", "stars": "281"}, {"name": "Dragula", "url": "https://github.com/bevacqua/dragula", "description": "Framework agnostic drag and drop library, supports jQuery integration.", "stars": "22k"}, {"name": "jQuery UI", "url": "http://jqueryui.com/", "description": "Curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery."}, {"name": "jQuery Enhanced Splitter", "url": "https://github.com/hiltonjanfield/jquery.enhsplitter", "description": "Create draggable content splitters to emulate frames and separate content.", "stars": "31"}, {"name": "tabulous.js", "url": "https://github.com/aarondo/tabulous.js", "description": "Tabs for todays web", "stars": "539"}, {"name": "X-editable", "url": "https://github.com/vitalets/x-editable", "description": "In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.", "stars": "6.5k"}, {"name": "macon", "url": "https://github.com/LoganTann/macon", "description": "Tiny utility (430B) to create reactive jquery components using a JSX-like syntax.", "stars": "4"}, {"name": "EstreUI.js", "url": "https://github.com/SoliEstre/EstreUI.js", "description": "Mobile-first SPA+PWA framework designed for native-like experience with ES11 and jQuery.", "stars": "2"}, {"name": "Qunit", "url": "http://qunitjs.com/", "description": "A JavaScript Unit Testing framework, used by the jQuery, jQuery UI and jQuery mobile projects."}, {"name": "Mockjax", "url": "https://github.com/jakerella/jquery-mockjax", "description": "Provides a simple and extremely flexible interface for mocking or simulating ajax requests and responses.", "stars": "2.1k"}, {"name": "Forum", "url": "https://forum.jquery.com/", "description": "Official forum."}, {"name": "Freenode", "url": "http://irc.lc/freenode/jquery", "description": "Support IRC channel for users of jQuery, jQuery UI, and jQuery Mobile."}, {"name": "Stack Overflow", "url": "https://stackoverflow.com/tags/jquery", "description": "Support on Stack Overflow."}, {"name": "Facebook", "url": "https://www.facebook.com/groups/jquerycode/", "description": "Large and active group on Facebook."}, {"name": "Linked.in", "url": "https://www.linkedin.com/groups/100943", "description": "Large and active group on Linked.in."}, {"name": "Reddit", "url": "https://www.reddit.com/r/jquery", "description": "Discussion and sharing news, articles, plugins and tutorials, covering jQuery Core, jQuery UI, jQuery Mobile, and other related projects."}, {"name": "Quora", "url": "https://www.quora.com/jQuery", "description": "Ask and answer questions on Quora website."}, {"name": "Meetup", "url": "https://www.meetup.com/topics/jquery/", "description": "Get involved locally."}, {"name": "Twitter", "url": "https://twitter.com/jquery", "description": "Official news and updates from the jQuery team on Twitter."}, {"name": "cash", "url": "https://github.com/kenwheeler/cash", "description": "small jQuery alternative for modern browsers. Includes all API with deliberate exception for ajax.", "stars": "7.1k"}, {"name": "Zepto", "url": "https://zeptojs.com/", "description": "small jQuery alternative, which includes ajax, effects and additional utilities."}, {"name": "jBone", "url": "http://jbone.js.org/", "description": "jQuery implementation to use with Backbone. Supports only subset of API which is required for Backbone to work. Can be a byte-saver if you don't intend to use jQuery directly, but have Backbone in your project."}, {"name": "awesome-javascript", "url": "https://github.com/sorrycc/awesome-javascript", "description": "Awesome JavaScript list", "stars": "35k"}, {"name": "awesome-javascript-books", "url": "https://github.com/heatroom/awesome-javascript-books", "description": "Awesome JavaScript books", "stars": "129"}, {"name": "js-must-watch", "url": "https://github.com/bolshchikov/js-must-watch", "description": "List of must-watch videos devoted to JavaScript", "stars": "14k"}], "notes": [], "source": "Jquery"}, {"name": "Aurelia \u2014 Table of Contents", "entries": [{"name": "Aurelia", "url": "#aurelia", "description": ""}, {"name": "TypeScript", "url": "#typescript", "description": ""}, {"name": "Aurelia in ES5", "url": "#es5", "description": ""}, {"name": "Aurelia and Meteor", "url": "#meteor", "description": ""}, {"name": "Contributing", "url": "#contributing-guideline", "description": ""}], "notes": [], "source": "Aurelia"}, {"name": "Aurelia \u2014 Aurelia", "entries": [{"name": "Official Site", "url": "http://aurelia.io", "description": ""}, {"name": "Official Blog", "url": "http://blog.aurelia.io/", "description": ""}, {"name": "Official Documentation", "url": "http://aurelia.io/docs.html", "description": ""}, {"name": "API Documentation", "url": "http://aurelia.io/docs.html#/api/home", "description": ""}, {"name": "Official Getting Started Guide", "url": "http://aurelia.io/docs.html#/aurelia/framework/latest/doc/article/getting-started", "description": ""}, {"name": "Official GitHub Repo", "url": "https://github.com/aurelia/framework", "description": "", "stars": "12k"}, {"name": "Rob Eisenberg on Twitter", "url": "https://twitter.com/eisenbergeffect", "description": ""}, {"name": "`#aureliajs`", "url": "https://twitter.com/hashtag/aureliajs", "description": ""}, {"name": "Aurelia Forum", "url": "https://discourse.aurelia.io/", "description": ""}, {"name": "Gitter Channel", "url": "https://gitter.im/Aurelia/Discuss", "description": ""}, {"name": "Gitter Channel", "url": "https://gitter.im/cmichaelgraham/aurelia-typescript", "description": ""}, {"name": "Aurelia StackOverflow", "url": "http://stackoverflow.com/questions/tagged/aurelia", "description": ""}, {"name": "Aurelia AMA (Ask Me Anything)", "url": "https://hashnode.com/ama/with-aurelia-team-cijv67apt000o535313ewe3qo", "description": ""}, {"name": "/r/Aureliajs Subreddit", "url": "http://www.reddit.com/r/aureliajs/", "description": ""}, {"name": "Aurelia on Google+", "url": "https://plus.google.com/communities/103785338632993439883", "description": ""}, {"name": "Personal blog of Aurelia developer Matthew James Davis", "url": "http://davismj.me/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Jeremy Danyow", "url": "http://www.danyow.net/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Patrick Walters aka 'PWKAD'", "url": "http://patrickwalters.net/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Ashley Grant", "url": "http://blog.ashleygrant.com/", "description": ""}, {"name": "Personal blog of Australian Front End / Aurelia Javascript Developer Dwayne Charrington", "url": "http://ilikekillnerds.com/category/javascript/aurelia/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Don Wilcox aka 'drdwilcox'", "url": "http://drdwilcox.blogspot.com/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Michael Lambert", "url": "http://hobbit-on-aurelia.net/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Sean Hunter", "url": "http://sean-hunter.io/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Paul van Bladel", "url": "http://blog.opinionatedapps.com/", "description": ""}, {"name": "Personal blog on Aurelia dev / Developer Jason Sobell", "url": "http://www.sobell.net/category/aurelia/", "description": ""}, {"name": "Rob Eisenberg's other Blog", "url": "http://eisenbergeffect.bluespire.com/", "description": ""}, {"name": "Medium posts by Aurelia Core team member Erik Lieben", "url": "https://medium.com/@eriklieben", "description": ""}, {"name": "Personal blog of Canadian developer Manuel Guilbault", "url": "http://manuelguilbault.com/", "description": ""}, {"name": "Personal blog of Canadian developer Jeremy Gonzalez", "url": "http://www.jeremyg.net/", "description": ""}, {"name": "Personal blog of German developer Katharina B\u00e4hr", "url": "https://kabaehr.de/", "description": ""}, {"name": "Personal blog of American developer Eric L. Anderson", "url": "https://elanderson.net/tag/aurelia/", "description": ""}, {"name": "Chrome Extension", "url": "https://chrome.google.com/webstore/detail/aurelia-inspector/ofemgdknaajmpeoblfdjkenbpcfbdefg", "description": ""}, {"name": "vscode-extension", "url": "https://github.com/aurelia/vscode-extension", "description": "", "stars": "116"}, {"name": "vscode-aurelia-snippets", "url": "https://github.com/behzad888/vscode-aurelia-snippets", "description": "", "stars": "15"}, {"name": "aurelia-update", "url": "https://github.com/SpoonX/aurelia-update", "description": "", "stars": "17"}, {"name": "aurelia-template-lint", "url": "https://github.com/MeirionHughes/aurelia-template-lint", "description": "", "stars": "4"}, {"name": "atom-aurelia-snippets", "url": "https://atom.io/packages/atom-aurelia-snippets", "description": ""}, {"name": "aurelia-installer", "url": "https://github.com/kristianmandrup/aurelia-installer", "description": "", "stars": "4"}, {"name": "aurelia-debugger", "url": "https://github.com/charlespockert/aurelia-debugger", "description": "", "stars": "5"}, {"name": "Beginner kits", "url": "https://github.com/aurelia/beginner-kits", "description": ""}, {"name": "TypeScript + Webpack Starter Kit", "url": "https://github.com/michaelbull/aurelia-typescript-webpack-starter", "description": "", "stars": "28"}, {"name": "**{{** add\\_your\\_repo **}}**", "url": "https://github.com/behzad888/awesome/edit/master/README.md", "description": ""}, {"name": "zewa666/generator-aurelia", "url": "https://github.com/zewa666/generator-aurelia", "description": "", "stars": "77"}, {"name": "kristianmandrup/generator-aurelia-ts", "url": "https://github.com/kristianmandrup/generator-aurelia-ts", "description": "", "stars": "29"}, {"name": "Aurelia Getting Started Cheat Sheet by ErikCH", "url": "http://www.cheatography.com/erikch/cheat-sheets/aurelia-getting-started/", "description": ""}, {"name": "Aurelia Value Converters", "url": "https://jdanyow.github.io/aurelia-converters-sample/", "description": ""}, {"name": "Aurelia & Framework7 vs. Angular2 & Ionic2", "url": "http://www.jujens.eu/posts/en/2016/Mar/15/ionic2-aurelia-f7/", "description": ""}, {"name": "Aurelia-styleguide", "url": "https://github.com/behzad888/Aurelia-styleguide", "description": "", "stars": "24"}, {"name": "Aurelia Tutorial | TutorialsPoint", "url": "https://www.tutorialspoint.com/aurelia/index.htm", "description": ""}, {"name": "Aurelia for Real World Applications", "url": "https://leanpub.com/aurelia-for-real-world-applications", "description": ""}, {"name": "Mastering Aurelia Store", "url": "https://leanpub.com/mastering-aurelia-store", "description": ""}, {"name": "Aurelia in Action", "url": "https://www.manning.com/books/aurelia-in-action", "description": ""}, {"name": "Hands-On Full Stack Web Development with Aurelia", "url": "https://www.packtpub.com/web-development/hands-full-stack-web-development-aurelia", "description": ""}, {"name": "Practical App Development with Aurelia", "url": "https://www.apress.com/gp/book/9781484234013", "description": ""}, {"name": "Practical Aurelia", "url": "https://leanpub.com/practical-aurelia", "description": ""}, {"name": "Learning Aurelia", "url": "https://www.packtpub.com/web-development/learning-aurelia", "description": ""}, {"name": "Beginning Aurelia", "url": "https://leanpub.com/beginning-of-aurelia", "description": ""}, {"name": "Aurelia App Amazement", "url": "https://www.gitbook.com/book/kristianmandrup/aurelia-app-amazement/details", "description": ""}, {"name": "Authorization in Aurelia using CASL", "url": "https://medium.com/@sergiy.stotskiy/casl-based-authorization-in-aurelia-app-3e44c0fe1703", "description": ""}, {"name": "Official Aurelia Material Design (Github)", "url": "https://github.com/joelcoxokc/aurelia-interface", "description": "", "stars": "86"}, {"name": "aurelia-mdl", "url": "https://github.com/genadis/aurelia-mdl", "description": "", "stars": "21"}, {"name": "aurelia-material", "url": "https://github.com/redpelicans/aurelia-material", "description": "", "stars": "49"}, {"name": "aurelia-mdl-plugin", "url": "https://github.com/arabsight/aurelia-mdl-plugin", "description": "", "stars": "19"}, {"name": "**{{** add\\_your\\_repo **}}**", "url": "https://github.com/behzad888/awesome/edit/master/README.md", "description": ""}, {"name": "aurelia-auth", "url": "https://github.com/paulvanbladel/aurelia-auth", "description": "", "stars": "201"}, {"name": "aurelia-computed", "url": "https://github.com/jdanyow/aurelia-computed", "description": "", "stars": "25"}, {"name": "aurelia-i18n", "url": "https://github.com/aurelia/i18n", "description": "", "stars": "93"}, {"name": "aurelia-ui-virtualization", "url": "https://github.com/aurelia/ui-virtualization", "description": "", "stars": "96"}, {"name": "aurelia-bs-grid", "url": "https://github.com/charlespockert/aurelia-bs-grid", "description": "", "stars": "45"}, {"name": "aurelia-polymer", "url": "https://github.com/roguePanda/aurelia-polymer", "description": "", "stars": "18"}, {"name": "aurelia-google-maps", "url": "https://github.com/Vheissu/aurelia-google-maps", "description": "", "stars": "48"}, {"name": "webpack-plugin", "url": "https://github.com/aurelia/webpack-plugin", "description": "", "stars": "91"}, {"name": "aurelia-cycle", "url": "https://github.com/niieani/aurelia-cycle", "description": "", "stars": "6"}, {"name": "aurelia-kendoui-bridge", "url": "https://github.com/aurelia-ui-toolkits/aurelia-kendoui-bridge", "description": "", "stars": "117"}, {"name": "aurelia-long-click-event", "url": "https://github.com/avrahamcool/aurelia-long-click-event", "description": "", "stars": "7"}, {"name": "aurelia-react-loader", "url": "https://github.com/bryanrsmith/aurelia-react-loader", "description": "", "stars": "25"}, {"name": "aurelia-validatejs", "url": "https://github.com/aurelia/validatejs", "description": "", "stars": "21"}, {"name": "aurelia-view-pipeline", "url": "https://github.com/behzad888/aurelia-view-pipeline", "description": "", "stars": "2"}, {"name": "aurelia-routed-footer", "url": "https://github.com/drivesoftware/aurelia-routed-footer", "description": "", "stars": "2"}, {"name": "aurelia-api", "url": "https://github.com/SpoonX/aurelia-api", "description": "", "stars": "74"}, {"name": "aurelia-authentication", "url": "https://github.com/SpoonX/aurelia-authentication", "description": "", "stars": "92"}, {"name": "aurelia-orm", "url": "https://github.com/SpoonX/aurelia-orm", "description": "", "stars": "78"}, {"name": "aurelia-notification", "url": "https://github.com/SpoonX/aurelia-notification", "description": "", "stars": "29"}, {"name": "aurelia-binding-loader", "url": "https://github.com/bryanrsmith/aurelia-binding-loader", "description": "", "stars": "12"}, {"name": "aurelia-dragula", "url": "https://github.com/michaelmalonenz/aurelia-dragula", "description": "", "stars": "29"}, {"name": "aurelia-breeze", "url": "https://github.com/jdanyow/aurelia-breeze", "description": "", "stars": "63"}, {"name": "aurelia-bootstrap-datepicker", "url": "https://github.com/Itprosolutions/aurelia-bootstrap-datepicker", "description": ""}, {"name": "Aurelia-Configuration", "url": "https://github.com/vheissu/aurelia-configuration", "description": "", "stars": "105"}, {"name": "aurelia-environment", "url": "https://github.com/MarcScheib/aurelia-environment", "description": "", "stars": "6"}, {"name": "aurelia-firebase", "url": "https://github.com/pulsarblow/aurelia-firebase", "description": "", "stars": "24"}, {"name": "aurelia-flux", "url": "https://github.com/tfrydrychewicz/aurelia-flux", "description": "", "stars": "74"}, {"name": "aurelia-grid", "url": "https://github.com/corneliutusnea/aurelia-grid", "description": "", "stars": "15"}, {"name": "aurelia-google-analytics", "url": "https://github.com/miguelzakharia/aurelia-google-analytics", "description": "", "stars": "29"}, {"name": "aurelia-knockout", "url": "https://github.com/code-chris/aurelia-knockout", "description": "", "stars": "22"}, {"name": "aurelia-leaflet", "url": "https://github.com/ceoaliongroo/aurelia-leaflet", "description": "", "stars": "4"}, {"name": "aurelia-notify", "url": "https://github.com/MarcScheib/aurelia-notify", "description": "", "stars": "14"}, {"name": "aurelia-rethink-bindtable", "url": "https://github.com/kristianmandrup/aurelia-rethink-bindtable", "description": "", "stars": "16"}, {"name": "aurelia-sails-socket-client", "url": "https://github.com/Mordred/aurelia-sails-socket-client", "description": "", "stars": "21"}, {"name": "aurelia-switch", "url": "https://github.com/Itprosolutions/aurelia-switch", "description": ""}, {"name": "aurelia-yt-player", "url": "https://github.com/genadis/aurelia-yt-player", "description": "", "stars": "4"}, {"name": "abalmus/aurelia-ace-editor", "url": "https://github.com/abalmus/aurelia-ace-editor", "description": "", "stars": "4"}, {"name": "Tseberechts/aurelia-place-picker", "url": "https://github.com/Tseberechts/aurelia-place-picker", "description": "", "stars": "1"}, {"name": "treacherous-aurelia", "url": "https://github.com/grofit/treacherous-aurelia", "description": "", "stars": "2"}, {"name": "aurelia-filter", "url": "https://github.com/SpoonX/aurelia-filter", "description": "", "stars": "7"}, {"name": "aurelia-charts", "url": "https://github.com/SpoonX/aurelia-charts", "description": "", "stars": "12"}, {"name": "aurelia-view-manager", "url": "https://github.com/SpoonX/aurelia-view-manager", "description": "", "stars": "10"}, {"name": "aurelia-resize", "url": "https://github.com/MeirionHughes/aurelia-resize", "description": "", "stars": "17"}, {"name": "aurelia-keyboard-plugin", "url": "https://github.com/Novatrox/aurelia-keyboard-plugin", "description": "", "stars": "6"}, {"name": "aurelia-ui-framework", "url": "https://github.com/adarshpastakia/aurelia-ui-framework", "description": "", "stars": "154"}, {"name": "aurelia-tags-input", "url": "https://github.com/TGMorais/aurelia-tags-input", "description": "", "stars": "8"}, {"name": "aurelia-formio", "url": "https://github.com/formio/aurelia-formio", "description": "", "stars": "45"}, {"name": "aurelia-swipeout", "url": "https://github.com/michaelbull/aurelia-swipeout", "description": "", "stars": "11"}, {"name": "aurelia-split-pane", "url": "https://github.com/michaelbull/aurelia-split-pane", "description": "", "stars": "12"}, {"name": "aurelia-bootstrap-plugins", "url": "https://github.com/ghiscoding/Aurelia-Bootstrap-Plugins", "description": "", "stars": "46"}, {"name": "aurelia-slickgrid", "url": "https://github.com/ghiscoding/aurelia-slickgrid", "description": "", "stars": "116"}, {"name": "casl-aurelia", "url": "https://github.com/stalniy/casl/tree/master/packages/casl-aurelia", "description": "", "stars": "4.3k"}, {"name": "aurelia-json-schema-form", "url": "https://github.com/jbockle/aurelia-json-schema-form", "description": "", "stars": "13"}, {"name": "aurelia-highlightjs", "url": "https://aurelia-highlightjs.r-w-x.net/#/demo", "description": ""}, {"name": "aurelia-fontawesome", "url": "https://github.com/jmzagorski/aurelia-fontawesome", "description": "", "stars": "14"}, {"name": "aurelia-kis-oidc", "url": "https://github.com/kisssdev/aurelia-kis-oidc", "description": "", "stars": "8"}, {"name": "aurelia-telemetry", "url": "https://github.com/manuel-guilbault/aurelia-telemetry", "description": "", "stars": "1"}, {"name": "**{{** add\\_your\\_repo **}}**", "url": "https://github.com/behzad888/awesome/edit/master/README.md", "description": ""}, {"name": "aurelia-animator-tinyanimate", "url": "https://github.com/gooy/aurelia-animator-tinyanimate", "description": "", "stars": "3"}, {"name": "sukobuto/aurelia-tinymce-sample", "url": "https://github.com/sukobuto/aurelia-tinymce-sample", "description": "", "stars": "1"}, {"name": "stamp-web/stamp-web-aurelia", "url": "https://github.com/stamp-web/stamp-web-aurelia", "description": "", "stars": "16"}, {"name": "aurelia-tabs", "url": "https://github.com/Vheissu/aurelia-tabs", "description": "", "stars": "17"}, {"name": "aurelia-flickr-ts-memo-game", "url": "https://github.com/kst83/aurelia-flickr-ts-memo-game", "description": ""}, {"name": "aurelia-datatable", "url": "https://github.com/SpoonX/aurelia-datatable", "description": "", "stars": "32"}, {"name": "aurelia-v-grid", "url": "https://github.com/aurelia-ui-toolkits/aurelia-v-grid", "description": "", "stars": "22"}, {"name": "aurelia-leaflet", "url": "https://github.com/benib/aurelia-leaflet", "description": "", "stars": "16"}, {"name": "aurelia-chart", "url": "https://github.com/grofit/aurelia-chart", "description": "", "stars": "45"}, {"name": "aurelia-toolbelt", "url": "https://github.com/aurelia-toolbelt/aurelia-toolbelt", "description": "", "stars": "65"}, {"name": "ag-grid-aurelia", "url": "https://github.com/ag-grid/ag-grid/tree/master/packages/ag-grid-aurelia", "description": "", "stars": "9.3k"}, {"name": "sentry", "url": "https://github.com/Foursails/sentry", "description": "", "stars": "54"}, {"name": "aurelia-authentication-loopback-sample", "url": "https://github.com/doktordirk/aurelia-authentication-loopback-sample", "description": "", "stars": "7"}, {"name": "aurelia-identityserver-aspnetcore", "url": "https://github.com/paulvanbladel/aurelia-identityserver-aspnetcore", "description": "", "stars": "37"}, {"name": "casl-aurelia-example", "url": "https://github.com/stalniy/casl-aurelia-example", "description": "", "stars": "5"}, {"name": "pollyfils", "url": "https://github.com/aurelia/polyfills", "description": "", "stars": "25"}, {"name": "aurelia-sails-socket-client", "url": "https://github.com/Mordred/aurelia-sails-socket-client", "description": "", "stars": "21"}, {"name": "aurelia-bundler", "url": "https://github.com/aurelia/bundler", "description": "", "stars": "39"}, {"name": "**{{** add\\_your\\_repo **}}**", "url": "https://github.com/behzad888/awesome/edit/master/README.md", "description": ""}, {"name": "jdanyow/aurelia-breeze-northwind", "url": "https://github.com/jdanyow/aurelia-breeze-northwind", "description": "", "stars": "95"}, {"name": "jdanyow/aurelia-solitaire", "url": "https://github.com/jdanyow/aurelia-solitaire", "description": "", "stars": "74"}, {"name": "discosultan/aurelia-minesweeper", "url": "https://github.com/discosultan/aurelia-minesweeper/", "description": "", "stars": "8"}, {"name": "aurelia-webapi-example", "url": "https://github.com/jimschubert/aurelia-webapi-example", "description": "", "stars": "3"}, {"name": "michaelbull/aurelia-hacker-news", "url": "https://github.com/michaelbull/aurelia-hacker-news#aurelia-hacker-news-clone", "description": "", "stars": "61"}, {"name": "Built with Aurelia", "url": "http://builtwithaurelia.com/", "description": ""}, {"name": "aurelia-electron-webpack", "url": "https://github.com/timfish/aurelia-electron-webpack", "description": "", "stars": "29"}, {"name": "AureliaElectronHappiness", "url": "https://github.com/seesharper/AureliaElectronHappiness", "description": "", "stars": "7"}, {"name": "electron-aurelia-example", "url": "https://github.com/jimschubert/electron-aurelia-example", "description": "", "stars": "36"}], "notes": [], "source": "Aurelia"}, {"name": "Aurelia \u2014 TypeScript", "entries": [{"name": "TypeScript", "url": "http://www.typescriptlang.org/", "description": ""}, {"name": "REPL", "url": "http://www.typescriptlang.org/Playground", "description": ""}, {"name": "TypeScript Repository (GitHub)", "url": "https://github.com/Microsoft/TypeScript", "description": "", "stars": "85k"}, {"name": "DefinitelyTyped Repository (GitHub)", "url": "https://github.com/DefinitelyTyped/DefinitelyTyped", "description": "", "stars": "41k"}, {"name": "TSD", "url": "http://definitelytyped.org/tsd", "description": ""}, {"name": "Aurelia Typescript", "url": "https://github.com/cmichaelgraham/aurelia-typescript", "description": "", "stars": "143"}, {"name": "aurelia-axel", "url": "https://github.com/cmichaelgraham/aurelia-axel", "description": "", "stars": "2"}, {"name": "aurelia-axel-northwind", "url": "https://github.com/cmichaelgraham/aurelia-axel-northwind", "description": "", "stars": "2"}, {"name": "aurelia-skeleton-navigation-gulp-typescript", "url": "https://github.com/Enrapt/aurelia-skeleton-navigation-gulp-typescript", "description": "", "stars": "12"}, {"name": "aurelia-chrome-extension-seed", "url": "https://github.com/PraveenGandhi/aurelia-chrome-extension-seed", "description": "", "stars": "0"}, {"name": "**{{** add\\_your\\_repo **}}**", "url": "https://github.com/behzad888/awesome/edit/master/README.md", "description": ""}], "notes": [], "source": "Aurelia"}, {"name": "Aurelia \u2014 ES5", "entries": [{"name": "**{{** help\\_add\\_resources **}}**", "url": "https://github.com/behzad888/awesome/edit/master/README.md", "description": ""}, {"name": "ahmedshuhel/nav-app-es5", "url": "https://github.com/ahmedshuhel/nav-app-es5", "description": "", "stars": "9"}, {"name": "aurelia-observer-patterns", "url": "https://github.com/axwalker/aurelia-observer-patterns", "description": "", "stars": "28"}], "notes": [], "source": "Aurelia"}, {"name": "Aurelia \u2014 Meteor", "entries": [{"name": "TsumiNa/meteor-aurelia", "url": "https://github.com/TsumiNa/meteor-aurelia", "description": "", "stars": "24"}], "notes": [], "source": "Aurelia"}, {"name": "Less", "entries": [{"name": "About", "url": "#about", "description": ""}, {"name": "Getting Started", "url": "#getting-started", "description": ""}, {"name": "UI/Theme Frameworks and Components", "url": "#uitheme-frameworks-and-components", "description": ""}, {"name": "Libraries and Mixins", "url": "#libraries-and-mixins", "description": ""}, {"name": "Style Guides", "url": "#style-guides", "description": ""}, {"name": "Ports of Less", "url": "#ports-of-less", "description": ""}, {"name": "GUIs, Editors and Plugins", "url": "#guis-editors-and-plugins", "description": ""}, {"name": "Online Less Compilers", "url": "#online-less-compilers", "description": ""}, {"name": "Online Web IDEs/Playgrounds with Less support", "url": "#online-web-idesplaygrounds-with-less-support", "description": ""}, {"name": "Translations", "url": "#translations", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Experiments", "url": "#experiments", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "License", "url": "#license", "description": ""}, {"name": "Beginner's Guide", "url": "http://www.hongkiat.com/blog/less-basic/", "description": ""}, {"name": "Getting Started with Less", "url": "https://scotch.io/tutorials/getting-started-with-less", "description": ""}, {"name": "Learn in 10 Minutes", "url": "http://tutorialzine.com/2015/07/learn-less-in-10-minutes-or-less/", "description": ""}, {"name": "Official Guide", "url": "http://lesscss.org/", "description": ""}, {"name": "Official Repository", "url": "https://github.com/less/less.js", "description": "", "stars": "17k"}, {"name": "1pxdeep", "url": "http://rriepe.github.io/1pxdeep/", "description": "Brings designing by relative visual weight, or designing with color schemes, to Bootstrap."}, {"name": "Ant Design", "url": "https://github.com/ant-design/ant-design/", "description": "An enterprise-class UI design language and React-based implementation.", "stars": "82k"}, {"name": "Bootstrap a11y theme", "url": "https://github.com/bassjobsen/bootstrap-a11y-theme", "description": "Makes web accessibility easier for Bootstrap developers.", "stars": "31"}, {"name": "Bootstrap 3", "url": "http://getbootstrap.com/", "description": "Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web."}, {"name": "Bootswatch", "url": "http://bootswatch.com/", "description": "Collection of free themes for Bootstrap."}, {"name": "Cardinal", "url": "http://cardinalcss.com/", "description": "Small \"mobile first\" CSS framework for front-end developers who build responsive web applications."}, {"name": "CSSH\u00f3rus", "url": "https://github.com/firminoweb/csshorus", "description": "Library for development of responsive and mobile websites.", "stars": "71"}, {"name": "Flat UI Free", "url": "http://designmodo.github.io/Flat-UI/", "description": "Theme and framework for Bootstrap."}, {"name": "JBST", "url": "http://jbst.eu/", "description": "Theme framework that can be used as a standalone website builder or to create WordPress themes."}, {"name": "Less Rails", "url": "https://github.com/metaskills/less-rails", "description": "Less for Rails.", "stars": "340"}, {"name": "Material Design for Bootstrap", "url": "https://github.com/FezVrasta/bootstrap-material-design", "description": "Material Design for Bootstrap is a Bootstrap V3 compatible theme; it is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application.", "stars": "22"}, {"name": "Metro UI CSS", "url": "http://metroui.org.ua/", "description": "Set of styles to create a site with an interface similar to Windows 8."}, {"name": "Schema", "url": "http://danmalarkey.github.io/schema/", "description": "Light, responsive, and lean frontend UI framework."}, {"name": "Semantic UI", "url": "http://semantic-ui.com/", "description": "UI component framework based around useful principles from natural language."}, {"name": "UIkit", "url": "https://getuikit.com/", "description": "Lightweight and modular front-end framework for developing web interfaces."}, {"name": "Wee", "url": "https://www.weepower.com/", "description": "Lightweight front-end framework for logically building complex, responsive web projects."}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Grid", "entries": [{"name": "Bootstrap Grid Only", "url": "https://github.com/zirafa/bootstrap-grid-only", "description": "Bootstrap's responsive grid and responsive utility classes only, without any extras. Lightweight yet still powerful. Style to taste.", "stars": "454"}, {"name": "Framework", "url": "https://github.com/jonikorpi/Less-Framework", "description": "Less Framework is a CSS grid system for designing adaptive web sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.", "stars": "706"}, {"name": "Flexible Grid System", "url": "http://flexible.gs/", "description": "This framework will let you create your web applications in a flexible way that you've never experienced before."}, {"name": "Fluidable", "url": "http://fluidable.com/", "description": "Fluidable is a mobile first, responsive grid system. It is standalone, lightweight & built using Less."}, {"name": "Grid System", "url": "https://github.com/goodpixels/less-grid-system", "description": "Super-easy to use, markup-independent grid system.", "stars": "7"}, {"name": "Less Zen Grid", "url": "https://github.com/bassjobsen/LESS-Zen-Grid", "description": "Implementation of [Zen Grids (\u2b50236)](https://github.com/JohnAlbin/zen-grids) in Less.", "stars": "5"}, {"name": "Order.Less", "url": "https://github.com/chromice/order.less", "description": "Baseline alignment, column grids and modular scales.", "stars": "21"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Media Queries", "entries": [{"name": "CSS and Media Query Strategies", "url": "https://github.com/buymeasoda/less-media-queries", "description": "Using Less CSS to develop a media query driven solution for modern and legacy browsers.", "stars": "17"}, {"name": "Media Queries Library", "url": "https://github.com/mrmlnc/less-mq", "description": "Really simple media queries in Less.", "stars": "9"}, {"name": "Media Query to Type", "url": "https://github.com/himedlooff/media-query-to-type", "description": "A method for creating an IE specific stylesheet that allows the content of media queries to become accessible to Internet Explorer 8 and below.", "stars": "10"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Color", "entries": [{"name": "Brand Colors", "url": "http://brand-colors.com/", "description": "1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS."}, {"name": "More-Colors", "url": "http://jasonrobb.github.io/More-Colors.less/", "description": "Variables for easier color manipulation while you design in the browser."}, {"name": "Open Color", "url": "https://github.com/yeun/open-color", "description": "Open color is a color scheme for UI design. Available in CSS, SCSS, Less, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.", "stars": "4.8k"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Animation", "entries": [{"name": "Animate", "url": "https://github.com/joshuapekera/animate", "description": "A library of CSS3 keyframe animations authored using Less.", "stars": "45"}, {"name": "Animate Less", "url": "https://github.com/machito/animate.less", "description": "Port of Dan Eden's [Animate.css](https://daneden.github.io/animate.css/) to Less.", "stars": "528"}, {"name": "Cube Less", "url": "https://github.com/sparanoid/cube.less", "description": "3D (animated) cube using only CSS (Less), originally used by LeanCloud (aka. AVOS Cloud).", "stars": "53"}, {"name": "Hover", "url": "http://ianlunn.github.io/Hover/", "description": "Collection of CSS3 powered hover animated effects to be applied to links, buttons, logos, SVG, featured images and so on."}, {"name": "Less Burguer", "url": "https://github.com/MarkRabey/less-burger", "description": "Port of [Sass Burger](http://joren.co/sass-burger/) to Less.", "stars": "5"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Miscellaneous", "entries": [{"name": "3L", "url": "http://mateuszkocz.github.io/3l/", "description": "Mixins library."}, {"name": "Bidi", "url": "https://github.com/danielkatz/less-bidi", "description": "Set of mixins for creating bi-directional styling.", "stars": "13"}, {"name": "Clearless", "url": "http://clearleft.github.io/clearless/", "description": "Collection of mixins."}, {"name": "Css3LessPlease", "url": "http://chrsr.com/css3lessplease/", "description": "Conversion of css3please.com to Less mixins."}, {"name": "CssEffects", "url": "http://adodson.com/css-effects/", "description": "Collection of CSS style effects."}, {"name": "Cssowl", "url": "http://cssowl.owl-stars.com/", "description": "Mixin library."}, {"name": "Dynamic Stylesheet", "url": "https://github.com/mrkrupski/LESS-Dynamic-Stylesheet", "description": "Set of useful mixins.", "stars": "99"}, {"name": "Est", "url": "https://github.com/ecomfe/est/", "description": "Mixin library.", "stars": "397"}, {"name": "Hexagon", "url": "http://db0company.github.io/css-hexagon/", "description": "Generate CSS hexagons with custom size and color."}, {"name": "Homeless", "url": "https://github.com/pixelass/homeless", "description": "Helpful functions."}, {"name": "Less Elements", "url": "http://lesselements.com/", "description": "Set of basic mixins."}, {"name": "Lesshat", "url": "https://github.com/madebysource/lesshat", "description": "Smart mixins library.", "stars": "2.2k"}, {"name": "Lessley", "url": "https://github.com/pixelass/lessley", "description": "A jasmine like testing suite written in pure Less."}, {"name": "Lessmore", "url": "https://github.com/belyan/lessmore", "description": "Mixins library. Cross-browser support for the CSS3 features and more.", "stars": "5"}, {"name": "Normalize", "url": "https://github.com/segundofdez/normalize.less", "description": "Modularized famous [normalize.css (\u2b5049k)](https://github.com/necolas/normalize.css/) using Less.", "stars": "13"}, {"name": "Oban", "url": "http://oban.io/", "description": "Collection of mixins."}, {"name": "Preboot", "url": "https://github.com/mdo/preboot", "description": "Collection of mixins and variables for writing better CSS.", "stars": "1.7k"}, {"name": "Retina.js", "url": "https://github.com/imulus/retinajs", "description": "JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants.", "stars": "4.5k"}, {"name": "Shape", "url": "https://github.com/fahad19/shape.less", "description": "Collection of mixins for various shapes.", "stars": "36"}, {"name": "TRRtoolbelt", "url": "https://github.com/therebelrobot/tRRtoolbelt.less", "description": "Mixins and functions for common actions.", "stars": "2"}, {"name": "Handshake Style Guide", "url": "https://github.com/handshake/less-style-guide", "description": "This guide presents a collection of best-practices and coding conventions.", "stars": "7"}, {"name": "WebMD Health Services Style Guide", "url": "https://github.com/bitmap/less-styleguide", "description": "This document outlines CSS/Less best practices at WebMD Health Services.", "stars": "2"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Java", "entries": [{"name": "JLessC", "url": "https://github.com/i-net-software/jlessc", "description": "Less compiler written completely in Java.", "stars": "50"}, {"name": "Less Engine", "url": "https://github.com/Asual/lesscss-engine", "description": "Runs Less in the Rhino JVM-based JavaScript interpreter.", "stars": "223"}, {"name": "Less CSS Compiler for Java", "url": "https://github.com/marceloverdijk/lesscss-java", "description": "Runs Less in the Rhino JVM-based JavaScript interprete.", "stars": "165"}, {"name": "Less4j", "url": "https://github.com/SomMeri/less4j", "description": "Native Java implementation.", "stars": "141"}, {"name": "Lesscss", "url": "https://github.com/houbie/lesscss", "description": "Runs Less using Rhino, Nasshorn or node.js engine; 1.7.0 compliant.", "stars": "11"}, {"name": "Lesscss Gradle Plugin", "url": "https://github.com/houbie/lesscss-gradle-plugin", "description": "Gradle plugin based on Less.", "stars": "10"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 .Net", "entries": [{"name": "BundleTransformer.Less", "url": "http://www.nuget.org/packages/BundleTransformer.Less/", "description": "Compiler written in .Net."}, {"name": "Less CSS for .Net", "url": "http://www.dotlesscss.org/", "description": "Compiler written in .Net."}], "notes": [], "source": "Less"}, {"name": "Less \u2014 PHP", "entries": [{"name": "ILess", "url": "https://github.com/mishal/iless", "description": "PHP port written in Javascript.", "stars": "46"}, {"name": "Lessphp", "url": "http://leafo.net/lessphp/", "description": "Compiler written in PHP."}, {"name": "Less.php", "url": "http://lessphp.gpeasy.com/", "description": "PHP port."}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Python", "entries": [{"name": "Pyhton Compiler", "url": "https://github.com/lesscpy/lesscpy", "description": "Compiler written in Python.", "stars": "141"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Ruby", "entries": [{"name": "Ruby Compiler", "url": "https://github.com/cowboyd/less.rb", "description": "Less in Ruby's V8 Engine.", "stars": "118"}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Go", "entries": [{"name": "Go Compiler", "url": "https://github.com/kib357/less-go", "description": "Runs Less inside embedded Javascript engine.", "stars": "18"}, {"name": "Atom Linter", "url": "https://github.com/josa42/atom-linter-less", "description": "Linter plugin in the Atom text editor.", "stars": "11"}, {"name": "CSS 2 Convert", "url": "http://css2less.co/", "description": "Quick way to automatically convert CSS to Less, easy as copy and paste."}, {"name": "CSS Less(ish)", "url": "https://github.com/kizza/CSS-Less-ish", "description": "Sublime Text 2 & 3 plugin that implements a stripped down version of the functionality in css preprocessors (such as Less).", "stars": "49"}, {"name": "Crunch 2!", "url": "http://getcrunch.co/", "description": "Crunch 2 is a cross-platform (Windows, Mac, and Linux) editor with integrated compiling. If you work with large Less projects, you should definitely try it out, as you only need the free version for Less files."}, {"name": "Diamond", "url": "https://diamond.js.org", "description": "Dependency management built for Sass, Less, and CSS."}, {"name": "Eclipse Less Plugin", "url": "http://www.normalesup.org/\\~simonet/soft/ow/eclipse-less.html", "description": "This plugin extends the Eclipse IDE by providing handy features to edit and compile Less stylesheets."}, {"name": "Eclipse Transpiler Plugin", "url": "https://github.com/gossi/eclipse-transpiler-plugin", "description": "Eclipse plugin to automatically transpile your files (Less, SASS, CoffeeScript, etc.).", "stars": "21"}, {"name": "Emacs", "url": "https://github.com/purcell/less-css-mode", "description": "Emacs mode with support for compile-on-save.", "stars": "101"}, {"name": "Grunt Contrib", "url": "https://github.com/gruntjs/grunt-contrib-less", "description": "Compile Less files to CSS using Grunt.", "stars": "679"}, {"name": "Grunt Lint", "url": "https://github.com/jgable/grunt-lesslint", "description": "Lint your Less files using CSS Lint from Grunt.", "stars": "77"}, {"name": "Gulp Less", "url": "https://github.com/plus3network/gulp-less", "description": "Plugin for Gulp.", "stars": "567"}, {"name": "Hayaky", "url": "https://github.com/hayaku/hayaku", "description": "Hayaku is a bundle of useful scripts aiming for rapid front-end web development.", "stars": "970"}, {"name": "Hyra Helper", "url": "https://github.com/Hyra/less", "description": "CakePHP plugin that converts your Less files to CSS using only PHP.", "stars": "27"}, {"name": "Koala", "url": "http://koala-app.com/", "description": "Koala is a cross-platform GUI application for compiling Less, sass and coffeescript."}, {"name": "Less for Notepad++", "url": "https://github.com/azrafe7/LESS-for-Notepad-plusplus", "description": "Syntax Highlighting for Notepad++.", "stars": "71"}, {"name": "Less Sublime", "url": "https://github.com/danro/Less-sublime", "description": "Syntax highlighting for Sublime Text.", "stars": "502"}, {"name": "Lesshint", "url": "https://github.com/lesshint/lesshint", "description": "Tool to aid you in writing clean and consistent Less.", "stars": "118"}, {"name": "LiveReload", "url": "http://livereload.com/", "description": "CSS edits and image changes apply live. CoffeeScript, SASS, Less and others just work."}, {"name": "SimpleLess", "url": "https://wearekiss.com/simpless", "description": "SimpleLess is a minimalistic Less compiler. Just drag, drop and compile."}, {"name": "Sublime Less2CSS", "url": "https://github.com/timdouglas/sublime-less2css", "description": "Sublime Text 2 Plugin to compile Less files to css on save.", "stars": "207"}, {"name": "SublimeOnSaveBuild", "url": "https://github.com/alexnj/SublimeOnSaveBuild", "description": "Trigger a build the moment you save a file in Sublime Text 2. Works best with web projects that make use of Less, Compass and any other pre-processor or a makefile.", "stars": "231"}, {"name": "Vim Less", "url": "https://github.com/groenewege/vim-less", "description": "This vim bundle adds syntax highlighting, indenting and autocompletion.", "stars": "608"}, {"name": "Visual Studio Web Essentials", "url": "http://vswebessentials.com/", "description": "If you ever write CSS, HTML, JavaScript, TypeScript, CoffeeScript or Less, then you will find many useful features that make your life as a developer easier."}, {"name": "Winless", "url": "http://lesscss.org/usage/#editors-and-plugins", "description": "WinLess started out as a clone of Less.app, it takes a more feature-complete approach and has several settings. It also supports starting with command line arguments."}, {"name": "BeautifyTools Less Compiler", "url": "http://beautifytools.com/less-compiler.php", "description": "Online Less compiler with optional formatting and minification at [BeautifyTools](http://beautifytools.com/)."}, {"name": "EstFiddle", "url": "http://ecomfe.github.io/est/fiddle/", "description": "Online Less compiler providing live demo for Less and est. Allowing users to switch among all versions of Less after 1.4.0 with optional est/Autoprefixer functionalities."}, {"name": "ILess", "url": "http://demo-iless.rhcloud.com/", "description": "Live demo of [ILess (\u2b5046)](https://github.com/mishal/iless) PHP compiler."}, {"name": "Leafo", "url": "http://leafo.net/lessphp/editor.html", "description": "[Lessphp](http://leafo.net/lessphp/) live demo."}, {"name": "Less2CSS", "url": "http://less2css.org/", "description": "Online Integrated Development Environment (IDE) that is hosted in a browser allowing users to edit and compile Less to CSS in real-time."}, {"name": "LessPHP", "url": "http://lessphp.gpeasy.com/demo", "description": "[Less.php](http://lessphp.gpeasy.com/) live demo."}, {"name": "Lesstester", "url": "http://lesstester.com/", "description": "Online compiler for Less CSS."}, {"name": "Precess", "url": "http://precess.co/", "description": "A real time preprocesser compiler."}, {"name": "Winless", "url": "http://winless.org/online-less-compiler", "description": "This Online Less Compiler can help you to learn Less. You can go through the examples below or try your own Less code."}, {"name": "CodePen", "url": "http://codepen.io/", "description": "CodePen is a playground for the front end side of the web.."}, {"name": "CSSDeck Labs", "url": "http://cssdeck.com/labs", "description": "CSSDeck Labs is a place where you can quickly create some experiments (or testcases) that involves HTML, CSS, JS code."}, {"name": "Fiddle Salad", "url": "http://fiddlesalad.com/less/", "description": "An online playground with an instantly ready coding environment."}, {"name": "JS Bin", "url": "http://jsbin.com/", "description": "JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code."}, {"name": "JsFiddle", "url": "http://jsfiddle.net/hb2rsm2x/", "description": "Online Web Editor."}, {"name": "Chinese (\u4e2d\u6587)", "url": "http://lesscss.cn/", "description": ""}, {"name": "Danish", "url": "http://lesscss.dk/", "description": ""}, {"name": "German", "url": "http://www.lesscss.de", "description": ""}, {"name": "Indonesian", "url": "http://bertzzie.com/post/7/dokumentasi-less-bahasa-indonesia", "description": ""}, {"name": "Iranian", "url": "http://less-css.ir", "description": ""}, {"name": "Japanese", "url": "http://less-ja.studiomohawk.com/", "description": ""}, {"name": "Polish", "url": "http://ciembor.github.com/lesscss.org/", "description": ""}, {"name": "Spanish", "url": "http://amatellanes.github.io/lesscss.org/", "description": ""}, {"name": "Vietnamese", "url": "http://less.eten.vn/", "description": ""}, {"name": "An Introduction To Less, And Comparison To Sass", "url": "https://www.smashingmagazine.com/2011/09/an-introduction-to-less-and-comparison-to-sass/", "description": ""}, {"name": "Best Less Tutorials : A Comprehensive Guide to Less", "url": "http://www.cssauthor.com/less-tutorials/", "description": ""}, {"name": "Doing MORE with Less", "url": "https://medium.com/social-tables-tech/doing-more-with-less-256054d19f7d#.a41deg3dx", "description": ""}, {"name": "How to Make a Loops in Less CSS", "url": "https://medium.com/@omererkan/how-to-make-a-loops-in-less-css-d74062debef1#.snv6jqw5x", "description": ""}, {"name": "Lets use Less to Create Less CSS not just CSS", "url": "https://medium.com/@zamamohammed/lets-use-lessjs-to-create-less-css-not-just-css-2d45d92a62e8#.jsocohrne", "description": ""}, {"name": "Revisiting Less", "url": "https://medium.com/@ddprrt/revisiting-less-50b741bd884#.oyion811m", "description": ""}], "notes": [], "source": "Less"}, {"name": "Less \u2014 Books", "entries": [{"name": "Instant Less CSS Preprocessor How-to", "url": "https://www.packtpub.com/web-development/instant-less-css-preprocessor-how-instant", "description": ""}, {"name": "Less Web Development Essentials", "url": "http://pdf.th7.cn/down/files/1508/Less%20Web%20Development%20Essentials,%202nd%20Edition.pdf", "description": ""}, {"name": "Learning Less", "url": "https://www.packtpub.com/web-development/learning-lessjs", "description": ""}, {"name": "Learning Less", "url": "https://www.packtpub.com/web-development/learning-less-video", "description": ""}, {"name": "Less (CSS pre-processor) Tutorials", "url": "https://www.youtube.com/watch?v=oh7_iZWvIyU\\&list=PLE42615v2IxlxVyGZd0rKnOzbqUtUiekE", "description": ""}, {"name": "Less CSS Tutorials for Beginners", "url": "https://www.youtube.com/watch?v=YQYJUeokqOY\\&list=PL6gx4Cwl9DGCshbAx1JpBtNoKh8iKAAiy", "description": ""}, {"name": "Less CSS - Tutorials for Beginners", "url": "https://www.youtube.com/watch?v=-D5mWO9_vLI\\&list=PLLa1ZAmCB2zjEZ4QNLDi4173_xIGeV6nC", "description": ""}, {"name": "3D Buttons", "url": "https://codepen.io/MamayAlexander/pen/aAsiq", "description": ""}, {"name": "Border Radiuses Mixin", "url": "https://codepen.io/eky/pen/dCmnp", "description": ""}, {"name": "CSS3 Color Wheel", "url": "https://codepen.io/bitmap/pen/eBbHt", "description": ""}, {"name": "DEMO: Variables", "url": "https://codepen.io/ericrasch/pen/uGlvA", "description": ""}, {"name": "Easy Buttons", "url": "https://codepen.io/octavioamu/pen/zJexw", "description": ""}, {"name": "Linear Gradient Mixin", "url": "https://codepen.io/eky/pen/eAnCI", "description": ""}, {"name": "Navbar", "url": "https://codepen.io/lukasdietrich/pen/mkeAJ", "description": ""}, {"name": "Responsive Grid", "url": "https://codepen.io/mecarter/pen/idKqg", "description": ""}, {"name": "Sizable CSS-only Icons", "url": "https://codepen.io/ericrasch/pen/rndaF", "description": ""}, {"name": "Triangle / Arrow Mixin", "url": "https://codepen.io/eky/pen/AaCwF", "description": ""}, {"name": "More...", "url": "https://codepen.io/tag/less/", "description": ""}, {"name": "Contributing to Less", "url": "https://github.com/less/less.js/blob/master/CONTRIBUTING.md", "description": "", "stars": "17k"}, {"name": "Freenode", "url": "http://webchat.freenode.net/?randomnick=1\\&channels=%23%23lesscss", "description": ""}, {"name": "Medium", "url": "https://medium.com/search?q=less%20css", "description": ""}, {"name": "Quora", "url": "https://www.quora.com/topic/LESS-stylesheet-language", "description": ""}, {"name": "Stack Overflow", "url": "http://stackoverflow.com/questions/tagged/less", "description": ""}, {"name": "Twitter", "url": "https://twitter.com/hashtag/lesscss", "description": ""}], "notes": [], "source": "Less"}, {"name": "Webgl \u2014 What is WebGL", "entries": [{"name": "WebGL", "url": "#webgl", "description": ""}, {"name": "WebGL 2", "url": "#webgl-2", "description": ""}, {"name": "WebVR", "url": "#webvr", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Community", "url": "#community", "description": ""}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 WebGL sub-categories", "entries": [{"name": "Articles", "url": "#articles", "description": ""}, {"name": "Blog Series", "url": "#blog-series", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Bug Reporting", "url": "#bug-reporting", "description": ""}, {"name": "GLSL Editors", "url": "#glsl-editors", "description": ""}, {"name": "References", "url": "#references", "description": ""}, {"name": "Talks", "url": "#talks", "description": ""}, {"name": "Tools/Debugging", "url": "#toolsdebugging", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Articles", "entries": [{"name": "Context Loss & Preloading", "url": "https://medium.com/@mattdesl/non-intrusive-webgl-cebd176c281d#.gyc6h9mr5", "description": "How to manage WebGL when you run into the dreaded context lost."}, {"name": "WebGL Off the Main Thread", "url": "https://hacks.mozilla.org/2016/01/webgl-off-the-main-thread/", "description": "How to use Web Workers in WebGL."}, {"name": "Optimizing Scenes for Better WebGL Performance", "url": "https://www.soft8soft.com/docs/manual/en/introduction/Optimizing-WebGL-performance.html", "description": "optimization techniques that proved to work well for creating WebGL-based interactives."}, {"name": "First steps in WebGL", "url": "https://dev.to/aralroca/first-steps-in-webgl-385c", "description": "Learn what WebGL is and how it works by drawing a triangle."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Blog Series", "entries": [{"name": "Codeflow", "url": "http://codeflow.org/tags/webgl.html", "description": "Many blogs on different tricks and techniques."}, {"name": "Real-Time Rendering", "url": "http://www.realtimerendering.com/blog/tag/webgl/", "description": "This is the blog for the book *Real-Time Rendering*."}, {"name": "WebGL Best Practices", "url": "https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices", "description": "Mozilla's offical set of best practices."}, {"name": "WebGL Insights", "url": "http://webglinsights.blogspot.com/", "description": "This is the blog for the book *WebGL Insights*."}, {"name": "WebGL Month", "url": "https://github.com/lesnitsky/webgl-month", "description": "Daily WebGL tutorial for a month.", "stars": "225"}, {"name": "WebGL Image Processing", "url": "https://maximmcnair.com/webgl-image-processing", "description": "Covers a range of *Image Processing* algorithms in WebGL such as Color Correction, Blend Modes, Thresholding, Dithering, Convolution and Film Grain."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Books", "entries": [{"name": "Interactive Computer Graphics: A Top-Down Approach with WebGL", "url": "https://www.amazon.com/Interactive-Computer-Graphics-Top-Down-Approach/dp/0133574849", "description": ""}, {"name": "Professional WebGL Programming", "url": "https://www.amazon.com/Professional-WebGL-Programming-Developing-Graphics/dp/1119968860", "description": ""}, {"name": "Programming 3D Applications with HTML5 and WebGL", "url": "https://www.amazon.com/Programming-Applications-HTML5-WebGL-Visualization/dp/1449362966", "description": ""}, {"name": "WebGL Beginner's guide", "url": "https://www.amazon.com/WebGL-Beginners-Guide-Diego-Cantor/dp/184969172X", "description": ""}, {"name": "WebGL Hotshot", "url": "https://www.amazon.com/WebGL-Hotshot-Mitch-Williams-ebook/dp/B00KLAJ65Y", "description": ""}, {"name": "WebGL Insights", "url": "https://github.com/WebGLInsights/WebGLInsights.github.io/releases/download/v1.0/WebGL.Insights.-.Patrick.Cozzi.pdf", "description": "", "stars": "39"}, {"name": "WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL", "url": "https://www.amazon.com/WebGL-Programming-Guide-Interactive-Graphics/dp/0321902920", "description": ""}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Bug Reporting", "entries": [{"name": "Chrome Bug Report", "url": "https://bugs.chromium.org/p/chromium/issues/list", "description": "Chrome related bugs"}, {"name": "Khronos Github Issue Page", "url": "https://github.com/KhronosGroup/WebGL/issues", "description": "Spec or Conformance related bugs", "stars": "2.8k"}, {"name": "Mozilla BugZilla", "url": "https://bugzilla.mozilla.org", "description": "Firefox related bugs"}, {"name": "WebKit Bugzilla", "url": "https://bugs.webkit.org/enter_bug.cgi?assigned_to=cmarrin%40apple.com\\&attachurl=\\&blocked=\\&bug_file_loc=http%3A%2F%2F\\&bug_severity=Normal\\&bug_status=NEW\\&comment=\\&component=WebGL\\&contenttypeentry=\\&contenttypemethod=autodetect\\&contenttypeselection=text%2Fplain\\&data=\\&dependson=\\&description=\\&flag_type-1=X\\&flag_type-3=X\\&form_name=enter_bug\\&keywords=\\&maketemplate=Remember%20values%20as%20bookmarkable%20template\\&op_sys=Mac%20OS%20X%2010.5\\&priority=P2\\&product=WebKit\\&rep_platform=PC\\&short_desc=\\&version=528%2B%20%28Nightly%20build%29", "description": "Safari related bugs"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 GLSL Editors", "entries": [{"name": "Fractal Lab", "url": "http://hirnsohle.de/test/fractalLab/", "description": "Online fractal explorer allowing you to explore 2D and 2D fractal."}, {"name": "GLSL Sandbox", "url": "http://glslsandbox.com", "description": "Online live editor for fragment shaders."}, {"name": "GLSLbin", "url": "http://glslb.in", "description": "Fragment shader sandbox supporting [glslify (\u2b502.3k)](https://github.com/glslify/glslify)."}, {"name": "Shader Toy", "url": "https://www.shadertoy.com", "description": "Most popular live editor for fragment shaders."}, {"name": "ShaderFrog", "url": "https://shaderfrog.com/", "description": "WebGL Shader Editor and Composer."}, {"name": "SHDR Editor", "url": "http://shdr.bkcore.com", "description": "Live GLSL shader editor, viewer and validator."}, {"name": "ShaderExpo", "url": "https://anuraghazra.github.io/ShaderExpo/", "description": "Dependency free shader editor featuring inline error logs, auto completions, models and textures loading."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 References", "entries": [{"name": "Google Project ANGLE", "url": "https://github.com/google/angle", "description": "Default WebGL backend for both Google Chrome and Mozilla Firefox on Windows platforms.", "stars": "4k"}, {"name": "Khronos Official Wiki", "url": "https://www.khronos.org/webgl/wiki/", "description": "The official wiki for WebGL."}, {"name": "WebVR Community Group", "url": "https://www.w3.org/community/immersive-web/", "description": "Group who's goal is to help bring high-performance Virtual Reality to the open Web."}, {"name": "WebGL Errata", "url": "https://www.khronos.org/webgl/wiki/Errata_to_the_WebGL_Specification", "description": "Known bugs in graphics drivers affect the conformance suite, and consequently, portability of code."}, {"name": "WebGL Extensions", "url": "https://www.khronos.org/registry/webgl/extensions/", "description": "List of extensions for WebGL"}, {"name": "WebGL Reference Card", "url": "https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf", "description": "WebGL 1.0 API Quick Reference Card for printing."}, {"name": "WebGL Source Code", "url": "https://github.com/KhronosGroup/WebGL", "description": "Source code to both view and contribute.", "stars": "2.8k"}, {"name": "WebGL Spec Sheet", "url": "https://www.khronos.org/registry/webgl/specs/1.0/", "description": "All the detailed information about WebGL."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Talks", "entries": [{"name": "List of Presentations", "url": "https://www.khronos.org/webgl/wiki/Presentations", "description": "List presented by Khronos of various WebGL related presentations."}, {"name": "Next-Generation 3D Graphics on the Web", "url": "https://www.youtube.com/watch?v=K2JzIUIHIhc", "description": "Talk at Google I/O 19 from Ricardo Cabello (MrDoob)."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Tools/Debugging", "entries": [{"name": "Khronos Dev Tools", "url": "https://github.com/KhronosGroup/WebGLDeveloperTools", "description": "Useful WebGL developer tools, intended to be used as an ES6 module.", "stars": "214"}, {"name": "Spector.js", "url": "https://spector.babylonjs.com/", "description": "Agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes."}, {"name": "WebGL Inspector", "url": "http://benvanik.github.io/WebGL-Inspector/", "description": "Tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier."}, {"name": "WebGl Playground", "url": "http://jessevdk.github.io/webgl-play/", "description": "The editor lets you work on the JavaScript code and the GLSL vertex/fragment shaders (if you have any) at the same time in a convenient way. Everything is organized, formatted and highlighted properly, just as you would like."}, {"name": "WebGL Report", "url": "http://webglreport.com/?v=1", "description": "Way to view the details of what your browser supports for WebGL."}, {"name": "WebGL Support Stats", "url": "http://webglstats.com/", "description": "Interactive dashboard showing the support for WebGL features in different browsers and devices."}, {"name": "WebGL Texture Tester", "url": "http://toji.github.io/texture-tester/", "description": "Attempts to load one of every texture format supported by WebGL, intended to quickly show which formats your browser/device supports."}, {"name": "Web Tracing Framework", "url": "http://google.github.io/tracing-framework/index.html", "description": "Set of libraries, tools, and visualizers for the tracing and investigation of complex web applications."}, {"name": "GLSL Shader Editor Extension", "url": "https://github.com/spite/ShaderEditorExtension", "description": "Chrome DevTools extension to help you edit shaders live in the browser.", "stars": "635"}, {"name": "Spector.js Extension", "url": "https://chrome.google.com/webstore/detail/spectorjs/denbgaamihkadbghdceggmchnflmhpmk", "description": "Explore and Troubleshoot your WebGL and WebGL2 scenes easily."}, {"name": "Webgl Insight", "url": "https://github.com/3Dparallax/insight", "description": "Chrome extension WebGL debugging toolkit providing a variety of capabilities.", "stars": "918"}, {"name": "Canvas Debugger", "url": "https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/", "description": "Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders."}, {"name": "Firefox Developer Tools", "url": "https://developer.mozilla.org/en-US/docs/Tools", "description": "The official list of all of Firefox's debugger tools."}, {"name": "Shader Editor", "url": "https://hacks.mozilla.org/2013/11/live-editing-webgl-shaders-with-firefox-developer-tools/", "description": "Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Tutorials", "entries": [{"name": "Directional Shadow Mapping", "url": "http://chinedufn.com/webgl-shadow-mapping-tutorial/", "description": "Concepts behind real time directional light shadow mapping."}, {"name": "Get Started Tutorial", "url": "https://www.khronos.org/webgl/wiki/Tutorial", "description": "Khronos' tutorial how to get up and running with WebGL."}, {"name": "Getting Started with WebGL", "url": "https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL", "description": "Mozilla Foundation guide to getting started with WebGL."}, {"name": "Learn WebGL", "url": "https://www.tutorialspoint.com/webgl/index.htm", "description": "Tutorials Point set of article to get you familiar with WebGL terms."}, {"name": "Learning WebGL", "url": "http://learningwebgl.com/blog/?page_id=1217", "description": "Tutorials from the author of *WebGL Up and Running*."}, {"name": "Multitexturing using a Blendmap", "url": "http://chinedufn.com/webgl-multitexture-blend-map-tutorial/", "description": "How to use a blendmap to multitexture a terrain."}, {"name": "Particle Effects via Billboards", "url": "http://chinedufn.com/webgl-particle-effect-billboard-tutorial/", "description": "Create particle effects by applying a technique called billboarding."}, {"name": "The Book of Shaders", "url": "https://thebookofshaders.com/", "description": "Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders."}, {"name": "WebGL Academy", "url": "http://www.webglacademy.com/", "description": "Simplified online IDE with automatic indentation, syntax highlighting for HTML, Javascript, GLSL and Python. You can run your code and download your projects."}, {"name": "WebGL Fundamentals", "url": "https://webglfundamentals.org/", "description": "Series of online tutorials with code samples and live demonstrations."}, {"name": "WebGL Workshop", "url": "http://webgl-workshop.com/", "description": "Interactive workshop to get you up and running with WebGL."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Videos", "entries": [{"name": "An Introduction to WebGL Programming", "url": "https://www.youtube.com/watch?v=tgVLb6fOVVc\\&feature=youtu.be", "description": "3 hour overview of WebGL by SIGGRAPH University."}, {"name": "WebGL Tutorials - YouTube", "url": "https://www.youtube.com/playlist?list=PLjcVFFANLS5zH_PeKC6I8p0Pt1hzph_rt", "description": "Series of lecture style video tutorials from Indigo Code on YouTube."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 WebGL 2 sub-categories", "entries": [{"name": "Articles", "url": "#articles-1", "description": ""}, {"name": "References", "url": "#references-1", "description": ""}, {"name": "Tutorials", "url": "#tutorials-1", "description": ""}, {"name": "Videos", "url": "#videos-1", "description": ""}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Articles", "entries": [{"name": "WebGL 2 What's New", "url": "https://webgl2fundamentals.org/webgl/lessons/webgl2-whats-new.html", "description": "Look into the new features added in WebGL 2."}, {"name": "What's Coming in WebGL 2.0", "url": "https://blog.tojicode.com/2013/09/whats-coming-in-webgl-20.html", "description": "Look into the upcoming features of WebGL 2."}, {"name": "WebGL 2 SIGGRAPH Asia 2015", "url": "https://docs.google.com/presentation/d/1Orx0GB0cQcYhHkYsaEcoo5js3c5-pv7ahPniIRIzzfg/edit#slide=id.p", "description": "Presentation by Zhenyao Mo, Ken Russell of Google during SIGGRAPH Asia 2015."}, {"name": "WebGL 2 Lands in Firefox", "url": "https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/", "description": "Information the support for WebGL 2 starting with Firefox 51."}, {"name": "WebGL 2 Basics", "url": "http://www.realtimerendering.com/blog/webgl-2-basics/", "description": "Blog post about getting started with WebGL 2."}, {"name": "WebGL 2 New Features", "url": "http://www.realtimerendering.com/blog/webgl-2-new-features/", "description": "Blog post about whats new and cool in WebGl 2."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 References", "entries": [{"name": "WebGL 2 Spec Sheet (Editor Draft)", "url": "https://www.khronos.org/registry/webgl/specs/latest/2.0/", "description": "All the detailed information about WebGL 2."}, {"name": "WebGL 2 Reference Card", "url": "https://www.khronos.org/files/webgl20-reference-guide.pdf", "description": "WebGL 2.0 API Quick Reference Card for printing."}, {"name": "WebGL 2 Compatible Chart", "url": "https://caniuse.com/#feat=webgl2", "description": "Chart to show current browsers supporting WebGL 2"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Tutorials", "entries": [{"name": "WebGL 2 Fundamentals", "url": "https://webgl2fundamentals.org/", "description": "Series of online tutorials with code samples and live demonstrations."}, {"name": "WebGL 2 Samples", "url": "http://webglsamples.org/WebGL2Samples/", "description": "Great source of many different WebGL 2 work with very good commenting."}, {"name": "WebGL 2 Examples", "url": "https://github.com/tsherif/webgl2examples", "description": "Rendering algorithms implemented in raw WebGL 2.", "stars": "574"}, {"name": "WebGL 2 & GLSL Primer: A Zero-to-Hero, Spaced-Repetition Guide", "url": "https://github.com/GregStanton/webgl2-glsl-primer", "description": "Grok WebGL2 and GLSL through a sequence of guided lessons, each chunked into atomic Q\\&A cards, with hands-on projects and solution code integrated throughout.", "stars": "61"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Videos", "entries": [{"name": "Fun with WebGL 2.0", "url": "https://www.youtube.com/playlist?list=PLMinhigDWz6emRKVkVIEAaePW7vtIkaIF", "description": "Video tutorial series on getting started with WebGL 2, still actively adding videos."}, {"name": "WebGL 2.0 is Here: What You Need To Know", "url": "https://www.youtube.com/watch?v=Xf65duJ_QFs", "description": "Khronos Webinar April 2017."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 WebVR sub-categories", "entries": [{"name": "Articles", "url": "#articles-2", "description": ""}, {"name": "Blog Series", "url": "#blog-series-1", "description": ""}, {"name": "Platforms", "url": "#platforms", "description": ""}, {"name": "References", "url": "#references-2", "description": ""}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Articles", "entries": [], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Blog Series", "entries": [{"name": "Mozilla VR Blog", "url": "https://blog.mozvr.com/", "description": "WebVR focused blog from makers of Firefox."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Platforms", "entries": [{"name": "JanusVR", "url": "https://janusvr.com/", "description": "Webpages as collaborative 3D webspaces interconnected by portals."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 References", "entries": [{"name": "Browser Support", "url": "https://webvr.rocks/", "description": "Shows support by browser, headset, and OS."}, {"name": "Mozilla VR", "url": "https://mixedreality.mozilla.org/", "description": "Mozilla's official WebVR page."}, {"name": "UX of VR", "url": "https://www.uxofvr.com/", "description": "Curated list of resources to help create good UX in WebVR."}, {"name": "WebXR Device API", "url": "https://immersive-web.github.io/webxr/", "description": "The W3C draft API for WebXR."}, {"name": "WebVR Spec", "url": "https://w3c.github.io/webvr/", "description": "The official W3C WebVR spec (legacy)."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 2D", "entries": [{"name": "p2.js", "url": "https://github.com/schteppe/p2.js", "description": "2D rigid body physics engine written in JavaScript.", "stars": "2.7k"}, {"name": "Phaser", "url": "https://phaser.io/", "description": "Open source HTML5 2D game framework for Canvas and WebGL, supports mobile web browsers."}, {"name": "PixiJS", "url": "http://www.pixijs.com/", "description": "powerful 2D Javascript renderer based on WebGL."}, {"name": "Planck.js", "url": "https://github.com/shakiba/planck.js", "description": "2D physics engine for cross-platform HTML5 game development.", "stars": "5.2k"}, {"name": "Stage.js", "url": "https://github.com/shakiba/stage.js", "description": "2D Library for cross-platform HTML5 game development.", "stars": "2.5k"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Compute (GPGPU)", "entries": [{"name": "GammaCV", "url": "https://gammacv.com", "description": "WebGL accelerated Computer Vision library for browser."}, {"name": "Phenomenon", "url": "https://github.com/vaneenige/phenomenon", "description": "Very small, low-level WebGL library that provides the essentials to deliver a high performance experience.", "stars": "1.8k"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Maps and Visualizations", "entries": [{"name": "Cesium", "url": "https://cesiumjs.org/", "description": "Open-source library for world-class 3D globes and maps."}, {"name": "Deck.gl", "url": "http://deck.gl/", "description": "WebGL overlay suite for React providing a set of highly performant data visualization overlays."}, {"name": "Luma.gl", "url": "https://luma.gl/", "description": "WebGL2 powered framework for GPU-powered data visualization and computation."}, {"name": "MapMetrics GL", "url": "https://github.com/MapMetrics/mapmetrics-gl", "description": "Mapbox GL JS-compatible mapping library with built-in vector tiles, geocoding, routing, and search.", "stars": "0"}, {"name": "xeokit", "url": "https://xeokit.io/", "description": "Web Graphics SDK for AEC/BIM applications with 3D-tiles, real-world coordinates and double precision."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Math", "entries": [{"name": "glMatrix", "url": "http://glmatrix.net/", "description": "Javascript matrix and vector library for high performance WebGL apps."}, {"name": "Sylvester", "url": "http://sylvester.jcoglan.com/", "description": "Sylvester is a vector, matrix and geometry library for JavaScript."}, {"name": "TWGL", "url": "http://twgljs.org/", "description": "Sole purpose is to make using the WebGL API less verbose."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Rendering", "entries": [{"name": "GLBoost", "url": "https://github.com/emadurandal/GLBoost", "description": "Rendering library for 3D graphic geeks.", "stars": "107"}, {"name": "GrimoireGL", "url": "https://grimoire.gl/", "description": "Bridge between Web engineers and CG engineers."}, {"name": "Hilo3d", "url": "https://github.com/hiloteam/Hilo3d", "description": "WebGL rendering engine for 3D games.", "stars": "661"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Physics", "entries": [{"name": "Ammo.js", "url": "https://github.com/kripken/ammo.js/", "description": "Direct port of the Bullet physics engine to JavaScript using Emscripten.", "stars": "4.5k"}, {"name": "Cannon.js", "url": "http://schteppe.github.io/cannon.js/", "description": "Lightweight and simple 3D physics engine for the web."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 WebGL 2", "entries": [{"name": "PicoGL.js", "url": "https://tsherif.github.io/picogl.js/", "description": "Minimal WebGL 2-only rendering library."}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 WebVR", "entries": [{"name": "A-Frame", "url": "https://aframe.io/", "description": "Web framework for building virtual reality experiences."}, {"name": "Hologram", "url": "https://hologram.cool/", "description": "Desktop app that let you create and prototype WebVR in interactive way needing no previous coding knowledge."}, {"name": "L\u00d6VR", "url": "https://lovr.org/", "description": "Simple framework for creating VR with Lua."}, {"name": "React 360", "url": "https://facebook.github.io/react-360/", "description": "Build VR websites and interactive 360 experiences with React."}, {"name": "Primrose", "url": "https://github.com/capnmidnight/Primrose/", "description": "Rapidly prototype VR applications in your browser.", "stars": "532"}], "notes": [], "source": "Webgl"}, {"name": "Webgl \u2014 Others", "entries": [{"name": "Babylon.js", "url": "https://www.babylonjs.com/", "description": "Complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio."}, {"name": "Blend4Web", "url": "https://www.blend4web.com/en/", "description": "Tool for interactive 3D visualization on the Internet."}, {"name": "ClayGL", "url": "http://claygl.xyz/", "description": "WebGL graphic Library for building scalable Web3D applications."}, {"name": "CopperLicht", "url": "https://www.ambiera.com/copperlicht/index.html", "description": "JavaScript library and WebGL 3D engine for creating games and 3D applications."}, {"name": "GLGE", "url": "http://www.glge.org/", "description": "Javascript library intended to ease the use of WebGL."}, {"name": "Lightgl.js", "url": "https://github.com/evanw/lightgl.js", "description": "Lightweight and explict library to help prototype.", "stars": "1.6k"}, {"name": "OSG.js", "url": "https://cedricpinson.github.io/osgjs-website/", "description": "WebGL framework based on OpenSceneGraph concepts to interact with WebGL."}, {"name": "Pex-gl", "url": "http://vorg.github.io/pex/", "description": "JavaScript libraries for computational thinking in Plask/Node.js and WebGL."}, {"name": "PlayCanvas", "url": "https://playcanvas.com/", "description": "Game engine platform to build interactive experiences."}, {"name": "Pocket.gl", "url": "https://github.com/gportelli/pocket.gl", "description": "Fully customizable webgl shader sandbox to embed in your pages.", "stars": "123"}, {"name": "Regl", "url": "http://regl.party/", "description": "Light declarative and stateless library, functional abstraction for WebGL."}, {"name": "Scene.js", "url": "http://scenejs.org/", "description": "Extensible WebGL-based engine for high-detail 3D visualisation."}, {"name": "Three.js", "url": "https://threejs.org/", "description": "Aimed to create an easy to use, lightweight, 3D library."}, {"name": "Turbulenz", "url": "https://github.com/turbulenz/turbulenz_engine", "description": "Modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.", "stars": "4.9k"}, {"name": "Verge3D", "url": "https://www.soft8soft.com/verge3d/", "description": "an artist-friendly toolkit for creating 3D web experiences."}, {"name": "Whitestorm.js", "url": "https://whs.io/", "description": "Framework for developing 3D web apps with physics."}, {"name": "Stack Overflow", "url": "https://stackoverflow.com/questions/tagged/webgl", "description": ""}, {"name": "Reddit", "url": "https://www.reddit.com/r/webgl/", "description": ""}, {"name": "Facebook", "url": "https://www.facebook.com/groups/webgl/about/", "description": ""}, {"name": "Twitter", "url": "https://twitter.com/webgl", "description": ""}, {"name": "Freenode IRC", "url": "http://webchat.freenode.net/?channels=webgl", "description": ""}, {"name": "Khronos Forum", "url": "https://community.khronos.org/c/other-standards/webgl", "description": ""}, {"name": "Google Group", "url": "https://groups.google.com/forum/#!forum/webgl-dev-list", "description": ""}, {"name": "Google Plus", "url": "https://plus.google.com/communities/114915309361980512257", "description": ""}, {"name": "Public Mailing List", "url": "https://www.khronos.org/webgl/public-mailing-list/", "description": ""}, {"name": "WebVR Slack", "url": "http://webvr-slack.herokuapp.com/", "description": ""}, {"name": "WebVR Public Mailing List", "url": "https://lists.w3.org/Archives/Public/public-webvr/", "description": ""}, {"name": "awesome", "url": "https://github.com/sindresorhus/awesome", "description": "Curated list of awesome lists.", "stars": "451k"}, {"name": "awesome-opengl", "url": "https://github.com/eug/awesome-opengl", "description": "Curated list of awesome OpenGL libraries, debuggers and resources. Inspired by awesome-... stuff.", "stars": "2.4k"}, {"name": "awesome-vulkan", "url": "https://github.com/vinjn/awesome-vulkan", "description": "Curated list of awesome Vulkan projects and ecosystem.", "stars": "3.7k"}, {"name": "gamedev", "url": "https://github.com/ellisonleao/magictools", "description": "Awesome list about game development.", "stars": "16k"}, {"name": "glTF", "url": "https://github.com/KhronosGroup/glTF", "description": "Runtime 3D Asset Delivery designed for the web.", "stars": "7.7k"}, {"name": "graphics-resources", "url": "https://github.com/mattdesl/graphics-resources", "description": "List of graphic programming resources.", "stars": "1.8k"}], "notes": [], "source": "Webgl"}, {"name": "Static Website Services \u2014 Table of Contents", "entries": [{"name": "Audio", "url": "#audio", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Calendar and Scheduling", "url": "#calendar-and-scheduling", "description": ""}, {"name": "Images", "url": "#images", "description": ""}, {"name": "Maps", "url": "#maps", "description": ""}, {"name": "Presentations", "url": "#presentations", "description": ""}, {"name": "Video", "url": "#video", "description": ""}, {"name": "Code", "url": "#code", "description": ""}, {"name": "Functions as a Service FaaS", "url": "#functions-as-a-service", "description": ""}, {"name": "GraphQL", "url": "#GraphQL", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "E-Commerce", "url": "#e-commerce", "description": ""}, {"name": "Payments", "url": "#payments", "description": ""}, {"name": "Search", "url": "#search", "description": ""}, {"name": "Analytics", "url": "#analytics", "description": ""}, {"name": "Authentication", "url": "#authentication", "description": ""}, {"name": "Utilities", "url": "#utilities", "description": ""}, {"name": "Other", "url": "#other", "description": ""}, {"name": "Related Lists", "url": "#related-lists", "description": ""}, {"name": "SoundCloud", "url": "https://soundcloud.com/", "description": "Audio hosting with an embeddable player. Up to 3 hours of content is free."}, {"name": "Mixcloud", "url": "https://www.mixcloud.com/", "description": "Audio hosting with unlimited uploads and an embeddable player."}, {"name": "Spotify", "url": "https://www.spotify.com/", "description": "You can embed any song, album, or playlist with a [Spotify Play Button](https://developer.spotify.com/documentation/widgets/guides/adding-a-spotify-embed/)."}, {"name": "Google Books", "url": "https://github.com/aharris88/google-bookshelves-widget", "description": "Allows you to display the books in your Google Books Library.", "stars": "5"}, {"name": "Goodreads API and widgets", "url": "https://www.goodreads.com/api", "description": "Allows you to access any of the Goodreads data. Widgets are found on the widgets tab on your [settings page](https://www.goodreads.com/user/edit)."}, {"name": "Open Library Open API", "url": "https://openlibrary.org/developers/api", "description": "Allows to retrieve book data from the biggest books open dataset on Earth, without any tracking."}, {"name": "Google Calendar", "url": "http://calendar.google.com/", "description": "Embeddable calendar that you can collaborate with other people."}, {"name": "Booking.js", "url": "http://booking.timekit.io/", "description": "Beautiful embeddable booking widget."}, {"name": "zenplanner", "url": "http://zenplanner.com/", "description": "Paid - Online scheduling for fitness."}, {"name": "Flickr", "url": "https://www.flickr.com/", "description": "Online photo hosting by Yahoo."}, {"name": "Cloudinary", "url": "https://cloudinary.com/", "description": "Image hosting, manipulation and delivery."}, {"name": "Google Maps", "url": "http://maps.google.com/", "description": "Google maps are easily embeddable."}, {"name": "Mapbox", "url": "https://www.mapbox.com/", "description": "Really nice looking embeddable maps."}, {"name": "uMap", "url": "https://umap.openstreetmap.fr/en/", "description": "Create and embed personalized maps, based on the great [OpenStreetMap](https://openstreetmap.org) dataset."}, {"name": "Prezi", "url": "https://prezi.com/", "description": "Online presentations with really transitions that can zoom and rotate."}, {"name": "Reveal.js", "url": "http://lab.hakim.se/reveal-js/", "description": "HTML presentation framework."}, {"name": "Slides.com", "url": "http://slides.com/", "description": "A place for creating, presenting and sharing slide decks."}, {"name": "SpeakerDeck", "url": "https://speakerdeck.com/", "description": "Upload your slides as a PDF, and get an online, shareable presentation."}, {"name": "Mux", "url": "https://mux.com/", "description": "Paid - An API to play videos directly to the client. Can also power live streams."}, {"name": "YouTube", "url": "https://www.youtube.com/", "description": "Embeddable videos with unlimited uploads."}, {"name": "Vimeo", "url": "https://vimeo.com/", "description": "Paid - Embeddable videos with no ads."}, {"name": "Vevo", "url": "http://www.vevo.com/", "description": "Embeddable music videos."}, {"name": "Wistia", "url": "http://wistia.com/", "description": "Free plan has a limit of 25 videos."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Code", "entries": [{"name": "Codepen", "url": "http://codepen.io/", "description": "A playground of embeddable front-end code examples."}, {"name": "JS Bin", "url": "http://jsbin.com/", "description": "Embeddable front-end code examples."}, {"name": "JSFiddle", "url": "http://jsfiddle.net/", "description": "Embeddable front-end code examples."}, {"name": "highlight.js", "url": "https://highlightjs.org/", "description": "Syntax highlighting for the web."}, {"name": "Indiepen", "url": "https://indiepen.tech/", "description": "A privacy-friendly solution to embed front-end code examples."}, {"name": "1Backend", "url": "https://github.com/1backend/1backend", "description": "Deploy your backend in seconds. Free tier included. Open source.", "stars": "2.3k"}, {"name": "AWS Lambda", "url": "https://aws.amazon.com/lambda/", "description": "AWS Lambda lets you run code without provisioning or managing servers. You pay only for the compute time you consume"}, {"name": "Google Cloud Functions", "url": "https://cloud.google.com/functions/", "description": "Create single-purpose, stand-alone functions that respond to Cloud events without the need to manage a server or runtime environment"}, {"name": "Webtask by Auth0", "url": "https://webtask.io/", "description": "Call code on the server with simple HTTP, easier to set up by far than Lambda or Google's"}, {"name": "Azure Functions", "url": "https://azure.microsoft.com/en-us/services/functions/", "description": "by Microsoft - same premise as Lambda on the Azure cloud"}, {"name": "IronWorkers", "url": "https://www.iron.io/platform/ironworker/", "description": "by Iron.io - Run code in a multilanguage containerized environment with unlimited scale and simple pricing"}, {"name": "IronFunctions", "url": "http://open.iron.io/", "description": "by Iron.io - IronFunctions is an open source serverless computing platform for any cloud - private, public, or hybrid."}, {"name": "OpenWhisk by IBM", "url": "https://console.ng.bluemix.net/openwhisk/", "description": "part of their BlueMix hosting platform, and open source, ties into their Watson AI ecosystem nicely"}, {"name": "StackPath EdgeEngine", "url": "https://www.stackpath.com/products/edgeengine/", "description": "Write functions as a service in the language of your choice and deploy them to a global network of data centers. All the networking, including intelligent routing and load balancing, is managed by StackPath over a private backbone."}, {"name": "Cloud 66", "url": "https://www.cloud66.com/", "description": "Build and deploy static websites to your own cloud account."}, {"name": "Vercel", "url": "https://vercel.com/home#features", "description": "Vercel lets people write functions as a service in their language of choice and deploy as part of a monorepo."}, {"name": "Azure Static Web Apps", "url": "https://azure.microsoft.com/en-us/services/app-service/static/#features", "description": "Full-stack static app hosting including serverless Functions, authentication, CDN and more"}, {"name": "Qoddi", "url": "https://qoddi.com", "description": "Full stack app hosting with data storage included, similar to Heroku with a developer centric approach. Free to use up to 3 apps."}, {"name": "Autocode", "url": "https://autocode.com", "description": "Autocode turns functions into scalable web services in an instant, no configuration required; serverless hosting available with an in-browser IDE, an API library that\u2019s easy to use, and seamlessly managed authentication."}, {"name": "FaunaDB", "url": "https://fauna.com", "description": "Serverless GraphQL database. Free tier with no time limit. Easily included in Netlify apps."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Comments", "entries": [{"name": "Staticman", "url": "https://github.com/eduardoboucas/staticman", "description": "Staticman is a Node.js application that receives user-generated content and uploads it as data files to a GitHub repository. In practice, this allows you to have dynamic content (e.g. blog post comments) as part of a fully static website, as long as your site automatically deploys on every push to GitHub, as seen on GitHub Pages, Netlify and others.", "stars": "2.5k"}, {"name": "Disqus", "url": "https://disqus.com/", "description": "Easily embeddable comments with nested replies, multiple login methods, and email notifications."}, {"name": "Facebook Comments", "url": "https://developers.facebook.com/docs/plugins/comments", "description": "Embeddable comments for your site by Facebook."}, {"name": "IntenseDebate Comments", "url": "http://www.intensedebate.com/", "description": "Embeddable comments with nested replies, multiple login methods, and email notifications."}, {"name": "LiveFyre", "url": "http://web.livefyre.com/apps/comments/", "description": "Real-time comments, SEO-optimized, stocked with social features, and beautiful on both desktop and mobile."}, {"name": "Redditjs Embed Widget", "url": "http://embed.redditjs.com/", "description": "Embed Reddit comments on your site. If it hasn't been posted, it will show a link to encourage the user to submit."}, {"name": "Muut.com", "url": "https://muut.com/", "description": "Embeddable comments, forum and private messaging. A lot of functionality, but really low footprint left on your website."}, {"name": "Gitment", "url": "https://github.com/imsun/gitment", "description": "Comment system based on GitHub Issues, which can be used in the frontend without any server-side implementation.", "stars": "4.1k"}, {"name": "giscus", "url": "https://github.com/laymonage/giscus", "description": "A comments widget built on GitHub Discussions.", "stars": "11k"}, {"name": "utterances", "url": "https://github.com/utterance", "description": "A lightweight comments widget built on GitHub issues."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Forms", "entries": [{"name": "Formspree", "url": "http://formspree.io/", "description": "Receive emails from a form on your static website."}, {"name": "elFormo", "url": "https://www.elformo.com/", "description": "Simple form processing and response retrieval via email."}, {"name": "Flipmail", "url": "http://flipmail.co/", "description": "Simple form processing and response retrieval via email."}, {"name": "MailThis", "url": "http://mailthis.to/", "description": "Simple form submissions via email with optional attachments."}, {"name": "Simple Form", "url": "https://getsimpleform.com/", "description": "Simple forms with optional file attachments, email notifications, and online submission viewing."}, {"name": "Brisk Forms", "url": "https://github.com/stevensona/briskforms", "description": "Free form submission service emails you responses while keeping your email address private and is open source.", "stars": "41"}, {"name": "99 Inbound", "url": "https://www.99inbound.com", "description": "Form endpoint service with email/Slack notifications and third party app integrations (e.g. MailChimp)"}, {"name": "Getform", "url": "http://getform.io/", "description": "Form backend platform for designers and developers, with email and integrations."}, {"name": "HeyForm", "url": "https://heyform.net/", "description": "Free, easy-to-use drag & drop form maker capable of crafting powerful online forms. Includes 40+ field types, integrations, analytics, and more."}, {"name": "Form.taxi", "url": "https://form.taxi/", "description": "Backend to handle form submissions easily and reliably, with email notifications, file uploads and GDPR-compliant data processing."}, {"name": "Formcarry", "url": "https://formcarry.com", "description": "Hassle-free HTML form endpoints for your form, powerful dashboard, reliable spam blocking, attachment uploads and Zapier integrations."}, {"name": "Formcake", "url": "https://formcake.com", "description": "The form backend built for developers: Zapier integrations, simple endpoint API, unlimited forms."}, {"name": "Google Forms", "url": "https://www.google.com/forms/about/", "description": "Saves results into Google Sheets and can email you when there is a submission."}, {"name": "FormKeep", "url": "https://formkeep.com/", "description": "Paid - View form submissions in a beautiful web interface. It has spam filtering and it integrates with webhooks such as Gmail, Trello, and Basecamp."}, {"name": "123 Contact Form", "url": "http://www.123contactform.com/", "description": "Connects to other online services such at MailChimp, Salesforce, and Google Drive. It also integrates with payment Processers and includes security and analytics."}, {"name": "FormAssembly", "url": "http://www.formassembly.com/", "description": "Allows you to build any kind of form that can include complex branching logic and multiple pages."}, {"name": "FormSite", "url": "https://www.formsite.com/", "description": "Form builder with payments and form management."}, {"name": "FormStack", "url": "https://www.formstack.com/", "description": "Forms with A/B testing, partial submission, analytics, and integrations."}, {"name": "Sheetsu", "url": "https://sheetsu.com/", "description": "POST and GET your data to Google Spreadsheet."}, {"name": "Typeform", "url": "http://www.typeform.com/", "description": "Awesome forms that can be embedded."}, {"name": "Wufoo", "url": "http://www.wufoo.com/", "description": "Free or Paid - Forms that you can build with a form designer, with notifications, reports, and payments."}, {"name": "Zoho", "url": "https://www.zoho.com/crm/help/web-forms/set-up-web-forms.html", "description": "Forms with file upload and captcha."}, {"name": "GitHub Issues", "url": "https://help.github.com/articles/about-issues/", "description": "This is an interesting way for developers to get comments/questions. See [github.com/sindresorhus/ama (\u2b50145)](https://github.com/sindresorhus/ama) for an example."}, {"name": "Utterences", "url": "https://github.com/utterance/utterances", "description": "A lightweight comments widget built on GitHub issues.", "stars": "9.6k"}, {"name": "FormBackend", "url": "https://www.formbackend.com", "description": "Create form-backends and submit your HTML forms to our backend. View the entries online and connect to other services. Receive an email every time a new entry is submitted."}, {"name": "Pageclip", "url": "https://pageclip.co", "description": "A flexible server / backend for HTML forms. View your data in the realtime web interface, or use the API to get CSV and JSON output."}, {"name": "Formester", "url": "https://www.formester.com", "description": "Forms and email marketing (lead collection, email campaigns, and newsletters) with integrations."}, {"name": "StaticKit", "url": "https://statickit.com", "description": "Modern forms for static sites, with native support for React."}, {"name": "SheetDB", "url": "https://sheetdb.io/", "description": "Turn a Google Spreadsheet into a JSON API."}, {"name": "Form2Channel", "url": "https://form2channel.com/", "description": "Post your HTML form to Form2Channel to store submissions in Google Sheets and receive them via email, Slack or Telegram. No signups, no costs, no limits."}, {"name": "reCAPTCHAme", "url": "https://recaptchame.com/", "description": "reCAPTCHA and hCAPTCHA token verification service. Post your form to reCAPTCHAme to avoid getting spammed. Made for static websites, no server-side coding required."}, {"name": "Formware", "url": "https://formware.io/", "description": "Conversational forms with unlimited responses that can be embedded on any website."}, {"name": "Netlify", "url": "https://www.netlify.com/docs/form-handling/", "description": "Netlify comes with built-in form handling."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Live Chat", "entries": [{"name": "jivochat", "url": "https://www.jivochat.com/", "description": "JivoSite is a professional live chat for websites that was specifically designed to increase your online sales."}, {"name": "LiveChat", "url": "https://www.livechatinc.com/", "description": "Live chat on your website."}, {"name": "Olark", "url": "https://www.olark.com/", "description": "Live chat on your website. You can also see who's on your website and what they're doing."}, {"name": "SnapEngage", "url": "https://snapengage.com/", "description": "Live chat with integrations and custom styles."}, {"name": "tawk.co", "url": "https://www.tawk.to/", "description": "Lets you monitor and chat with visitors on your website."}, {"name": "WebsiteAlive", "url": "https://www.websitealive.com/", "description": "Live chat for your website & social networks."}, {"name": "Zopim", "url": "https://www.zopim.com/", "description": "Live chat with free trial."}, {"name": "Tiledesk", "url": "https://tiledesk.com", "description": "Free Live Chat with open source chatbot builder."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Newsletters", "entries": [{"name": "MailChimp", "url": "http://mailchimp.com/", "description": "Free email marketing. You can pay to add more features."}, {"name": "Constant Contact", "url": "http://www.constantcontact.com/", "description": "Email marketing with campaigns, autoresponders, and analytics."}, {"name": "AWeber", "url": "http://www.aweber.com/", "description": "Email marketing with campaigns, autoresponders, and analytics."}, {"name": "Campaign Monitor", "url": "https://www.campaignmonitor.com/", "description": "Email marketing with campaigns, autoresponders, and analytics."}, {"name": "MailerLite", "url": "https://www.mailerlite.com/", "description": "Free email marketing. You can pay for more subscribers."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Social Media", "entries": [{"name": "Pinterest", "url": "https://developers.pinterest.com/", "description": "Pin It Button."}, {"name": "Twitter", "url": "https://dev.twitter.com/web/embedded-tweets", "description": "Embedded tweets."}, {"name": "Facebook", "url": "https://developers.facebook.com/docs/plugins", "description": "Facebook embedded plugins."}, {"name": "ShareThis", "url": "http://www.sharethis.com/", "description": "Sharing buttons for multiple social networks."}, {"name": "Kontaktify", "url": "https://www.kontaktify.com/", "description": "A contact widget that provides an easy way for visitors to get in touch."}], "notes": [], "source": "Static Website Services"}, {"name": "Static Website Services \u2014 Surveys", "entries": [{"name": "Google Forms", "url": "https://www.google.co.nz/forms/about/", "description": "You can use Google forms for surveys or for forms on your site."}, {"name": "SurveyMonkey", "url": "https://www.surveymonkey.com/", "description": "Easy to use and free surveys."}, {"name": "Typeform", "url": "http://www.typeform.com/", "description": "Really beautiful forms."}, {"name": "Qualaroo", "url": "https://qualaroo.com/", "description": "Embed surveys anywhere on your website that comes up from the bottom right side of the screen."}, {"name": "Insight Stash", "url": "https://insightstash.com/", "description": "Fast, Simple survey forms."}, {"name": "Formware", "url": "https://formware.io/", "description": "Create stunning surveys with unlimited responses for free."}, {"name": "Ecwid", "url": "https://www.ecwid.com/", "description": "Embeddable shopping cart."}, {"name": "FoxyCart", "url": "http://www.foxycart.com/", "description": "Add a shopping cart with basic html code."}, {"name": "Snipcart", "url": "https://snipcart.com/", "description": "Include a few lines of code for a full online shop."}, {"name": "Gumroad", "url": "https://gumroad.com/", "description": "An all-in-one solution to sell your work."}, {"name": "Payhip", "url": "https://payhip.com/", "description": "An embeddable way to sell digital downloads & memberships"}, {"name": "Moltin", "url": "https://moltin.com/", "description": "Add eCommerce functionality to anything."}, {"name": "Trolley", "url": "https://trolley.link/", "description": "Add a popup cart to any website - designed for static & JAMstack sites."}, {"name": "Commerce Layer", "url": "https://commercelayer.io/", "description": "Add enterprise ecommerce to your JAMstack."}, {"name": "MoneyButton", "url": "https://www.moneybutton.com/", "description": "Website payments and donations using Bitcoin (Satoshi's Vision)."}, {"name": "ShapeShift Shifty Button", "url": "https://info.shapeshift.io/tools/shifty-button", "description": "Accept payments using various cryptocurrencies."}, {"name": "lunr.js", "url": "http://lunrjs.com/", "description": "Simple full-text search in your browser."}, {"name": "itemsjs", "url": "https://github.com/itemsapi/itemsjs", "description": "Full text, faceted, almost dependency free search engine in javascript", "stars": "398"}, {"name": "minisearch", "url": "https://github.com/lucaong/minisearch", "description": "Tiny and powerful JavaScript full-text search engine for browser and Node", "stars": "5.8k"}, {"name": "flexsearch", "url": "https://github.com/nextapps-de/flexsearch", "description": "Next-Generation full text search library for Browser and Node.js", "stars": "14k"}, {"name": "fuse.js", "url": "https://fusejs.io/", "description": "Powerful, lightweight fuzzy-search library, with zero dependencies"}, {"name": "static-search", "url": "https://github.com/dchest/static-search", "description": "A Go program to generate JSON index of HTML files, and a JavaScript component with optional UI to search this index", "stars": "21"}, {"name": "elasticlunr", "url": "http://elasticlunr.com/docs/index.html", "description": "Lightweight full-text search engine developed in JavaScript for browser search and offline search based on Lunr.js"}, {"name": "tinysearch", "url": "https://github.com/tinysearch/tinysearch", "description": "Tiny, full-text search engine for static websites built with Rust and Wasm", "stars": "2.9k"}, {"name": "js-search", "url": "https://www.npmjs.com/package/js-search", "description": "Client-side searches of JavaScript and JSON objects, ES5 compatible and does not require jQuery or any other third-party libraries"}, {"name": "search-index", "url": "https://github.com/fergiemcdowall/search-index", "description": "A persistent, network resilient, full text search library for the browser and Node.js", "stars": "1.4k"}, {"name": "fuzzysearch", "url": "https://github.com/bevacqua/fuzzysearch", "description": "Tiny and blazing-fast fuzzy search in JavaScript", "stars": "2.7k"}, {"name": "fuzzy", "url": "https://github.com/mattyork/fuzzy", "description": "Fuzzy search / filter for browser and node", "stars": "837"}, {"name": "fullproof", "url": "https://reyesr.github.io/fullproof/", "description": "Javascript library that provides high-quality full-text search in the browser"}, {"name": "Jets.js", "url": "https://jets.js.org/", "description": "Native CSS search engine"}, {"name": "Hulipaa", "url": "https://github.com/sambuccid/hulipaa", "description": "Static full-text search engine capable of handling thousands of pages with a minimalist searchbar UI to add to your static website.", "stars": "1"}, {"name": "Google Custom Search Engine", "url": "https://cse.google.com/cse/", "description": "Search your site with a custom Google Search."}, {"name": "Algolia", "url": "https://www.algolia.com/", "description": "Hosted Search API that delivers instant and relevant results from the first keystroke."}, {"name": "CloudSh", "url": "https://cloudsh.com/", "description": "Powerful search for your website with a few lines of JavaScript."}, {"name": "Google Analytics", "url": "http://www.google.com/analytics/", "description": "Freemium web analytics service offered by Google."}, {"name": "Simple Analytics", "url": "https://simpleanalytics.io/", "description": "\ud83d\udcb2 - Simple, clean, and friendly analytics."}, {"name": "Uthentic", "url": "https://uthentic.net", "description": "Serverless, passwordless login for static sites in 2 lines of code."}, {"name": "BulkPicTools", "url": "https://bulkpictools.com", "description": "A privacy-first, browser-based batch image processor for static site creators, leveraging WebAssembly for local compression and conversion."}, {"name": "Sketch Fab", "url": "https://sketchfab.com/", "description": "Embeddable 3D content."}, {"name": "Awesome Static Hosting", "url": "https://github.com/b-long/awesome-static-hosting", "description": "", "stars": "306"}, {"name": "Awesome Azure Static Web Apps", "url": "https://github.com/staticwebdev/awesome-azure-static-web-apps", "description": "", "stars": "93"}], "notes": [], "source": "Static Website Services"}, {"name": "Typescript \u2014 Contributing", "entries": [{"name": "Awesome TypeScript Essential Resources", "url": "#awesome-typescript-essential-resources", "description": ""}, {"name": "Typescript Project Starters", "url": "#typescript-project-starters", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Reference lists", "url": "#reference-lists", "description": ""}, {"name": "Blogs", "url": "#blogs", "description": ""}, {"name": "CLI and REPL", "url": "#cli-and-repl", "description": ""}, {"name": "IDE", "url": "#ide", "description": ""}, {"name": "Build Systems", "url": "#build-systems", "description": ""}, {"name": "Cloud Data Warehousing", "url": "#cloud-data-warehousing", "description": ""}, {"name": "Module Bundlers", "url": "#module-bundlers", "description": ""}, {"name": "CMS", "url": "#cms", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "CSS In JS With Types", "url": "#css-in-js-with-types", "description": ""}, {"name": "Types", "url": "#types", "description": ""}, {"name": "Runtime", "url": "#runtime", "description": ""}, {"name": "Built with TypeScript: Mobile, Web, Back-end API, Standalone apps, Libraries", "url": "#built-with-typescript", "description": ""}, {"name": "LLM", "url": "#llm", "description": ""}, {"name": "Video Courses", "url": "#video-courses", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Roadmap", "url": "#roadmap", "description": ""}, {"name": "Acknowledgements", "url": "#acknowledgements", "description": ""}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Awesome TypeScript Essential Resources", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Typescript Project Starters", "entries": [{"name": "React Starter Kit", "url": "https://github.com/kriasoft/react-starter-kit", "description": "A full-stack boilerplate for building modern web applications with Bun, TypeScript, React, tRPC, Drizzle ORM, and Cloudflare Workers.", "stars": "23k"}, {"name": "typescript-starter", "url": "https://github.com/bitjson/typescript-starter", "description": "A CLI to quickly generate and configure new libraries and Node.js projects", "stars": "3.5k"}, {"name": "next-smrt", "url": "https://github.com/csprance/next-smrt", "description": "A Typescript/NextJs boilerplate with Redux/Styled Components/Material UI and TypeSafe Actions.", "stars": "56"}, {"name": "MicroTS", "url": "https://www.npmjs.com/package/microts", "description": ""}, {"name": "pankod/next-boilerplate", "url": "https://github.com/pankod/next-boilerplate", "description": "", "stars": "1.6k"}, {"name": "jsynowiec/node-typescript-boilerplate", "url": "https://github.com/jsynowiec/node-typescript-boilerplate", "description": "", "stars": "2.9k"}, {"name": "typescript-express-starter", "url": "https://github.com/ljlm0402/typescript-express-starter", "description": "Quick and Easy TypeScript Express Starter.", "stars": "2.9k"}, {"name": "The Knests Stack", "url": "https://github.com/tudorconstantin/knests/", "description": "Full stack boilerplate (hackathon starter) with: PostgreSQL, Knex.js, NestJS, Next.js, GraphQL, React (with hooks and typescript), Material-UI, Docker multistage images for, Docker compose and a Gitlab CI/CD pipeline fully configured.", "stars": "350"}, {"name": "tRPC + Next.js", "url": "https://trpc.io/docs/nextjs/introduction", "description": "Full-stack starter projects for end-to-end type safe development with React"}, {"name": "nd.ts", "url": "https://github.com/heyayushh/nd.ts/", "description": "setup bare minimum Node.ts project asap", "stars": "30"}, {"name": "create-typescript-app", "url": "https://github.com/hein-htut-aung/create-typescript-app", "description": "provides a starting point for TypeScript web applications. pnpm, Rollup, Jest, and CSS Modules with SCSS.", "stars": "3"}, {"name": "ts-vite-npm-template", "url": "https://github.com/kaandesu/ts-vite-npm-template", "description": "An all-in-one solution for crafting TypeScript-based NPM packages with Vite, complete with built-in GitHub Pages live-demo deployment, automated test-and-build workflows, and Vite-powered unit test configuration, including coverage analysis and a README.md template for your package.", "stars": "5"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Books", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Reference Lists", "entries": [{"name": "TypeScript Reference for JS developers", "url": "https://welldan97.github.io/typescript-reference/", "description": "Glossary of keywords, operators, statements and directives"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Blogs", "entries": [{"name": "@captain-yossarian's blog", "url": "https://catchts.com/", "description": "fully dedicated to static typings in TypeScript"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 CLI and REPL", "entries": [{"name": "Taze", "url": "https://github.com/antfu/taze", "description": "", "stars": "4k"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 IDE", "entries": [{"name": "Visual Studio Community Edition 2015", "url": "https://www.visualstudio.com/products/visual-studio-community-vs", "description": "free (conditionally) IDE with integrated TypeScript support"}, {"name": "NodeJS Tools for Visual Studio", "url": "https://github.com/Microsoft/nodejstools", "description": "", "stars": "1.8k"}, {"name": "Visual Studio Code", "url": "https://www.visualstudio.com/en-us/products/code-vs.aspx", "description": ""}, {"name": "PhpStorm", "url": "https://www.jetbrains.com/phpstorm/download/", "description": ""}, {"name": "WebStorm", "url": "https://www.jetbrains.com/webstorm/download/", "description": ""}, {"name": "CATS", "url": "http://jbaron.github.io/cats/", "description": ""}, {"name": "TypeScript Sublime Plugin", "url": "https://github.com/Microsoft/TypeScript-Sublime-Plugin", "description": "", "stars": "1.7k"}, {"name": "Atom TypeScript", "url": "https://github.com/TypeStrong/atom-typescript", "description": "", "stars": "1.1k"}, {"name": "TypeScript Interactive Development Environment for Emacs", "url": "https://github.com/ananthakumaran/tide", "description": "", "stars": "1.5k"}, {"name": "TypeScript Syntax for VIM", "url": "https://github.com/leafgarland/typescript-vim", "description": "", "stars": "1.9k"}, {"name": "Typescript tooling for Neovim", "url": "https://github.com/mhartington/nvim-typescript", "description": "", "stars": "612"}, {"name": "Coc", "url": "https://github.com/neoclide/coc.nvim", "description": "", "stars": "25k"}, {"name": "TypeScript playground", "url": "https://agentcooper.github.io/typescript-play/", "description": ""}, {"name": "TypeScript playground-on-ace", "url": "https://github.com/hi104/typescript-playground-on-ace", "description": "", "stars": "90"}, {"name": "TypeScript official Playground", "url": "http://www.typescriptlang.org/Playground/", "description": ""}, {"name": "JS Bin", "url": "http://jsbin.com/?js", "description": ""}, {"name": "Codepen", "url": "http://codepen.io/", "description": ""}, {"name": "TypeScript Interpret - Terminal Emulator", "url": "http://niutech.github.io/typescript-interpret/", "description": ""}, {"name": "TypeScript Editor", "url": "http://drake7707.github.io/Typescript-Editor/", "description": ""}, {"name": "Grunt", "url": "http://gruntjs.com/", "description": ""}, {"name": "Zwitterion", "url": "https://github.com/lastmjs/zwitterion", "description": "Super simple development server with built-in support for TypeScript files.", "stars": "593"}, {"name": "Nx", "url": "https://github.com/nrwl/nx", "description": "Smart, Fast and Extensible Build System", "stars": "28k"}, {"name": "DDB-Table", "url": "https://github.com/neuledge/ddb-table", "description": "", "stars": "129"}, {"name": "DynamoDB-Toolbox", "url": "https://github.com/dynamodb-toolbox/dynamodb-toolbox", "description": "", "stars": "2k"}, {"name": "Farm", "url": "https://farm-fe.github.io/", "description": "Extremely fast Vite-compatible web build tool written in Rust"}, {"name": "Rspack", "url": "https://www.rspack.dev/", "description": "A fast Rust-based web bundler \ud83e\udd80\ufe0f"}, {"name": "Vite", "url": "https://vitejs.dev/", "description": "Next Generation Frontend Tooling"}, {"name": "Webpack", "url": "http://webpack.github.io/", "description": "supports CommonJS and AMD module bundling"}, {"name": "Browserify", "url": "http://browserify.org/", "description": "CommonJS module bundler. Does not support TypeScript \"out of the box\", but can be applied with \\* [Grunt](http://gruntjs.com/) tasks: [grunt-ts](https://www.npmjs.com/package/grunt-ts), [grunt-browserify](https://www.npmjs.com/package/grunt-browserify), [grunt-contrib-uglify](https://www.npmjs.com/package/grunt-contrib-uglify)"}, {"name": "fuse-box", "url": "https://github.com/fuse-box/fuse-box", "description": "", "stars": "4k"}, {"name": "Factor", "url": "https://factor.dev", "description": "The Javascript CMS (TypeScript supported natively)"}, {"name": "Graphweaver", "url": "https://github.com/exogee-technology/graphweaver", "description": "Turn multiple data sources into a single GraphQL Headless CMS.", "stars": "544"}, {"name": "sqlx-ts", "url": "https://github.com/JasonShin/sqlx-ts", "description": "SQLx-ts is a CLI application featuring compile-time checked queries without a DSL and generates types against SQLs to keep your code type-safe", "stars": "232"}, {"name": "bun", "url": "https://bun.sh/", "description": "Bun is a fast JavaScript runtime, package manager, bundler, test runner"}, {"name": "deno", "url": "https://deno.land/", "description": "A secure runtime for JavaScript and TypeScript"}, {"name": "OXC", "url": "https://github.com/web-infra-dev/oxc", "description": "A suite of high-performance tools for JavaScript and TypeScript written in Rust", "stars": "19k"}, {"name": "biome", "url": "https://github.com/biomejs/biome", "description": "Biome formats and lints your code in a fraction of a second", "stars": "23k"}, {"name": "SweetIQ/schemats", "url": "https://github.com/SweetIQ/schemats", "description": "", "stars": "1.1k"}, {"name": "TypeDoc", "url": "http://typedoc.org/", "description": "A documentation generator for TypeScript projects"}, {"name": "TypeScript Standard", "url": "https://github.com/e2tox/typescript-standard", "description": "Zero-configuration TypeScript 2 Standard Validation", "stars": "31"}, {"name": "typed-install", "url": "https://github.com/xavdid/typed-install", "description": "Easily install new dependencies and their typings, no matter where they may be", "stars": "100"}, {"name": "type-config", "url": "https://github.com/Saul-Mirone/type-config", "description": "A generator for tsconfig.", "stars": "23"}, {"name": "Zapatos", "url": "https://jawj.github.io/zapatos/", "description": "Zero-Abstraction Postgres for TypeScript"}, {"name": "dep-tree", "url": "https://github.com/gabotechs/dep-tree", "description": "Render your project's file dependency tree and/or validate it against your own rules.", "stars": "1.7k"}, {"name": "itertools-ts", "url": "https://github.com/Smoren/itertools-ts", "description": "Extended itertools port for TypeScript and JavaScript. Provides a huge set of functions for working with iterable collections (including async ones).", "stars": "77"}, {"name": "ParaglideJS", "url": "https://inlang.com/m/gerre34r/library-inlang-paraglideJs", "description": "An i18n compiler that generates fully typesafe translations"}, {"name": "pg", "url": "https://github.com/datawan-labs/pg", "description": "Browser PostgreSQL Playground, no server, just client and pglite (postgresql wasm)", "stars": "633"}, {"name": "nocodb", "url": "https://github.com/nocodb/nocodb", "description": "\ud83d\udd25 \ud83d\udd25 \ud83d\udd25 Open Source Airtable Alternative", "stars": "62k"}, {"name": "jqlite", "url": "https://github.com/Jay-Karia/jqlite", "description": "\u26a1 The query language for JSON", "stars": "11"}, {"name": "pompelmi", "url": "https://github.com/pompelmi/pompelmi", "description": "File-upload malware scanning for Node.js to help prevent Remote File Inclusion (RFI), with adapters for Express, Koa, and Next.js", "stars": "464"}, {"name": "codables", "url": "https://codableslib.com/", "description": "Decorators based, declarative, type-rich JSON (de)serializer able to handle almost any data type"}, {"name": "Rev-dep", "url": "https://github.com/jayu/rev-dep", "description": "Trace imports, identify circular dependencies, find unused code, clean node modules \u2014 all from a blazing-fast CLI.", "stars": "36"}, {"name": "jsonup", "url": "https://github.com/tani/jsonup", "description": "Compile-time JSON parser", "stars": "66"}, {"name": "type-o-rama", "url": "https://github.com/stereobooster/type-o-rama", "description": "JS type systems interoperability", "stars": "245"}, {"name": "utility-types", "url": "https://github.com/piotrwitek/utility-types", "description": "Utility Types for TypeScript (provide compatibility with Flow's Utility Types)", "stars": "5.8k"}, {"name": "elm-ts", "url": "https://github.com/gcanti/elm-ts", "description": "Port of Elm architecture to TypeScript featuring fp-ts, io-ts, rxjs5 and React", "stars": "303"}, {"name": "ts-essentials", "url": "https://github.com/krzkaczor/ts-essentials", "description": "All essential TypeScript types in one place", "stars": "4k"}, {"name": "typescript-conditional-types", "url": "https://github.com/LeDDGroup/typescript-conditional-types", "description": "Helpers for typescript generic types", "stars": "50"}, {"name": "ts-types-utils", "url": "https://github.com/LeDDGroup/ts-types-utils", "description": "Type utilities for typescript", "stars": "61"}, {"name": "typesync", "url": "https://github.com/jeffijoe/typesync", "description": "Install missing TypeScript typings for dependencies in your package.json.", "stars": "1.6k"}, {"name": "type-fest", "url": "https://github.com/sindresorhus/type-fest", "description": "A collection of essential TypeScript types", "stars": "17k"}, {"name": "typetype", "url": "https://github.com/mistlog/typetype", "description": "A programming language designed for typescript type generation", "stars": "422"}, {"name": "nominal", "url": "https://github.com/Coder-Spirit/nominal", "description": "nominal types & dependent types for Typescript.", "stars": "89"}, {"name": "@tool-belt/type-predicates", "url": "https://github.com/tool-belt/type-predicates", "description": "Type Predicates, Assertion Functions and Utilities.", "stars": "55"}, {"name": "getmytypes", "url": "https://github.com/halchester/getmytypes", "description": "Install @types files into your devDependencies.", "stars": "11"}, {"name": "ts-toolbelt", "url": "https://github.com/millsp/ts-toolbelt", "description": "Large collection of type utilities for TypeScript", "stars": "7.1k"}, {"name": "string-ts", "url": "https://github.com/gustavoguichard/string-ts", "description": "Strongly-typed string functions for all", "stars": "1.3k"}, {"name": "lib-result", "url": "https://github.com/AhmedOsman101/lib-result", "description": "A lightweight, Rust-inspired `Result` type for type-safe error handling in TypeScript and JavaScript.", "stars": "2"}, {"name": "iso-locale", "url": "https://github.com/reacture-io/iso-locale", "description": "A comprehensive TypeScript library providing ISO standards for handling countries, languages, dialects, and currencies.", "stars": "9"}, {"name": "PandaCSS", "url": "https://panda-css.com/", "description": "CSS-in-JS with build time generated styles, RSC compatible, multi-variant support, and best-in-class developer experience"}, {"name": "Vanilla-Extract", "url": "https://vanilla-extract.style/", "description": "Use TypeScript as your preprocessor. Write type\u2011safe, locally scoped classes, variables and themes, then generate static CSS files at build time"}, {"name": "StyleX", "url": "https://stylexjs.com/", "description": "StyleX is a JavaScript library for defining styles for optimized user interfaces"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Runtime", "entries": [{"name": "json-decoder", "url": "https://github.com/venil7/json-decoder", "description": "Typesafe JSON decoder and runtime checker", "stars": "76"}, {"name": "typescript-is", "url": "https://github.com/woutervh-/typescript-is", "description": "TypeScript transformer that generates run-time type-checks.", "stars": "963"}, {"name": "type-plus", "url": "https://github.com/unional/type-plus", "description": "Additional types and type adjusted utilities", "stars": "406"}, {"name": "Agent Framework", "url": "https://github.com/agentframework/agentframework", "description": "", "stars": "126"}, {"name": "SunTori", "url": "https://github.com/LancerComet/SunTori", "description": "A JSON de/serializer to ensure everything is safe at runtime.", "stars": "10"}, {"name": "config", "url": "https://github.com/mrspartak/config", "description": "Runtime configuration resolver", "stars": "24"}, {"name": "@core/match", "url": "https://github.com/tani/ts-match", "description": "Type-safe destructuring assignment with pattern-match validation", "stars": "45"}, {"name": "io-ts", "url": "https://github.com/gcanti/io-ts", "description": "Runtime type system for IO decoding/encoding", "stars": "6.8k"}, {"name": "zod", "url": "https://github.com/vriad/zod", "description": "TypeScript-first schema validation with static type inference", "stars": "42k"}, {"name": "valibot", "url": "https://github.com/fabian-hiller/valibot", "description": "Valibot is a Typescript schema library with static type inference, and it's exceptionally lightweight compared to Zod, with no dependencies.", "stars": "8.4k"}, {"name": "runtypes", "url": "https://github.com/pelotom/runtypes", "description": "Runtime validation for static types", "stars": "2.7k"}, {"name": "ts-codec", "url": "https://github.com/julienvincent/ts-codec", "description": "TypeScript Codecs for encoding, decoding and validating data", "stars": "19"}, {"name": "ow", "url": "https://github.com/sindresorhus/ow", "description": "Function argument validation for humans", "stars": "3.9k"}, {"name": "superstruct", "url": "https://github.com/ianstormtaylor/superstruct", "description": "A simple and composable way to validate data", "stars": "7.2k"}, {"name": "computed-types", "url": "https://github.com/neuledge/computed-types", "description": "\ud83e\udda9 Joi like validations for TypeScript", "stars": "360"}, {"name": "json-schema-to-ts", "url": "https://github.com/thomasaribart/json-schema-to-ts", "description": "Dynamic type inference from JSON schemas", "stars": "1.7k"}, {"name": "Yunomix", "url": "https://github.com/LancerComet/MyWebLibs/tree/master/Yunomix", "description": "A form validation toolkit which is designed in AOP form.", "stars": "5"}, {"name": "typia", "url": "https://github.com/samchon/typia", "description": "20,000x times faster runtime validator using pure TypeScript type. Only one line required like `typia.assert<T>(input)`. Also, supports 200x faster JSON serialization, and Protocol Buffer features. \ud83d\ude80 (see also <https://typia.io/docs>)", "stars": "5.5k"}, {"name": "fta", "url": "https://github.com/sgb-io/fta", "description": "Rust-based static analysis to monitor code quality", "stars": "285"}, {"name": "dto-classes", "url": "https://github.com/rsinger86/dto-classes", "description": "Developer-friendly parsing, validation & serialization. Static types by default. Uses properties for field schemas, not decorators.", "stars": "81"}, {"name": "iso-locale", "url": "https://github.com/reacture-io/iso-locale", "description": "A comprehensive TypeScript library providing ISO standards for handling countries, languages, dialects, and currencies.", "stars": "9"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Mobile", "entries": [{"name": "Monaco Editor", "url": "https://microsoft.github.io/monaco-editor/", "description": ""}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Web", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Web/ReactJS", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Platform Engineering & DevOps", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Back-end API", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 AI", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Standalone apps", "entries": [{"name": "OctoLinker", "url": "https://github.com/OctoLinker/browser-extension", "description": "", "stars": "5.4k"}, {"name": "lc-mate", "url": "https://github.com/cglotr/lc-mate", "description": "Extension that adds contest rating to usernames in LC", "stars": "1"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Design patterns", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Decorators", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Libraries", "entries": [{"name": "duckduckgo-ai-chat", "url": "https://github.com/mumu-lhl/duckduckgo-ai-chat", "description": "Providing Duckduckgo AI Chat API, which can use gpt-4o-mini for free.", "stars": "93"}, {"name": "Neurolink", "url": "https://github.com/juspay/neurolink", "description": "Universal AI development platform that unifies 12+ AI providers (OpenAI, Anthropic, Google, Bedrock, Azure) with MCP support, multi-provider failover, and production-ready enterprise features. TypeScript SDK + CLI.", "stars": "101"}, {"name": "rehydra", "url": "https://github.com/rehydra-ai/rehydra-sdk", "description": "A zero-trust SDK to anonymize PII locally before sending prompts to LLMs and seamlessly rehydrate the response.", "stars": "35"}, {"name": "Angular Applications with TypeScript", "url": "https://mva.microsoft.com/en-US/training-courses/angular-applications-with-typescript-14330", "description": ""}, {"name": "AngularJS with TypeScript made easy", "url": "https://www.youtube.com/watch?v=OZxnFB0yQHs", "description": ""}, {"name": "Full Stack React GraphQL TypeScript Tutorial - 14 hour course", "url": "https://www.youtube.com/watch?v=I6ypD7qv3Z8", "description": ""}, {"name": "Evolving JavaScript with TypeScript", "url": "https://www.youtube.com/watch?v=Ut694dsIa8w", "description": ""}, {"name": "Why program in TypeScript?", "url": "https://www.youtube.com/watch?v=1TW9SdHIiXI", "description": ""}, {"name": "Functional Programming with TypeScript", "url": "https://www.youtube.com/playlist?list=PLuPevXgCPUIMbCxBEnc1dNwboH6e2ImQo", "description": "Discover functional programming with Typescript and create a library like fp-ts alongside Sahand Javid in this beginner-friendly YouTube playlist."}, {"name": "Building CRM from scratch with Typescript and Bun", "url": "https://www.youtube.com/watch?v=l4QjeBEkNLc", "description": "Building a real-world CRM system from scratch, without big frameworks. Bun, Typescript and Tailwind."}, {"name": "TypeScript Fundamentals", "url": "https://www.pluralsight.com/courses/typescript", "description": ""}, {"name": "Practical TypeScript Migration", "url": "https://www.pluralsight.com/courses/typescript-practical-migration", "description": ""}, {"name": "Angular with TypeScript", "url": "http://www.pluralsight.com/courses/angular-typescript", "description": ""}, {"name": "Using TypeScript for Large AngularJS Applications", "url": "https://www.pluralsight.com/courses/using-typescript-large-angularjs-apps", "description": ""}, {"name": "Introduction to TypeScript", "url": "https://www.packtpub.com/application-development/introduction-typescript-video", "description": ""}, {"name": "Mastering TypeScript", "url": "https://www.packtpub.com/web-development/mastering-typescript-video", "description": ""}, {"name": "TypeScript: The Complete Developer's Guide", "url": "https://www.udemy.com/typescript-the-complete-developers-guide/", "description": ""}, {"name": "Angular with TypeScript", "url": "https://www.manning.com/livevideo/angular-for-java-developers-typescript/", "description": ""}, {"name": "Mastering TypeScript - 2022 Edition", "url": "https://www.udemy.com/course/learn-typescript/", "description": ""}, {"name": "Converting your vanilla JavaScript app to TypeScript", "url": "https://www.useanvil.com/blog/engineering/converting-vanilla-javascript-to-typescript", "description": ""}, {"name": "Difference Between TypeScript and JavaScript", "url": "https://www.scaler.com/topics/typescript-vs-javascript/", "description": ""}, {"name": "TypeScript Roadmap", "url": "https://roadmap.sh/typescript", "description": ""}, {"name": "TypeScript Origins: The Documentary - YouTube", "url": "https://www.youtube.com/watch?v=U6s2pdxebSo", "description": ""}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Badges", "entries": [{"name": "TypeScript Badges", "url": "https://github.com/ellerbrock/typescript-badges/", "description": "", "stars": "46"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Social", "entries": [{"name": "@typescriptlang", "url": "https://twitter.com/typescriptlang", "description": "Official Typescript Twitter"}, {"name": "@angularjs", "url": "https://twitter.com/angularjs", "description": "Official Angularjs Twitter using Typescript Since 2.0"}, {"name": "@jntrnr", "url": "https://twitter.com/jntrnr", "description": "Typescript Program Manager at Microsoft"}, {"name": "@ahejlsberg", "url": "https://twitter.com/ahejlsberg", "description": "Technical Fellow at Microsoft involved with the Typescript project"}], "notes": [], "source": "Typescript"}, {"name": "Typescript \u2014 Acknowledgements", "entries": [], "notes": [], "source": "Typescript"}, {"name": "Preact", "entries": [{"name": "Community", "url": "#community", "description": ""}, {"name": "Toolkits", "url": "#toolkits", "description": ""}, {"name": "Boilerplates", "url": "#boilerplates", "description": ""}, {"name": "Routing", "url": "#routing", "description": ""}, {"name": "Components", "url": "#components", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Testing Utils", "url": "#testing-utils", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Example Apps", "url": "#example-apps", "description": ""}, {"name": "Real Apps", "url": "https://preactjs.com/about/we-are-using", "description": ""}, {"name": "Related Libraries", "url": "#related-libraries", "description": ""}, {"name": "Tips", "url": "#tips", "description": ""}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Community", "entries": [{"name": "Slack", "url": "https://chat.preactjs.com/", "description": ""}, {"name": "Stack Overflow", "url": "https://stackoverflow.com/questions/tagged/preact", "description": ""}, {"name": "Github", "url": "https://github.com/developit/preact", "description": "", "stars": "38k"}, {"name": "Twitter", "url": "https://twitter.com/preactjs", "description": ""}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Toolkits", "entries": [{"name": "Preact CLI", "url": "https://github.com/developit/preact-cli", "description": "Build a Preact Progressive Web App in seconds.", "stars": "4.7k"}, {"name": "Vite", "url": "https://github.com/vitejs/vite", "description": "Fast native-ESM powered web dev build tool for Preact, Vue or React.", "stars": "79k"}, {"name": "nwb", "url": "https://github.com/insin/nwb", "description": "Quick Development with React, Inferno or Preact.", "stars": "5.6k"}, {"name": "React App Rewire Preact", "url": "https://github.com/timarney/react-app-rewired", "description": "Use Preact with create-react-app without ejecting.", "stars": "9.9k"}, {"name": "Preact CLI PostCSS", "url": "https://github.com/SaraVieira/preact-cli-postcss", "description": "It removes the default postcss config on Preact CLI, so you can use postcss.config.js.", "stars": "16"}, {"name": "Create Preact App", "url": "https://github.com/just-boris/create-preact-app", "description": "Create Preact apps with no build configuration.", "stars": "94"}, {"name": "Storybook Preact", "url": "https://github.com/storybooks/storybook/tree/next/app/preact", "description": "Storybook for Preact is a UI development environment for your Preact components.", "stars": "90k"}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Boilerplates", "entries": [{"name": "Official Boilerplate", "url": "https://github.com/developit/preact-boilerplate", "description": "Ready-to-rock Preact starter project, powered by Webpack.", "stars": "965"}, {"name": "Preact Simple Starter", "url": "https://github.com/ooade/PreactSimpleStarter", "description": "PWA Simple Starter with Preact, Preact-mdl and Webpack2.", "stars": "64"}, {"name": "Preact Offline Starter", "url": "https://github.com/lukeed/preact-starter", "description": "Webpack2 boilerplate for building SPA / PWA / offline front-end apps with Preact.", "stars": "388"}, {"name": "TypeScript Preact Starter", "url": "https://github.com/nickytonline/ts-preact-starter", "description": "Barebones starter project for Preact with TypeScript.", "stars": "56"}, {"name": "TypeScript PWA Preact Starter", "url": "https://github.com/bmitchinson/preact-typescript-pwa-starter", "description": "PWA Starter with TypeScript and SASS (131kb)", "stars": "6"}, {"name": "Electron TypeScript Preact Boilerplate", "url": "https://github.com/yoctopuce-examples/electron-typescript-preact-boilerplate", "description": "Electron starter project with TypeScript and Preact support, powered by esbuild.", "stars": "5"}, {"name": "Preact Modern Startupper", "url": "https://github.com/kolodziejczakM/preact-modern-startupper", "description": "PWA boilerplate with support for TypeScript, Goober, Unistore and Plop.", "stars": "18"}, {"name": "Preact Redux SSR Example", "url": "https://github.com/csbun/preact-redux-ssr-example", "description": "Server-side Rendering with Redux Example.", "stars": "32"}, {"name": "Preact PWA", "url": "https://github.com/ezekielchentnik/preact-pwa", "description": "PWA focused on raw performance, server side rendering, prerendering, redux, express, rollup.", "stars": "507"}, {"name": "Preact Chrome Extension", "url": "https://github.com/debdut/preact-chrome-extension", "description": "A Full Feature Preact Chrome Extension Starter Kit.", "stars": "691"}, {"name": "Preact Web Extension", "url": "https://github.com/PiyushSuthar/preact-webext", "description": "\u26a1\ufe0f WebExtension Vite Starter Template with Preact.", "stars": "22"}, {"name": "Preact Neutralino TypeScript Starter", "url": "https://github.com/ernest-rudnicki/preact-neutralino-typescript-starter", "description": "Starter project for building lightweight desktop applications with Preact and neutralino.js.", "stars": "2"}, {"name": "Simple Deno Starter", "url": "https://github.com/nesterow/minizavr", "description": "Tiny starter template with Preact and Deno for building single page applications.", "stars": "0"}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Routing", "entries": [{"name": "Preact Router", "url": "https://github.com/developit/preact-router", "description": "URL router for Preact.", "stars": "1.1k"}, {"name": "Preact Route Async", "url": "https://github.com/mjanssen/preact-route-async", "description": "A (440b gzip) route component that enables async loading of page-components.", "stars": "37"}, {"name": "Wouter", "url": "https://github.com/molefrog/wouter", "description": "A tiny (1KB gzip) router for Preact/React with React Router-like API.", "stars": "7.8k"}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Components", "entries": [{"name": "Preact Material Components", "url": "https://github.com/prateekbh/preact-material-components", "description": "Preact wrapper for \"Material Components for the web\".", "stars": "554"}, {"name": "Preact Scroll Header", "url": "https://github.com/lukeed/preact-scroll-header", "description": "A (800b gzip) header that will show/hide while scrolling for Preact.", "stars": "43"}, {"name": "Preact Progress", "url": "https://github.com/lukeed/preact-progress", "description": "Simple and lightweight (\\~590 bytes gzip) progress bar component for Preact.", "stars": "49"}, {"name": "Preact Compat", "url": "https://github.com/preactjs/preact-compat", "description": "Use any React library with Preact *([full example (\u2b5054)](https://github.com/developit/preact-compat-example))*.", "stars": "945"}, {"name": "Preact Render To String", "url": "https://github.com/preactjs/preact-render-to-string", "description": "Universal rendering.", "stars": "715"}, {"name": "Preact Markup", "url": "https://github.com/developit/preact-markup", "description": "Render HTML & Custom Elements as JSX & Components.", "stars": "207"}, {"name": "Preact Portal", "url": "https://github.com/developit/preact-portal", "description": "Render Preact components into (a) SPACE.", "stars": "183"}, {"name": "Preact Richtextarea", "url": "https://github.com/developit/preact-richtextarea", "description": "Simple HTML editor component.", "stars": "43"}, {"name": "Preact Token Input", "url": "https://github.com/developit/preact-token-input", "description": "Text field that tokenizes input, for things like tags.", "stars": "65"}, {"name": "Preact Virtual List", "url": "https://github.com/developit/preact-virtual-list", "description": "Easily render lists with millions of rows ([demo](https://jsfiddle.net/developit/qqan9pdo/)).", "stars": "233"}, {"name": "Preact Cycle", "url": "https://github.com/developit/preact-cycle", "description": "Functional-reactive paradigm for Preact.", "stars": "142"}, {"name": "Preact Layout", "url": "https://download.github.io/preact-layout/", "description": "Small and simple layout library."}, {"name": "Preact Socrates", "url": "https://github.com/matthewmueller/preact-socrates", "description": "Preact plugin for [Socrates (\u2b50575)](http://github.com/matthewmueller/socrates).", "stars": "16"}, {"name": "Preact Flyd", "url": "https://github.com/xialvjun/preact-flyd", "description": "Use [flyd (\u2b501.6k)](https://github.com/paldepind/flyd) FRP streams in Preact + JSX.", "stars": "11"}, {"name": "Preact I18nline", "url": "https://github.com/download/preact-i18nline", "description": "Integrates the ecosystem around [i18n-js (\u2b5010)](https://github.com/everydayhero/i18n-js) with Preact via [i18nline (\u2b5019)](https://github.com/download/i18nline).", "stars": "39"}, {"name": "Preact MUI", "url": "https://github.com/luisvinicius167/preact-mui", "description": "The MUI CSS Preact library.", "stars": "37"}, {"name": "Preact MDL", "url": "https://github.com/developit/preact-mdl", "description": "Use [MDL](https://getmdl.io) as Preact components.", "stars": "193"}, {"name": "Preact Photon", "url": "https://github.com/developit/preact-photon", "description": "Build beautiful desktop UI with [photon](http://photonkit.com).", "stars": "184"}, {"name": "Preact Classless Component", "url": "https://github.com/ld0rman/preact-classless-component", "description": "Create preact components without the class keyword.", "stars": "44"}, {"name": "Preact Hyperscript", "url": "https://github.com/queckezz/preact-hyperscript", "description": "Hyperscript-like syntax for creating elements.", "stars": "33"}, {"name": "Shallow Compare", "url": "https://github.com/tkh44/shallow-compare", "description": "Simplified `shouldComponentUpdate` helper.", "stars": "34"}, {"name": "Preact Codemod", "url": "https://github.com/vutran/preact-codemod", "description": "Transform your React code to Preact.", "stars": "40"}, {"name": "Preact Helmet", "url": "https://github.com/download/preact-helmet", "description": "A document head manager for Preact.", "stars": "87"}, {"name": "Preact Delegate", "url": "https://github.com/NekR/preact-delegate", "description": "Delegate DOM events.", "stars": "19"}, {"name": "Preact No SSR", "url": "https://github.com/gufsky/preact-no-ssr", "description": "Skip Server Side Rendering of Components.", "stars": "8"}, {"name": "Preact Head", "url": "https://github.com/matthewmueller/preact-head", "description": "Standalone, declarative \\<Head /> for Preact.", "stars": "37"}, {"name": "Preact Side Effect", "url": "https://github.com/ooade/preact-side-effect", "description": "Create components whose nested prop changes map to a global side effect.", "stars": "10"}, {"name": "Preact Tiny Atom", "url": "https://github.com/KwanMan/preact-tiny-atom", "description": "Preact Integration with [Tiny Atom (\u2b50116)](https://github.com/qubitproducts/tiny-atom).", "stars": "3"}, {"name": "Preact Level List", "url": "https://github.com/juliangruber/preact-level-list", "description": "Live updating leveldb list component for Preact.", "stars": "4"}, {"name": "Preact Country Picker", "url": "https://github.com/bboydflo/flagstrap-preact", "description": "Country picker based on bootstrap 3 made for Preact.", "stars": "3"}, {"name": "Preact Fluid", "url": "https://github.com/ajainvivek/preact-fluid", "description": "A minimal UI kit for Preact.", "stars": "198"}, {"name": "Preact Feather Icons", "url": "https://github.com/ForsakenHarmony/preact-feather", "description": "Feather icons for Preact.", "stars": "33"}, {"name": "Preact Animate On Change", "url": "https://github.com/Sobesednik/preact-animate-on-change", "description": "Add CSS3 animation when properties change.", "stars": "17"}, {"name": "Preact Async Route", "url": "https://github.com/prateekbh/preact-async-route", "description": "Async route component for preact-router.", "stars": "138"}, {"name": "MU Forms", "url": "https://github.com/mobiushorizons/mu-forms", "description": "Dead simple form library for (P)React.", "stars": "59"}, {"name": "Pimg", "url": "https://github.com/ooade/pimg", "description": "Progressive Image Component; Used for lazy loading images.", "stars": "99"}, {"name": "Preact Component Console", "url": "https://github.com/haensl/preact-component-console", "description": "Console Emulator. Simulates typing via dynamic delays.", "stars": "30"}, {"name": "Preact Translate", "url": "https://github.com/DenysVuika/preact-translate", "description": "Minimalistic translate (i18n) library for Preact.", "stars": "67"}, {"name": "Preact Dock", "url": "https://github.com/TimDaub/preact-touchable-dock", "description": "Simple DnD and touch-enabled Dock for Preact apps.", "stars": "22"}, {"name": "Preact Particles", "url": "https://github.com/matteobruni/tsparticles#preact", "description": "Lightweight component to easily add cool particles animations to websites.", "stars": "8.8k"}, {"name": "Pant", "url": "https://github.com/webyom/pant", "description": "Mobile UI Components built on Preact *([docs and demos](https://webyom.github.io/pant))*. Ported from awesome Vue components of [Vant (\u2b5024k)](https://github.com/youzan/vant).", "stars": "30"}, {"name": "Preact Transitioning", "url": "https://github.com/fakundo/preact-transitioning", "description": "Exposes Preact components for easily implementing basic CSS animations and transitions.", "stars": "49"}, {"name": "Preact Nominal Allocator", "url": "https://github.com/TimDaub/preact-nominal-allocator", "description": "A numerical input element that can also manipulated with two buttons (-/+).", "stars": "1"}, {"name": "Tailored Components", "url": "https://github.com/nesterow/tailored", "description": "Unstyled components and hooks for Preact & Deno.", "stars": "27"}, {"name": "Plotery", "url": "https://shelacek.bitbucket.io/plotery", "description": "Fast and lightweight charting library."}, {"name": "Formica", "url": "https://shelacek.bitbucket.io/formica", "description": "Simple declarative forms for Preact."}, {"name": "HelloCSV", "url": "https://hellocsv.github.io/HelloCSV/", "description": "Modern, elegant, drop-in CSV importer, built in Preact. Flatfile alternative."}, {"name": "Vski Table", "url": "https://table.vski.ai", "description": "Datagrid component built with Preact."}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Libraries", "entries": [{"name": "Redux Zero", "url": "https://github.com/concretesolutions/redux-zero", "description": "A lightweight state container based on Redux with a single store and no reducers.", "stars": "2k"}, {"name": "Unistore", "url": "https://github.com/developit/unistore", "description": "350b / 650b state container with component actions for Preact & React.", "stars": "2.9k"}, {"name": "FPreact", "url": "https://github.com/UnwrittenFun/fpreact", "description": "Provides an alternative api for creating preact components, heavily inspired by elm.", "stars": "47"}, {"name": "ProppyJS - A tiny library for functional props composition", "url": "https://proppyjs.com", "description": ""}, {"name": "ClearX", "url": "https://github.com/Autodesk/clearx", "description": "Fast & Effortless state management for React, Preact and Inferno with zero learning curve.", "stars": "22"}, {"name": "Preact-urql", "url": "https://github.com/FormidableLabs/urql/tree/master/packages/preact-urql", "description": "Use [urql (\u2b508.9k)](https://github.com/FormidableLabs/urql) with Preact core + hooks.", "stars": "8.9k"}, {"name": "hooked-head", "url": "https://github.com/JoviDeCroock/hooked-head", "description": "Hooks to manipulate the `<head>` section of the DOM. This has a subpackage with core preact support (using `preact/hooks`).", "stars": "342"}, {"name": "Teaful", "url": "https://github.com/teafuljs/teaful", "description": "Tiny (800B), easy and powerful (P)React state management.", "stars": "713"}, {"name": "Nano Stores", "url": "https://github.com/nanostores/nanostores", "description": "A tiny (199 bytes) state manager with many atomic tree-shakable stores.", "stars": "7.2k"}, {"name": "Modular Forms", "url": "https://github.com/fabian-hiller/modular-forms", "description": "Modular, type-safe and signal based form library for Preact.", "stars": "1.2k"}, {"name": "exome", "url": "https://github.com/Marcisbee/exome", "description": "Simple proxy based state manager for deeply nested states.", "stars": "280"}, {"name": "Fastro", "url": "https://fastro.deno.dev", "description": "Fast & Modular SSR Web Framework for Deno, TypeScript, Preact & Tailwind."}, {"name": "Jotai", "url": "https://github.com/pmndrs/jotai", "description": "Primitive and flexible state management for React & Preact.", "stars": "21k"}, {"name": "Pretch", "url": "https://github.com/EGAMAGZ/pretch", "description": "A lightweight and flexible fetch enhancement library that works with vanilla JavaScript, React, and Preact", "stars": "14"}, {"name": "Formisch", "url": "https://formisch.dev/preact/guides/introduction/", "description": "A form library for Preact with focus on performance, type safety and bundle size."}, {"name": "zikofy", "url": "https://github.com/zakarialaoui10/zikofy", "description": "Turns Preact components into Zikojs `UIElement`.", "stars": "20"}, {"name": "Preact In Motion", "url": "https://github.com/alloc/preact-in-motion", "description": "Light, elegant animation plugin for Preact (powered by Motion.dev and WAAPI).", "stars": "32"}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Testing Utils", "entries": [{"name": "Preact JSX Chai", "url": "https://github.com/developit/preact-jsx-chai", "description": "JSX assertion testing *(no DOM, right in Node)*.", "stars": "56"}, {"name": "Preact Render Spy", "url": "https://github.com/mzgoddard/preact-render-spy", "description": "Render Preact components with access to the produced virtual dom for testing.", "stars": "178"}, {"name": "Preact Test Utils", "url": "https://github.com/windyGex/preact-test-utils", "description": "Mock react-test-utils enzyme in preact.", "stars": "7"}, {"name": "Preact Testing Library", "url": "https://github.com/antoaravinth/preact-testing-library", "description": "Simple and complete Preact DOM testing utilities that encourage good testing practices.", "stars": "157"}, {"name": "Preact Island", "url": "https://github.com/mwood23/preact-island", "description": "Render your Preact component as a widget on any web page with ease.", "stars": "236"}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Articles", "entries": [{"name": "WTF is JSX", "url": "https://jasonformat.com/wtf-is-jsx/", "description": ""}, {"name": "The Inner Workings of Virtual DOM", "url": "https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf", "description": ""}, {"name": "Using Preact Instead of React", "url": "https://medium.com/@rajaraodv/using-preact-instead-of-react-70f40f53107c", "description": ""}, {"name": "Preact Internals #1: The Easy Parts", "url": "https://medium.com/@asolove/preact-internals-1-the-easy-parts-3a081fa36205#.twnc3doig", "description": ""}, {"name": "Preact Internals #2: The Component Model", "url": "https://medium.com/@asolove/preact-internals-2-the-component-model-36a05e32957b#.8zyec2y9v", "description": ""}, {"name": "Building a Small PWA with Preact and Firebase", "url": "https://dandenney.com/posts/front-end-dev/building-a-small-pwa-with-preact-and-firebase", "description": ""}, {"name": "Authentication with Auth0", "url": "https://auth0.com/blog/preact-authentication-tutorial", "description": ""}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Example Apps", "entries": [{"name": "Preact HN", "url": "https://github.com/kristoferbaxter/preact-hn", "description": "Demonstration of Preact used to build Hacker News as a PWA.", "stars": "294"}, {"name": "TodoMVC", "url": "https://github.com/developit/preact-todomvc", "description": "TodoMVC done in Preact. Under 6kb and fast.", "stars": "107"}, {"name": "Colors App", "url": "https://github.com/lukeed/colors-app", "description": "PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.", "stars": "98"}, {"name": "Tracks", "url": "https://github.com/jordic/tracks_preact/", "description": "PWA for tracking things in general. Gdrive Sync.", "stars": "16"}, {"name": "Hueify", "url": "https://github.com/kvartborg/hueify", "description": "Simple controller for your Philips Hue lights.", "stars": "91"}, {"name": "Golazon", "url": "https://github.com/sobstel/golazon", "description": "Football data mnmlist way."}, {"name": "Shopping List", "url": "https://github.com/ibm-watson-data-lab/shopping-list-preact-pouchdb", "description": "Progressive Web App Built Using Preact and PouchDB.", "stars": "20"}, {"name": "Code and Comment", "url": "https://github.com/code-and-comment/code-and-comment", "description": "The application to add the comments to a file in Github ([demo](https://code-and-comment.github.io/code-and-comment/)).", "stars": "17"}, {"name": "Play.cash", "url": "https://play.cash", "description": ""}, {"name": "Songsterr", "url": "https://www.songsterr.com", "description": ""}, {"name": "BitMidi", "url": "https://bitmidi.com/", "description": ""}, {"name": "Ultimate Guitar", "url": "https://www.ultimate-guitar.com", "description": ""}, {"name": "ESBench", "url": "http://esbench.com", "description": ""}, {"name": "BigWebQuiz", "url": "https://bigwebquiz.com", "description": ""}, {"name": "Nectarine.rocks", "url": "http://nectarine.rocks", "description": ""}, {"name": "OSS.Ninja", "url": "https://oss.ninja", "description": ""}, {"name": "GuriVR", "url": "https://gurivr.com", "description": ""}, {"name": "Offline Gallery", "url": "https://use-the-platform.com/offline-gallery/", "description": ""}, {"name": "Periodic Weather", "url": "https://use-the-platform.com/periodic-weather/", "description": ""}, {"name": "Rugby News Board", "url": "http://nbrugby.com", "description": ""}, {"name": "Preact Gallery", "url": "https://preact.gallery/", "description": ""}, {"name": "Rainbow Explorer", "url": "https://use-the-platform.com/rainbow-explorer/", "description": ""}, {"name": "YASCC", "url": "https://carlosqsilva.github.io/YASCC/#/", "description": ""}, {"name": "Journalize", "url": "https://preact-journal.herokuapp.com/", "description": ""}, {"name": "Proxx", "url": "https://proxx.app", "description": ""}, {"name": "Web Maker", "url": "https://webmaker.app", "description": ""}, {"name": "Intergram", "url": "https://www.intergram.xyz", "description": ""}, {"name": "Preact App in ES6 without Babel or JSX", "url": "https://vanilla-preact.surge.sh", "description": ""}, {"name": "GHFresh", "url": "https://code2k.github.io/ghfresh/", "description": ""}, {"name": "Passwords Fountain", "url": "https://passwords-fountain.com/", "description": "modern & performant password manager interface which works everywhere *([Github project (\u2b5065)](https://github.com/kolodziejczakM/passwords-fountain))*."}, {"name": "macOS Web", "url": "https://macos-preact.now.sh", "description": "macOS Big Sur Desktop experience for Web, built with Preact and Vite *([Github project (\u2b501k)](https://github.com/PuruVJ/macos-preact))*."}, {"name": "Cinemate", "url": "https://cinemate.me", "description": "Movie Recommender System built with Preact and TypeScript. Backend written in Rust."}, {"name": "Windows 11 Web", "url": "https://win11.vercel.app", "description": "Awe-amazing Windows 11 clone for the web! \u26a1 *([Github project (\u2b50601)](https://github.com/PiyushSuthar/Windows-11-Web))*."}, {"name": "Idea Keeper", "url": "https://miftikcz.github.io/idea-keeper-2", "description": ""}, {"name": "Trellith", "url": "https://trellith.sakih.net/", "description": "Tiny Trello Clone PWA ([GitHub Project (\u2b5014)](https://github.com/sakihet/trellith))."}, {"name": "Gladys Assistant", "url": "https://gladysassistant.com/", "description": "A privacy-first, open-source home assistant *([GitHub Project (\u2b503k)](https://github.com/GladysAssistant/Gladys))*."}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Related Libraries", "entries": [{"name": "React", "url": "https://github.com/facebook/react", "description": "A declarative, efficient, and flexible JavaScript library for building user interfaces.", "stars": "244k"}, {"name": "Inferno", "url": "https://github.com/infernojs/inferno", "description": "An extremely fast, React-like JavaScript library for building modern user interfaces.", "stars": "16k"}, {"name": "Rax", "url": "https://github.com/alibaba/rax", "description": "A universal React-compatible render engine.", "stars": "8.1k"}, {"name": "Zikojs", "url": "https://github.com/zakarialaoui10/zikojs", "description": "A composable hyperscript-based UI library with bidirectional interoperability with Preact components.", "stars": "130"}], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Tips", "entries": [], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 Contribution", "entries": [], "notes": [], "source": "Preact"}, {"name": "Preact \u2014 License", "entries": [], "notes": [], "source": "Preact"}, {"name": "Emails \u2014 Table of Contents", "entries": [{"name": "Frameworks", "url": "#frameworks", "description": ""}, {"name": "Cheatsheets", "url": "#cheatsheets", "description": ""}, {"name": "Templates", "url": "#templates", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Services", "url": "#services", "description": ""}, {"name": "Self-Hosted Services", "url": "#self-hosted-services", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Inspirations", "url": "#inspirations", "description": ""}, {"name": "Statistics", "url": "#statistics", "description": ""}, {"name": "Design", "url": "#design", "description": ""}, {"name": "Testing", "url": "#testing", "description": ""}, {"name": "Learning", "url": "#learning", "description": ""}], "notes": [], "source": "Emails"}, {"name": "Emails \u2014 React", "entries": [{"name": "React Email", "url": "https://react.email/", "description": "A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript."}, {"name": "Mailing", "url": "https://www.mailing.run/", "description": "Build emails in React, send from anywhere."}, {"name": "JSX-email", "url": "https://jsx.email/", "description": "JSX Mail is an email framework that uses React to create email templates."}], "notes": [], "source": "Emails"}, {"name": "Emails \u2014 Misc", "entries": [{"name": "MJML", "url": "https://mjml.io", "description": "MJML is a markup language designed to reduce the pain of coding a responsive email."}, {"name": "Foundation for Emails", "url": "https://github.com/zurb/foundation-emails", "description": "Quickly create responsive HTML emails that work on any device & client. Even Outlook.", "stars": "7.8k"}, {"name": "Email Framework", "url": "http://emailframe.work/", "description": "The HTML email framework developed to help you build responsive HTML email."}, {"name": "HEML", "url": "https://heml.io", "description": "HEML is an open source markup language for building responsive email."}, {"name": "Acorn", "url": "https://docs.thememountain.com/acorn/", "description": "A responsive email framework based on a golden ratio typography grid."}, {"name": "Pine", "url": "https://docs.thememountain.com/pine/", "description": "A 12 column grid, responsive email framework."}, {"name": "Maizzle", "url": "https://maizzle.com", "description": "Quickly build HTML emails with Tailwind CSS."}, {"name": "Rico's cheatsheet", "url": "https://devhints.io/html-email", "description": "Rico's cheatsheet for HTML email."}, {"name": "Cerberusemail", "url": "https://www.cerberusemail.com/", "description": "Patterns for Responsive HTML Email Templates."}, {"name": "Responsive templates", "url": "https://templates.emailoctopus.com/", "description": "Free HTML templates from EmailOctopus, usable with any provider."}, {"name": "Campaign", "url": "https://github.com/bevacqua/campaign", "description": "Compose responsive email templates easily, fill them with models, and send them out.", "stars": "640"}, {"name": "Sendwithus", "url": "https://www.sendwithus.com/resources/templates", "description": "Open source email templates."}, {"name": "Mailchimp Email Blueprints", "url": "https://github.com/mailchimp/Email-Blueprints", "description": "Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.", "stars": "7k"}, {"name": "Campaign Monitor Templates", "url": "https://www.campaignmonitor.com/email-templates/", "description": "Easily create beautiful, branded email marketing campaigns."}, {"name": "Responsive Transactional HTML Email Templates", "url": "https://github.com/mailgun/transactional-email-templates", "description": "Each template is responsive and each has been tested in all the popular email clients.", "stars": "6.9k"}, {"name": "Cerberus", "url": "https://github.com/TedGoas/Cerberus", "description": "Few responsive email patterns.", "stars": "5k"}, {"name": "Antwort", "url": "https://github.com/internations/antwort", "description": "Antwort offers responsive layouts for Email that both fits and adapts to client widths.", "stars": "3.6k"}, {"name": "Responsive HTML Template", "url": "https://github.com/charlesmudy/responsive-html-email-template", "description": "This template is designed to work on all major email platforms and it is built with media query, making it responsive for smartphones that supports media query.", "stars": "691"}, {"name": "HTML Email Templates", "url": "https://www.htmlemailtemplates.net/", "description": "Responsive HTML email templates for Startups & SaaS."}, {"name": "Free Responsive template : Slate", "url": "https://litmus.com/resources/free-responsive-email-templates/", "description": "Five pre-tested templates that work with any mailing service."}, {"name": "Grunt Email Boilerplate", "url": "https://github.com/dwightjack/grunt-email-boilerplate", "description": "A Grunt template to create emails.", "stars": "285"}, {"name": "Responsive Email Patterns", "url": "http://responsiveemailpatterns.com/", "description": "A collection of patterns & modules for responsive emails."}, {"name": "Email boilerplate", "url": "https://github.com/seanpowell/Email-Boilerplate", "description": "The email boilerplate for sending out nicely formatted messages.", "stars": "3.8k"}, {"name": "htmlemail", "url": "https://htmlemail.io/", "description": "Responsive HTML email templates for startups & developers."}, {"name": "Postmark Transactional Email Templates", "url": "https://github.com/wildbit/postmark-templates", "description": "Rock-solid email templates for applications.", "stars": "3.1k"}, {"name": "Stripo", "url": "https://stripo.email/templates/", "description": "Rich set of responsive, interactive beautiful email templates with Stripo."}, {"name": "Postcards", "url": "https://designmodo.com/postcards/", "description": "Design responsive email templates online without coding knowledge."}, {"name": "Lee Munroe's Grunt Email Design", "url": "https://github.com/leemunroe/grunt-email-workflow", "description": "A Grunt workflow for designing and testing responsive HTML email templates with SCSS.", "stars": "3k"}, {"name": "Can I Email", "url": "https://www.caniemail.com/", "description": "Can I email\u2026 Support tables for HTML and CSS in emails."}, {"name": "Topol", "url": "https://topol.io/", "description": "Create stunning responsive HTML e-mails in a minute."}, {"name": "MJML Desktop App", "url": "https://mjmlio.github.io/mjml-app/", "description": "MJML official desktop app."}, {"name": "Rollover", "url": "http://freshinbox.com/tools/rollover/", "description": "Generates code for a Rollover Image that displays an alternative image when the email recipient hovers the cursor over the image."}, {"name": "Bulletproof Email Buttons", "url": "http://buttons.cm/", "description": "Design gorgeous buttons using progressively enhanced VML and CSS."}, {"name": "Bulletproof Background Images", "url": "http://backgrounds.cm/", "description": "Create rock-solid background images for your HTML email with some help from VML and CSS."}, {"name": "Stripo.email", "url": "https://stripo.email/", "description": "Online drag-n-drop and HTML email builder to create professional and responsive email templates fast without any HTML skills."}, {"name": "MySigMail Card", "url": "https://mysigmail.com/card/", "description": "A free drag & drop builder helps you create email templates intuitively and very quickly."}, {"name": "TestSubject", "url": "http://zurb.com/playground/testsubject", "description": "Test How Your Email Subject Lines Appear On The Most Popular Mobile Devices."}, {"name": "MailSpice analytics", "url": "https://mailspice.com", "description": "Email analytics add-on for all email services that provides deep insights into all of your email campaigns (works with all ESPs)."}, {"name": "Alter.email", "url": "https://alter.email/", "description": "A free tool to help you inline CSS, remove unused CSS, clean up your text, add extra attributes to tags, add URL tracking parameters, minify, and even prettify HTML email."}, {"name": "Sensitive Subjects", "url": "https://sensitivesubjects.com/", "description": "Never send an embarrassing subject line!"}, {"name": "Detergent", "url": "https://detergent.io", "description": "A tool to prepare the text for pasting into HTML: removes invisible Unicode characters (like [ETX](https://www.fileformat.info/info/unicode/char/0003/index.htm) which can come from PSD files), encodes special characters (like turning \u00a3 into `£`) and improves typography."}, {"name": "EmailComb", "url": "http://emailcomb.com/", "description": "Email-friendly unused CSS removal tool which does not parse and thus accepts mixed sources, including your ESP templating tags. Extras: CSS uglification and HTML/CSS minification (powered by HTML Crush)."}, {"name": "HTML Crush", "url": "https://htmlcrush.com/", "description": "Email-friendly HTML minifier: limits lines to 500 chars. (best practice), respects Outlook conditional tags and accepts mixed sources, including ESP templating tags. Optionally, can only remove indentations (not touching line breaks)."}, {"name": "Tabifier", "url": "https://tools.arantius.com/tabifier", "description": "Opposite of HTML Crush - a tool to beautify the indentation in HTML files. Works with mixed input sources, including your ESP templating tags."}, {"name": "Email Link Builder", "url": "https://email-link-builder.samcarlton.com/", "description": "Make mailto links that open email drafts with prefilled Recipients, Subject, Body and more."}, {"name": "email-verifier", "url": "https://github.com/AfterShip/email-verifier", "description": "A tool for email verification without sending any emails.", "stars": "1.2k"}, {"name": "DevMail", "url": "https://devmail.email/", "description": "An email sandbox for software developers. Capture emails from your dev, staging, QA, or CI environment."}, {"name": "Disposable Email Check API", "url": "https://open.kickbox.com/", "description": "A free API for checking if an email address is disposable. No sign up required."}, {"name": "Resend", "url": "https://resend.com/", "description": "Build, test, and send transactional emails at scale."}, {"name": "EmailOctopus", "url": "https://emailoctopus.com", "description": "Email marketing made easy."}, {"name": "Mailchimp", "url": "https://mailchimp.com/", "description": "MailChimp provides email marketing for more than 15 million people globally."}, {"name": "Mailjet", "url": "https://mailjet.com/", "description": "all-in-one Email Services Provider that allows businesses to send Marketing, Transaction Email and Email Automation."}, {"name": "Mailscribe Mailmaker", "url": "https://mailscribe.com/page/mailmaker", "description": "AI-powered email marketing platform that allows to design email with built-in components."}, {"name": "Campaign monitor", "url": "https://www.campaignmonitor.com/", "description": "Campaign Monitor makes it easy for you to create, send, and optimize your email marketing campaigns."}, {"name": "Sendgrid", "url": "https://sendgrid.com/", "description": "Delivering your transactional and marketing email through one reliable platform."}, {"name": "Postal", "url": "https://github.com/atech/postal", "description": "A fully featured open source mail delivery platform for incoming & outgoing e-mail.", "stars": "15k"}, {"name": "SparkPost", "url": "https://www.sparkpost.com/", "description": "Your application\u2019s emails: Delivered on time and to the inbox."}, {"name": "Mautic", "url": "https://mautic.com/", "description": "Mautic Marketing Automation. Build smarter campaigns \u2013 and build them faster \u2013 with marketing automation that\u2019s quick to learn, simple to use, and easy to iterate."}, {"name": "Mailgun", "url": "https://www.mailgun.com/", "description": "Transactional Email API Service For Developers."}, {"name": "eSputnik", "url": "https://esputnik.com/en", "description": "eSputnik is a marketing automation system trusted by more than 30 thousand loyal customers worldwide to send more than a billion emails every month."}, {"name": "Postmark", "url": "https://postmarkapp.com", "description": "Lightning fast delivery for your application emails. Postmark delivers your transactional email to customers on time, every time."}, {"name": "ImprovMX", "url": "https://improvmx.com/", "description": "Create free email aliases for your domain name."}, {"name": "Reacher", "url": "https://reacher.email", "description": "Check if an email exists without sending any email. Written in Rust, 100% open-source."}, {"name": "Kickbox", "url": "https://kickbox.com", "description": "Email verification service (check an email exists)."}, {"name": "Forward Email", "url": "https://forwardemail.net", "description": "The 100% open-source and privacy-focused email service."}, {"name": "Campaign Cleaner", "url": "https://campaigncleaner.com", "description": "The Ultimate Tool for Optimized, High-Performance Email Campaigns."}, {"name": "ForwardMX", "url": "https://forwardmx.net", "description": "Premium email forwarding for your domain name."}, {"name": "Heybounce", "url": "https://www.heybounce.io", "description": "Email verification service that checks if an email exists and detects disposable emails."}, {"name": "Cloud Seeder", "url": "https://ipv6.rs/cloudseeder", "description": "1-click Install and Upgrade a Postfix+Dovecot or Stalwart mail server instance, hands free."}, {"name": "iRedMail", "url": "https://iredmail.org/", "description": "Easy to install open source mail server solution."}, {"name": "Mail-in-a-box", "url": "https://mailinabox.email/", "description": "Lets you become your own mail service provider in a few easy steps."}, {"name": "Mailcow", "url": "https://mailcow.email/", "description": "The mailserver suite with the 'moo'. An easy to use dockerized selfhosted email solution."}, {"name": "Mailtrain", "url": "https://mailtrain.org/", "description": "Self Hosted Newsletter App Built on Top of Nodemailer."}, {"name": "Mautic", "url": "https://mautic.org/", "description": "Mautic Marketing Automation. Build smarter campaigns \u2013 and build them faster \u2013 with marketing automation that\u2019s quick to learn, simple to use, and easy to iterate."}, {"name": "Modoboa", "url": "https://modoboa.org/", "description": "A solution to quickly deploy and manage a complete email server, compatible with latest standards and optimized for delivery and reputation protection."}, {"name": "Poste.io", "url": "https://poste.io/", "description": "Complete mailserver built in one docker container."}, {"name": "SimpleLogin", "url": "https://github.com/simple-login/app", "description": "Self-hosted email alias solution.", "stars": "5k"}, {"name": "My Wonderful HTML Email Workflow", "url": "https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/", "description": "My Wonderful HTML Email Workflow, using MJML and MDX for responsive emails."}, {"name": "Email Design Workflow", "url": "http://www.leemunroe.com/email-design-workflow/", "description": "An email design workflow by By Lee Munroe."}, {"name": "Composing better emails", "url": "https://iridakos.com/how-to/2019/06/26/composing-better-emails.html", "description": "Tips for writing effective emails."}, {"name": "Darylldoyle Gulp workflow", "url": "https://github.com/darylldoyle/Gulp-Email-Creator", "description": "Gulp Email Creator is a gulp workflow inspired by Lee Munroe's grunt-email-design workflow.", "stars": "167"}, {"name": "Html Email Development Workflow", "url": "http://www.sitepoint.com/my-current-html-email-development-workflow/", "description": "A Typical Email Development Workflow by Sitepoint."}, {"name": "CSS Support", "url": "https://www.campaignmonitor.com/css/", "description": "A complete breakdown of the CSS support for every popular mobile, web and desktop email client on the planet."}, {"name": "Email Template Guide", "url": "https://blocksedit.com/email-template-guide/", "description": "Using a modular email template system."}, {"name": "Mail Servers Best Pratices", "url": "https://documentation.mailgun.com/best_practices.html#email-best-practices", "description": "This guide is a brief summary of email best practices that we have learned from managing mail servers."}, {"name": "Stylecampaign", "url": "http://stylecampaign.com/blog/2014/02/responsive-email-navigation/", "description": "I looked at the navigation of 50 responsive retail emails. Here is a breakdown of the patterns I discovered."}, {"name": "EmailOctopus Blog", "url": "https://emailoctopus.com/blog/", "description": ""}, {"name": "Litmus Blog", "url": "https://litmus.com/blog/", "description": ""}, {"name": "Stylecampaign Blog", "url": "http://stylecampaign.com/blog/", "description": ""}, {"name": "Myemma Blog", "url": "http://myemma.com/content-hub", "description": ""}, {"name": "Postmarkapp Blog", "url": "http://blog.postmarkapp.com/", "description": ""}, {"name": "Spently Blog", "url": "https://blog.spently.com/", "description": ""}, {"name": "Emailmonks Blog", "url": "http://www.emailmonks.com/blog/", "description": ""}, {"name": "Stripo.email Blog", "url": "http://www.emailmonks.com/blog/", "description": "Email Marketing & Email Design Blog."}, {"name": "HTML Email Blog", "url": "https://htmlemail.io/blog/", "description": ""}, {"name": "Build Better Blog", "url": "https://blocksedit.com/content-code/", "description": "Design and content production in email marketing."}, {"name": "Email Design Blog", "url": "https://designmodo.com/design/email-design/", "description": "Articles, tutorial, inspiration for all email geeks."}, {"name": "Email marketing regulations", "url": "https://github.com/threeheartsdigital/email-marketing-regulations", "description": "A guide to email marketing regulations around the world.", "stars": "445"}, {"name": "Email toolbox", "url": "http://email-toolbox.com/", "description": "Hand-picked resources for email marketers and designers."}, {"name": "Mailchimp", "url": "http://mailchimp.com/resources/", "description": "Super awesome resources from Mailchimp."}, {"name": "Litmus Resources", "url": "https://litmus.com/resources", "description": "Stay up to date with the latest email news and trends with Litmus resources."}, {"name": "Campaign Monitor Resources", "url": "https://www.campaignmonitor.com/resources/", "description": "Campaign Monitor resources will turn you into an expert in no time."}, {"name": "Campaign Monitor Dev Resources", "url": "https://www.campaignmonitor.com/dev-resources/", "description": ""}, {"name": "Mailchimp", "url": "http://templates.mailchimp.com/", "description": "Mailchimp Email Design Reference."}, {"name": "Arstechnica", "url": "https://arstechnica.com/information-technology/2014/02/how-to-run-your-own-e-mail-server-with-your-own-domain-part-1/", "description": "Tutorial on how to build your own email server."}, {"name": "Mailmodo", "url": "https://www.mailmodo.com/email-templates/", "description": "Mega Email Template Library, from where you can get the template for free or customize your own Email Templates"}, {"name": "Email Copy", "url": "http://www.goodemailcopy.com/", "description": "Email copy from great companies."}, {"name": "Really good emails Codepen", "url": "http://codepen.io/reallygoodemails/", "description": ""}, {"name": "Really good emails", "url": "http://reallygoodemails.com/", "description": "The Best Email Designs in the Universe."}, {"name": "TidyMails", "url": "http://tidymails.com/", "description": "The Email Newsletters' Universe."}, {"name": "Milled", "url": "http://milled.com/", "description": ""}, {"name": "The Top Email Campaigns", "url": "https://www.campaignmonitor.com/best-email-marketing-campaigns/", "description": "The most effective email marketing campaigns from Campaign Monitor."}, {"name": "Htmlemaildesigns", "url": "http://htmlemaildesigns.com/", "description": "Beautiful emails to help inspire your next email design."}, {"name": "WhoSentWhat", "url": "http://whosentwhat.com", "description": "We bring email newsletters from inbox to web"}, {"name": "Myemma Email Stats", "url": "http://myemma.com/brainiac/gate-free-stats", "description": "18 must-know stats for modern email marketers by Emma, Inc."}, {"name": "Mailchimp Research", "url": "http://mailchimp.com/resources/research/", "description": "Mailchimp's researchers are constantly analyzing data to help you make the most of your email campaigns."}, {"name": "Campaign Monitor 2015 Report", "url": "https://www.campaignmonitor.com/resources/guides/email-marketing-new-rules/", "description": "2015 Report: The new rules of email marketing."}, {"name": "Campaign Monitor 2016 Report", "url": "https://www.campaignmonitor.com/company/annual-report/2016/", "description": "2016 Report: Campaign Monitor 2016 Year in Review."}, {"name": "PutsMail", "url": "https://putsmail.com/", "description": "Free tool to test your HTML emails before sending them!"}, {"name": "Litmus", "url": "https://litmus.com/", "description": "Test and track your emails with Litmus."}, {"name": "Campaign Monitor", "url": "https://www.campaignmonitor.com/testing/", "description": "Test your design in all the different email client with Campaign Monitor."}, {"name": "Grunt Litmus", "url": "https://www.npmjs.com/package/grunt-litmus", "description": "Send email tests to Litmus with grunt."}, {"name": "Gulp Litmus", "url": "https://www.npmjs.com/package/gulp-litmus", "description": "Send email tests to Litmus with gulp."}, {"name": "MailTrap", "url": "https://mailtrap.io", "description": "A Fake SMTP Server to Test, View and Share emails without spamming real customers."}, {"name": "testmail.app", "url": "https://testmail.app", "description": "A fake SMTP server with unlimited mailboxes and a GraphQL API for automating end-to-end tests."}, {"name": "MailHog", "url": "https://github.com/mailhog/MailHog", "description": "", "stars": "14k"}, {"name": "MailCatcher", "url": "https://mailcatcher.me/", "description": ""}, {"name": "Email Privacy Tester", "url": "https://www.emailprivacytester.com/", "description": "A tool to test your email client's priacy features (loading remote content)."}, {"name": "Mail Tester", "url": "https://www.mail-tester.com/", "description": "Test the spammyness of your emails."}, {"name": "Mailsnag", "url": "https://mailsnag.com/", "description": "Test email server for all of your SMTP needs - simulate delay and errors, preview and share emails, and more - all without sending emails to actual customers."}, {"name": "Email Spam Tester", "url": "https://kickbox.com/email-spam-tester/", "description": "Free tool to check to see if your email will end up in the spam folder."}, {"name": "Responsive HTML Email Design", "url": "https://frontendmasters.com/courses/responsive-email/", "description": "Responsive email course by Justine Jordan and Jason Rodriguez."}, {"name": "Mastering HTML Email", "url": "http://webdesign.tutsplus.com/series/mastering-html-email--webdesign-17696", "description": "This series of tutorials will take you through the fundamentals, exploring development techniques, workflow and design approaches."}, {"name": "Building Responsive Email Templates with Ink", "url": "https://scotch.io/tutorials/building-responsive-email-templates-with-ink", "description": "Building Responsive Email Templates with Ink."}, {"name": "Litmus learning", "url": "https://litmus.com/community/learning", "description": "Litmus learning resources."}], "notes": [], "source": "Emails"}, {"name": "Emails \u2014 Contribution", "entries": [], "notes": [], "source": "Emails"}, {"name": "Emails \u2014 Check Also", "entries": [{"name": "Awesome JS Books", "url": "https://github.com/jonathandion/awesome-js-books", "description": "This is a curated list of all the best JavaScript books.", "stars": "63"}, {"name": "Web Configs", "url": "https://github.com/jonathandion/web-configs", "description": "Monorepo for all common configurations for building web apps.", "stars": "16"}, {"name": "My Neovim Config", "url": "https://github.com/jonathandion/web-dev.nvim", "description": "Small Neovim configuration written in Lua that is specifically designed for web development.", "stars": "66"}], "notes": [], "source": "Emails"}, {"name": "Emails \u2014 License", "entries": [], "notes": [], "source": "Emails"}, {"name": "D3 \u2014 Charts", "entries": [{"name": "billboard.js", "url": "https://github.com/naver/billboard.js", "description": "Re-usable chart library \\[bar, line, area, donut, pie, step, spline]", "stars": "5.5k"}, {"name": "britecharts", "url": "https://github.com/britecharts/britecharts", "description": "Client-side reusable charting library \\[bar, line, donut, sparkline, step]", "stars": "3.7k"}, {"name": "chart-parts", "url": "https://github.com/Microsoft/chart-parts", "description": "A flexible, React-friendly, Grammar of Graphics for data visualization", "stars": "600"}, {"name": "cubism", "url": "https://github.com/square/cubism", "description": "Time series visualization", "stars": "4.9k"}, {"name": "c3", "url": "https://github.com/c3js/c3", "description": "Reusable chart library \\[line, spline, step, area, stacked, bar, pie, donut]", "stars": "9.2k"}, {"name": "dagre-d3", "url": "https://github.com/dagrejs/dagre-d3", "description": "Layout directed graphs on the client-side", "stars": "2.7k"}, {"name": "dc.js", "url": "https://github.com/dc-js/dc.js", "description": "For heavy amounts of data", "stars": "7.4k"}, {"name": "d2b", "url": "https://github.com/d2bjs/d2b", "description": "Chart library for axis, pie, sankey, sunburst charts", "stars": "95"}, {"name": "d3-bar", "url": "https://github.com/tj/d3-bar", "description": "Bar chart", "stars": "173"}, {"name": "d3-beeswarm", "url": "https://github.com/Kcnarf/d3-beeswarm", "description": "Plugin which computes a beeswarm arrangement", "stars": "50"}, {"name": "d3-boxplot", "url": "https://github.com/akngs/d3-boxplot", "description": "d3js box plot plugin", "stars": "21"}, {"name": "d3-bumps-chart", "url": "https://github.com/johnwalley/d3-bumps-chart", "description": "Plugin for visualizing bumps charts", "stars": "14"}, {"name": "d3-dag", "url": "https://github.com/erikbrinkman/d3-dag", "description": "Layout algorithms for visualizing directed acylic graphs", "stars": "1.3k"}, {"name": "d3-ez", "url": "https://github.com/jamesleesaunders/d3-ez", "description": "Easy Reusable D3 Charts & Components \\[bar, donut, pie, bubble, rose, heatmap]", "stars": "49"}, {"name": "d3-flame-graph", "url": "https://github.com/spiermar/d3-flame-graph", "description": "Flame graphs from hierarchical data", "stars": "745"}, {"name": "d3-funnel", "url": "https://github.com/jakezatecky/d3-funnel", "description": "A funnel and pyramid chart library", "stars": "323"}, {"name": "d3-gridding", "url": "https://github.com/romsson/d3-gridding", "description": "Chart mockups using grids", "stars": "102"}, {"name": "d3-heatmap", "url": "https://github.com/tj/d3-heatmap", "description": "Heatmap", "stars": "242"}, {"name": "d3-message-sequence", "url": "https://github.com/koudelka/d3-message-sequence", "description": "A dynamic/static message sequence chart", "stars": "93"}, {"name": "d3-upset", "url": "https://github.com/chuntul/d3-upset", "description": "Functions for plotting an UpSet plot \\[upset, bar, intersections, venn, relationships]", "stars": "14"}, {"name": "d3-x3d", "url": "https://github.com/jamesleesaunders/d3-x3d", "description": "Data Driven 3D Charts with D3 and X3D \\[bubble, bar, surfacearea, scatterplot, area]", "stars": "90"}, {"name": "d3fc", "url": "https://github.com/d3fc/d3fc", "description": "A collection of interactive chart components \\[line, bar, stacked, scatter, candlestick, ohlc]", "stars": "1.1k"}, {"name": "d3plus", "url": "https://github.com/alexandersimoes/d3plus", "description": "Extension library for easy creation of visualizations \\[scatter, stacked, line, bar, pie, network, bubble, box, map]", "stars": "1.6k"}, {"name": "d3panels", "url": "https://github.com/kbroman/d3panels", "description": "Interactive charts with linked brushing \\[dot, scatter, line, heatmap, histogram]", "stars": "28"}, {"name": "d3pie", "url": "https://github.com/benkeen/d3pie", "description": "A configurable pie chart lib and generator", "stars": "372"}, {"name": "D3xter", "url": "https://github.com/NathanEpstein/D3xter", "description": "Straight forward plotting \\[plot, timeline, bar, histogram, pie]", "stars": "341"}, {"name": "D4", "url": "https://github.com/heavysixer/d4", "description": "Re-usable charts DSL \\[bar, donut, line, scatter, stacked, waterfall]", "stars": "429"}, {"name": "dTree", "url": "https://github.com/ErikGartner/dTree", "description": "Family tree library", "stars": "420"}, {"name": "EventDrops", "url": "https://github.com/marmelab/EventDrops", "description": "A time based/event series interactive visualization", "stars": "1.2k"}, {"name": "metrics-graphics", "url": "https://github.com/metricsgraphics/metrics-graphics", "description": "Optimized for visualizing time-series data \\[line, scatter, area]", "stars": "7.5k"}, {"name": "micropolar", "url": "https://github.com/biovisualize/micropolar/", "description": "A polar chart library", "stars": "125"}, {"name": "mpld3", "url": "https://github.com/mpld3/mpld3", "description": "Export matplotlib graphics to work in the Browser", "stars": "2.2k"}, {"name": "neo4jd3", "url": "https://github.com/eisman/neo4jd3", "description": "Neo4j graph visualization", "stars": "1.1k"}, {"name": "nvd3", "url": "https://github.com/novus/nvd3", "description": "Re-usable charts and chart components \\[box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline]", "stars": "7.2k"}, {"name": "oecd-simple-charts", "url": "https://github.com/oecd-cyc/oecd-simple-charts", "description": "Simple charting library \\[box plot, stacked bar, pearl chart]", "stars": "20"}, {"name": "plotly.js", "url": "https://github.com/plotly/plotly.js/", "description": "High level charting library \\[scatter, line, bar, pie, box plot, histogram, heatmap]", "stars": "15k"}, {"name": "plottable", "url": "https://github.com/palantir/plottable", "description": "Flexible, interactive charts for the web \\[area, bar, line, pie, scatter, stacked]", "stars": "2.9k"}, {"name": "rickshaw", "url": "https://github.com/shutterstock/rickshaw", "description": "Toolkit for creating interactive real-time graphs \\[line, scatter, bar]", "stars": "6.5k"}, {"name": "taucharts", "url": "https://github.com/TargetProcess/tauCharts", "description": "Charts with a focus on design and flexibility \\[line, bar, area, stacked]", "stars": "1.9k"}, {"name": "vega", "url": "https://github.com/vega/vega", "description": "A visualization grammar", "stars": "10k"}, {"name": "vega-lite", "url": "https://github.com/vega/vega-lite", "description": "A high-level grammar of interactive graphics", "stars": "4k"}, {"name": "vega-lite-api", "url": "https://github.com/vega/vega-lite-api", "description": "A JavaScript API for Vega-Lite.", "stars": "185"}, {"name": "venn.js", "url": "https://github.com/benfred/venn.js", "description": "Area proportional Venn and Euler diagrams", "stars": "960"}, {"name": "visavail", "url": "https://github.com/flrs/visavail", "description": "Time data availability visualization", "stars": "280"}, {"name": "vizabi", "url": "https://github.com/vizabi/vizabi", "description": "A framework for building visual data exploration tools \\[bubble, map, line, bar, sankey, donut]", "stars": "266"}, {"name": "WebCola", "url": "https://github.com/tgdwyer/WebCola", "description": "Layout for graph visualization and exploration", "stars": "1.8k"}, {"name": "xkcdgraphs", "url": "https://github.com/imkevinxu/xkcdgraphs", "description": "Xkcd style graphs \\[line]", "stars": "443"}, {"name": "Layer Cake", "url": "https://github.com/mhkeller/layercake", "description": "A graphics framework built on top of Svelte.", "stars": "735"}, {"name": "nivo", "url": "https://github.com/plouc/nivo", "description": "Dataviz components for React with isomorphic ability \\[bar, line, area, bubble, chord, heatmap]", "stars": "11k"}, {"name": "ngx-charts", "url": "https://github.com/swimlane/ngx-charts", "description": "Chart framework for Angular \\[bar, pie, line, area, polar, stacked, bubble]", "stars": "4.2k"}, {"name": "potion", "url": "https://github.com/finnfiddle/potion", "description": "Collection of React components for composing visualizations", "stars": "183"}, {"name": "react-d3-components", "url": "https://github.com/codesuki/react-d3-components", "description": "D3 Components \\[bar, stacked, scatter, line, area, pie]", "stars": "1.6k"}, {"name": "react-d3-library", "url": "https://github.com/react-d3-library/react-d3-library", "description": "Library to use D3 in React \\[area, bar, line, pie, scatter]", "stars": "1.4k"}, {"name": "react-stockcharts", "url": "https://github.com/rrag/react-stockcharts", "description": "Highly customizable stock charts \\[area, line, scatter, bubble, bar, stacked, candlestick]", "stars": "3.6k"}, {"name": "react-vis", "url": "https://github.com/uber/react-vis", "description": "A collection of react components to render visualizations \\[area, bar, heatmap, line, scatter]", "stars": "8.4k"}, {"name": "reaviz", "url": "https://github.com/reaviz/reaviz", "description": "Data visualization library for React based on D3", "stars": "743"}, {"name": "recharts", "url": "https://github.com/recharts/recharts", "description": "Re-designed charting library built with React", "stars": "20k"}, {"name": "semiotic", "url": "https://github.com/nteract/semiotic", "description": "A data visualization framework combining React & D3 \\[scatter, line, area]", "stars": "2.3k"}, {"name": "victory", "url": "https://github.com/FormidableLabs/victory", "description": "Composable React components for building visualizations \\[area, bar, candlestick, pie, line, scatter, voronoi]", "stars": "10k"}, {"name": "vx", "url": "https://github.com/hshoff/vx", "description": "Visualization components for React \\[bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo]", "stars": "17k"}, {"name": "Vs", "url": "https://github.com/GopherJ/Vs", "description": "Declarative visualisation components for Vue.js \\[bar, line, area, pie, donut, stacked, sankey, timeline]", "stars": "164"}, {"name": "v-chart-plugin", "url": "https://github.com/ignoreintuition/v-chart-plugin", "description": "Easily bind a chart to the data stored in your Vue.js components.", "stars": "198"}, {"name": "d3-composite-projections", "url": "https://github.com/rveciana/d3-composite-projections", "description": "Projections for showing countries' distant lands together", "stars": "95"}, {"name": "datamaps", "url": "https://github.com/markmarkoh/datamaps", "description": "Customizable map visualizations in one file", "stars": "3.7k"}, {"name": "d3-topogram", "url": "https://github.com/shawnbot/topogram", "description": "Continuous area cartograms based on TopoJSON", "stars": "316"}, {"name": "d3-exploder", "url": "https://github.com/bsouthga/d3-exploder", "description": "Lets you easily move and resize geographic features", "stars": "94"}, {"name": "d3-geo-polygon", "url": "https://github.com/d3/d3-geo-polygon", "description": "Clipping and geometric operations for spherical polygons", "stars": "96"}, {"name": "d3-geo-projection", "url": "https://github.com/d3/d3-geo-projection", "description": "Extended geographic projections", "stars": "999"}, {"name": "d3-geo-scale-bar", "url": "https://github.com/HarryStevens/d3-geo-scale-bar", "description": "Displays automatic scale bars for projected geospatial data.", "stars": "38"}, {"name": "d3-geo-voronoi", "url": "https://github.com/Fil/d3-geo-voronoi", "description": "Voronoi diagrams and Delaunay triangulation for the sphere", "stars": "201"}, {"name": "d3-geomap", "url": "https://github.com/yaph/d3-geomap", "description": "Library for creating geographic maps", "stars": "124"}, {"name": "d3.geo2rect", "url": "https://github.com/sebastian-meier/d3.geo2rect", "description": "Morphing geojson polygons into rectangles", "stars": "192"}, {"name": "d3-inertia", "url": "https://github.com/Fil/d3-inertia", "description": "An extension to d3-drag that continues the mouse movement with some inertia", "stars": "58"}, {"name": "mapmap.js", "url": "https://github.com/floledermann/mapmap.js", "description": "A data-driven API for interactive thematic maps", "stars": "108"}, {"name": "maptable", "url": "https://github.com/Packet-Clearing-House/maptable", "description": "Convert datasets to a set of visual components (Map, Filters, Table)", "stars": "57"}, {"name": "simple-map-d3", "url": "https://github.com/MinnPost/simple-map-d3", "description": "Easy choropleth style maps", "stars": "114"}, {"name": "spam", "url": "https://github.com/newsappsio/spam", "description": "Create maps with D3 and Canvas, easily", "stars": "102"}, {"name": "leaflet-d3", "url": "https://github.com/Asymmetrik/leaflet-d3", "description": "Collection of plugins for using D3 with Leaflet \\[map, geo]", "stars": "238"}, {"name": "Wikimaps-D3js Atlas", "url": "https://github.com/WikimapsAtlas/WikimapsAtlas-generator", "description": "CLI to generate raster, topojson and svg maps \\[map, geo]", "stars": "45"}, {"name": "react-simple-maps", "url": "https://github.com/zcreativelabs/react-simple-maps", "description": "An SVG mapping component library for React, built on top of d3-geo \\[map, geo]", "stars": "2.7k"}, {"name": "crossfilter", "url": "https://github.com/crossfilter/crossfilter", "description": "Library for exploring large multivariate datasets", "stars": "1.7k"}, {"name": "d3kit-timeline", "url": "https://github.com/kristw/d3kit-timeline", "description": "Timeline component that labels do not overlap", "stars": "346"}, {"name": "d3scription", "url": "https://github.com/GlobalWebIndex/d3scription", "description": "Tooltip with window edge collision detection", "stars": "29"}, {"name": "d3-annotation", "url": "https://github.com/susielu/d3-annotation", "description": "Annotation helper with built-in annotation types", "stars": "733"}, {"name": "d3-area-label", "url": "https://github.com/curran/d3-area-label", "description": "A library for placing labels in areas", "stars": "60"}, {"name": "d3-breadcrumbs", "url": "https://github.com/bumbeishvili/d3-breadcrumbs", "description": "Simplifies breadcrumbs usage", "stars": "4"}, {"name": "d3-component", "url": "https://github.com/curran/d3-component", "description": "Lightweight component abstraction", "stars": "109"}, {"name": "d3-extended", "url": "https://github.com/wbkd/d3-extended", "description": "Extends d3 with some common jQuery functions", "stars": "272"}, {"name": "d3-helpers", "url": "https://github.com/bahmutov/d3-helpers", "description": "Little utility functions", "stars": "25"}, {"name": "d3-history", "url": "https://github.com/vijithassar/d3-history", "description": "Proper URL bar history", "stars": "49"}, {"name": "d3-hsluv", "url": "https://github.com/petulla/d3-hsluv", "description": "Human-friendly HSL (Hue, Saturation, Lightness) color space.", "stars": "7"}, {"name": "d3-iconarray", "url": "https://github.com/tomgp/d3-iconarray", "description": "A plug-in for aligning elements in grids", "stars": "81"}, {"name": "d3-interpolate-path", "url": "https://github.com/pbeshai/d3-interpolate-path", "description": "Interpolates paths with different number of points", "stars": "294"}, {"name": "d3-jetpack", "url": "https://github.com/gka/d3-jetpack", "description": "Nifty convenience wrappers that speed up your daily work", "stars": "601"}, {"name": "d3-lasso", "url": "https://github.com/skokenes/d3-lasso", "description": "Tag elements by drawing a line over or around objects", "stars": "81"}, {"name": "d3-legend", "url": "https://github.com/susielu/d3-legend", "description": "Legend helper", "stars": "730"}, {"name": "d3-loom", "url": "https://github.com/nbremer/d3-loom", "description": "Plugin to create a \"loom\" visualization", "stars": "91"}, {"name": "d3-nelson-rules", "url": "https://github.com/53seven/d3-nelson-rules", "description": "Apply nelsons rules of process control to a set of data", "stars": "16"}, {"name": "d3-peaks", "url": "https://github.com/efekarakus/d3-peaks", "description": "Find peaks in a noisy signal", "stars": "53"}, {"name": "d3-ring-note", "url": "https://github.com/armollica/d3-ring-note", "description": "Plugin for placing circle and text annotations", "stars": "110"}, {"name": "d3-scale-cluster", "url": "https://github.com/schnerd/d3-scale-cluster", "description": "Scale that clusters data into discrete groups", "stars": "129"}, {"name": "d3-sparql", "url": "https://github.com/zazuko/d3-sparql", "description": "Utility for accessing data from SPARQL Endpoints", "stars": "109"}, {"name": "d3-template", "url": "https://github.com/ErikOnBike/d3-template", "description": "Plugin to create and render templates using D3's data binding mechanism", "stars": "8"}, {"name": "d3-tooltip", "url": "https://github.com/bumbeishvili/d3-tooltip", "description": "Arrow shaped tooltip with shadows and dynamic content", "stars": "11"}, {"name": "d3-voronoi-treemap", "url": "https://github.com/Kcnarf/d3-voronoi-treemap", "description": "Computes a treemap based on a Voronoi tesselation", "stars": "159"}, {"name": "d3-xray", "url": "https://github.com/vijithassar/d3-xray", "description": "Bookmarklet that logs results of the data joins as you mouse over", "stars": "26"}, {"name": "swoopyarrows", "url": "https://github.com/bizweekgraphics/swoopyarrows", "description": "Plugin to create swoopy arrows", "stars": "102"}, {"name": "swoopy-drag", "url": "https://github.com/1wheel/swoopy-drag", "description": "Artisanal label placement for d3 graphics", "stars": "119"}, {"name": "textures", "url": "https://github.com/riccardoscalco/textures", "description": "SVG patterns for data visualization", "stars": "6k"}, {"name": "chess-dataviz", "url": "https://github.com/ebemunk/chess-dataviz", "description": "Chess dataviz library", "stars": "67"}, {"name": "codeflower", "url": "https://github.com/fzaninotto/CodeFlower", "description": "Bird's eye view of the whole code", "stars": "657"}, {"name": "d3-cloud", "url": "https://github.com/jasondavies/d3-cloud", "description": "Word clouds", "stars": "3.6k"}, {"name": "d3-context-menu", "url": "https://github.com/patorjk/d3-context-menu", "description": "Helper to create context-menus", "stars": "134"}, {"name": "d3-force-gravity", "url": "https://github.com/sohamkamani/d3-force-gravity", "description": "Implement gravitational attraction (or force-field-like repulsion)", "stars": "21"}, {"name": "d3-force-reuse", "url": "https://github.com/twosixlabs/d3-force-reuse", "description": "Faster force-directed graph layouts by reusing force approximations", "stars": "110"}, {"name": "d3-force-sampled", "url": "https://github.com/twosixlabs/d3-force-sampled", "description": "Super fast, linear-time force-directed graph layouts by Random Vertex Sampling", "stars": "45"}, {"name": "d3.sketchy", "url": "https://github.com/sebastian-meier/d3.sketchy", "description": "Creates sketchy backgrounds, shapes and lines", "stars": "241"}, {"name": "d3plus-text", "url": "https://github.com/d3plus/d3plus-text", "description": "Smart SVG text box with line wrapping and automatic font scaling", "stars": "97"}, {"name": "graph-scroll", "url": "https://github.com/1wheel/graph-scroll", "description": "Simple scrolling events", "stars": "503"}, {"name": "mermaid", "url": "https://github.com/knsv/mermaid", "description": "Generation of diagrams and flowcharts from text in a markdown style", "stars": "53k"}, {"name": "netvis", "url": "https://github.com/dborzov/netvis", "description": "Visualize network communication for arbitrary protocols", "stars": "16"}, {"name": "treeviz", "url": "https://github.com/PierreCapo/treeviz", "description": "Create customizable trees from json data", "stars": "131"}, {"name": "twitter-sentiment-visualisation", "url": "https://github.com/Lissy93/twitter-sentiment-visualisation", "description": "A series of D3.js charts showing realtime sentiment of Twitter data", "stars": "171"}, {"name": "d3-node", "url": "https://github.com/d3-node/d3-node", "description": "Static chart and map generation", "stars": "662"}, {"name": "Kyrix", "url": "https://github.com/tracyhenry/Kyrix", "description": "Interactive pan/zoom Visualizations with automatic server-side scaling support.", "stars": "135"}, {"name": "Adam Pearce - 1wheel", "url": "https://bl.ocks.org/1wheel", "description": ""}, {"name": "Colin Eberhardt - ColinEberhardt", "url": "https://bl.ocks.org/ColinEberhardt", "description": ""}, {"name": "Harry Stevens - HarryStevens", "url": "https://bl.ocks.org/HarryStevens", "description": ""}, {"name": "Luis Sevillano - LuisSevillano", "url": "https://bl.ocks.org/LuisSevillano", "description": ""}, {"name": "Peter Cook - d3indepth", "url": "https://bl.ocks.org/d3indepth", "description": ""}, {"name": "Elijah Meeks - emeeks", "url": "https://bl.ocks.org/emeeks", "description": ""}, {"name": "Ian Johnson - enjalot", "url": "https://bl.ocks.org/enjalot", "description": ""}, {"name": "Philippe Rivi\u00e8re - fil", "url": "https://bl.ocks.org/fil", "description": ""}, {"name": "Mike Bostock - mbostock", "url": "https://bl.ocks.org/mbostock", "description": ""}, {"name": "Matteo Filipponi - mfilippo", "url": "https://bl.ocks.org/mfilippo", "description": ""}, {"name": "Micah Stubbs - micahstubbs", "url": "https://bl.ocks.org/micahstubbs", "description": ""}, {"name": "Nadieh Bremer - nbremer", "url": "https://bl.ocks.org/nbremer", "description": ""}, {"name": "Matteo Abrate - nitaku", "url": "https://bl.ocks.org/nitaku", "description": ""}, {"name": "Susie Lu - susielu", "url": "https://bl.ocks.org/susielu", "description": ""}, {"name": "Shirley Wu - sxywu", "url": "https://bl.ocks.org/sxywu", "description": ""}, {"name": "Kai Chang - syntagmatic", "url": "https://bl.ocks.org/syntagmatic", "description": ""}, {"name": "Tom Shanley - tomshanley", "url": "https://bl.ocks.org/tomshanley", "description": ""}, {"name": "Vasco Asturiano - vasturiano", "url": "https://bl.ocks.org/vasturiano", "description": ""}, {"name": "Noah Veltman - veltman", "url": "https://bl.ocks.org/veltman", "description": ""}, {"name": "Zan Armstrong - zanarmstrong", "url": "https://bl.ocks.org/zanarmstrong", "description": ""}], "notes": [], "source": "D3"}, {"name": "React", "entries": [{"name": "React", "url": "#react", "description": ""}, {"name": "React Native", "url": "#react-native", "description": ""}, {"name": "Contribution", "url": "#contribution", "description": ""}], "notes": [], "source": "React"}, {"name": "React \u2014 React", "entries": [{"name": "React Official Website", "url": "https://react.dev/", "description": ""}, {"name": "React GitHub", "url": "https://github.com/facebook/react", "description": "", "stars": "244k"}, {"name": "Reactiflux Discord Channel", "url": "http://www.reactiflux.com/", "description": ""}, {"name": "React Community", "url": "https://react.dev/community", "description": ""}, {"name": "React Conferences", "url": "https://react.dev/community/conferences", "description": ""}, {"name": "React CodeSandbox Playground", "url": "https://codesandbox.io/s/new", "description": ""}, {"name": "React Official Tutorial", "url": "https://react.dev/learn", "description": ""}, {"name": "Using React in Visual Studio Code", "url": "https://code.visualstudio.com/docs/nodejs/reactjs-tutorial", "description": ""}, {"name": "React Interview Questions & Answers", "url": "https://github.com/sudheerj/reactjs-interview-questions", "description": "", "stars": "44k"}, {"name": "Design patterns and Component patterns for building powerful Web Apps", "url": "https://www.patterns.dev/", "description": ""}, {"name": "A simple, scalable, and powerful architecture for building production ready React applications", "url": "https://github.com/alan2207/bulletproof-react", "description": "", "stars": "35k"}, {"name": "Cheatsheets for experienced React developers getting started with TypeScript", "url": "https://github.com/typescript-cheatsheets/react-typescript-cheatsheet", "description": "", "stars": "47k"}, {"name": "next", "url": "https://github.com/vercel/next.js", "description": "The React Framework", "stars": "138k"}, {"name": "gatsby", "url": "https://github.com/gatsbyjs/gatsby", "description": "Build modern websites with React", "stars": "56k"}, {"name": "remix", "url": "https://github.com/remix-run/remix", "description": "Full-stack web Framework that lets you focus on the user interface", "stars": "33k"}, {"name": "react-admin", "url": "https://github.com/marmelab/react-admin", "description": "A frontend Framework for building B2B applications", "stars": "27k"}, {"name": "refine", "url": "https://github.com/refinedev/refine", "description": "Build your React-based CRUD applications, without constraints", "stars": "34k"}, {"name": "vike", "url": "https://github.com/vikejs/vike", "description": "The Modular Framework - Next.js & Nuxt alternative", "stars": "5.7k"}, {"name": "shadcn-ui", "url": "https://github.com/shadcn-ui/ui", "description": "Beautifully designed components built using Radix UI and Tailwind CSS", "stars": "111k"}, {"name": "ant-design", "url": "https://github.com/ant-design/ant-design", "description": "An enterprise-class UI design language and React UI library", "stars": "98k"}, {"name": "material-ui", "url": "https://github.com/mui/material-ui", "description": "Ready-to-use foundational React components", "stars": "98k"}, {"name": "chakra-ui", "url": "https://github.com/chakra-ui/chakra-ui", "description": "Component system for building SaaS products with speed", "stars": "40k"}, {"name": "react-bits", "url": "https://github.com/DavidHDev/react-bits", "description": "A collection of animated, interactive & fully customizable React components", "stars": "37k"}, {"name": "mantine", "url": "https://github.com/mantinedev/mantine", "description": "Fully featured React components library", "stars": "31k"}, {"name": "react-bootstrap", "url": "https://github.com/react-bootstrap/react-bootstrap", "description": "Bootstrap components built with React", "stars": "23k"}, {"name": "fluentui", "url": "https://github.com/microsoft/fluentui", "description": "Microsoft's Fluent UI", "stars": "20k"}, {"name": "framework7", "url": "https://github.com/framework7io/framework7", "description": "Full featured HTML framework for building iOS & Android apps", "stars": "19k"}, {"name": "ariakit", "url": "https://github.com/ariakit/ariakit", "description": "Toolkit for building accessible web apps with React", "stars": "8.5k"}, {"name": "react-email", "url": "https://github.com/resend/react-email", "description": "Unstyled components for creating beautiful emails", "stars": "18k"}, {"name": "8bitcn-ui", "url": "https://github.com/TheOrcDev/8bitcn-ui", "description": "A retro 8-bit themed React component library built on top of shadcn", "stars": "1.8k"}, {"name": "headlessui", "url": "https://github.com/tailwindlabs/headlessui", "description": "Completely unstyled, accessible UI components for React", "stars": "28k"}, {"name": "ruixen-ui", "url": "https://github.com/ruixenui/ruixen.com", "description": "Modern, lightweight React component library with elegant design", "stars": "172"}, {"name": "redux", "url": "https://github.com/reduxjs/redux", "description": "Predictable State Container for JavaScript Apps", "stars": "61k"}, {"name": "mobx", "url": "https://github.com/mobxjs/mobx", "description": "Simple, scalable state management", "stars": "28k"}, {"name": "zustand", "url": "https://github.com/pmndrs/zustand", "description": "Bear necessities for state management in React", "stars": "58k"}, {"name": "tanstack-query", "url": "https://github.com/TanStack/query", "description": "Powerful asynchronous state management", "stars": "49k"}, {"name": "swr", "url": "https://github.com/vercel/swr", "description": "React Hooks for Data Fetching", "stars": "32k"}, {"name": "apollo-client", "url": "https://github.com/apollographql/apollo-client", "description": "A fully-featured, production ready caching GraphQL client", "stars": "20k"}, {"name": "relay", "url": "https://github.com/facebook/relay", "description": "A framework for building data-driven React applications", "stars": "19k"}, {"name": "jotai", "url": "https://github.com/pmndrs/jotai", "description": "Primitive and flexible state management for React", "stars": "21k"}, {"name": "xstate", "url": "https://github.com/statelyai/xstate", "description": "State machines and statecharts for the modern web", "stars": "29k"}, {"name": "effector", "url": "https://github.com/zerobias/effector", "description": "Business logic with ease", "stars": "4.8k"}, {"name": "immer", "url": "https://github.com/immerjs/immer", "description": "Create the next immutable state by mutating the current one", "stars": "29k"}, {"name": "immutable-js", "url": "https://github.com/immutable-js/immutable-js", "description": "Immutable persistent data collections for JavaScript", "stars": "33k"}, {"name": "rxdb", "url": "https://github.com/pubkey/rxdb", "description": "A fast, offline-first, reactive database for JavaScript Applications", "stars": "23k"}, {"name": "styled-components", "url": "https://github.com/styled-components/styled-components", "description": "Visual primitives for the component age", "stars": "41k"}, {"name": "emotion", "url": "https://github.com/emotion-js/emotion", "description": "CSS-in-JS library designed for high performance style composition", "stars": "18k"}, {"name": "vanilla-extract", "url": "https://github.com/seek-oss/vanilla-extract", "description": "Zero-runtime Stylesheets-in-TypeScript", "stars": "10k"}, {"name": "react-icons", "url": "https://github.com/react-icons/react-icons", "description": "SVG React icons of popular icon packs", "stars": "13k"}, {"name": "lucide-react", "url": "https://github.com/lucide-icons/lucide", "description": "Beautiful & consistent icon toolkit", "stars": "22k"}, {"name": "heroicons", "url": "https://github.com/tailwindlabs/heroicons", "description": "Beautiful hand-crafted SVG icons by the makers of Tailwind CSS", "stars": "23k"}, {"name": "thesvg", "url": "https://github.com/GLINCKER/thesvg", "description": "A collection of free SVG icons for popular brands and technologies", "stars": "209"}, {"name": "react-router", "url": "https://github.com/remix-run/react-router", "description": "Declarative routing for React", "stars": "56k"}, {"name": "tanstack-router", "url": "https://github.com/TanStack/router", "description": "Type-safe router with built-in caching & URL state management", "stars": "14k"}, {"name": "vite", "url": "https://github.com/vitejs/vite", "description": "Next Generation Frontend Tooling", "stars": "79k"}, {"name": "parcel", "url": "https://github.com/parcel-bundler/parcel", "description": "The zero configuration build tool for the web", "stars": "44k"}, {"name": "reactotron", "url": "https://github.com/skellock/reactotron", "description": "A desktop app for inspecting your React and React Native projects", "stars": "16k"}, {"name": "eslint-plugin-react", "url": "https://github.com/yannickcr/eslint-plugin-react", "description": "React specific linting rules for ESLint", "stars": "9.3k"}, {"name": "react-scan", "url": "https://github.com/aidenybai/react-scan", "description": "Scan for React performance issues and eliminate slow renders in your app", "stars": "21k"}, {"name": "why-did-you-render", "url": "https://github.com/welldone-software/why-did-you-render", "description": "Monkey patches React to notify you about avoidable re-renders", "stars": "12k"}, {"name": "ai-sdk", "url": "https://github.com/vercel/ai", "description": "The AI Toolkit for TypeScript and React from the creators of Next.js", "stars": "23k"}, {"name": "preact", "url": "https://github.com/preactjs/preact", "description": "Fast React alternative with the same modern API", "stars": "39k"}, {"name": "floating-ui", "url": "https://github.com/floating-ui/floating-ui", "description": "Toolkit to create floating elements", "stars": "33k"}, {"name": "loadable-components", "url": "https://github.com/gregberge/loadable-components", "description": "The recommended Code Splitting library for React", "stars": "7.8k"}, {"name": "react-uploady", "url": "https://github.com/rpldy/react-uploady", "description": "Modern file-upload components & hooks for React", "stars": "1.2k"}, {"name": "downshift", "url": "https://github.com/downshift-js/downshift", "description": "React autocomplete, combobox or select dropdown components", "stars": "12k"}, {"name": "react-error-boundary", "url": "https://github.com/bvaughn/react-error-boundary", "description": "A React error boundary component that lets you catch errors", "stars": "7.9k"}, {"name": "jest", "url": "https://github.com/facebook/jest", "description": "Delightful JavaScript Testing", "stars": "45k"}, {"name": "react-testing-library", "url": "https://github.com/testing-library/react-testing-library", "description": "Simple and complete React DOM testing utilities", "stars": "20k"}, {"name": "cypress", "url": "https://github.com/cypress-io/cypress", "description": "Fast, easy and reliable testing for anything that runs in a browser", "stars": "50k"}, {"name": "playwright", "url": "https://github.com/microsoft/playwright", "description": "A framework for Web Testing and Automation", "stars": "85k"}, {"name": "Awesome React Components", "url": "https://github.com/brillout/awesome-react-components", "description": "", "stars": "47k"}, {"name": "react-select", "url": "https://github.com/JedWatson/react-select", "description": "The Select Component for React", "stars": "28k"}, {"name": "react-big-calendar", "url": "https://github.com/jquense/react-big-calendar", "description": "Calendar component", "stars": "8.7k"}, {"name": "react-datepicker", "url": "https://github.com/Hacker0x01/react-datepicker/", "description": "A simple and reusable datepicker component for React", "stars": "8.4k"}, {"name": "react-qrcode", "url": "https://github.com/zpao/qrcode.react", "description": "QR component for use with React", "stars": "4.2k"}, {"name": "react-archer", "url": "https://github.com/pierpo/react-archer", "description": "Draw arrows between React elements", "stars": "1.3k"}, {"name": "react-complex-tree", "url": "https://github.com/lukasbach/react-complex-tree", "description": "Unopinionated Accessible Tree", "stars": "1.3k"}, {"name": "react-insta-stories", "url": "https://github.com/mohitk05/react-insta-stories", "description": "A React component for Instagram like stories", "stars": "1.5k"}, {"name": "react-hot-toast", "url": "https://github.com/timolins/react-hot-toast", "description": "Lightweight and customizable toast notifications for React", "stars": "11k"}, {"name": "swiper", "url": "https://github.com/nolimits4web/swiper", "description": "Most modern mobile touch slider", "stars": "42k"}, {"name": "keen-slider", "url": "https://github.com/rcbyr/keen-slider", "description": "The Touch slider carousel", "stars": "5k"}, {"name": "heart-switch", "url": "https://github.com/anatoliygatt/heart-switch", "description": "A heart-shaped toggle switch component for React", "stars": "452"}, {"name": "kbar", "url": "https://github.com/timc1/kbar", "description": "Fast, portable, and extensible cmd+k interface for your site", "stars": "5.2k"}, {"name": "tagify", "url": "https://github.com/yairEO/tagify", "description": "Lightweight, efficient Tags input component", "stars": "3.9k"}, {"name": "puck", "url": "https://github.com/measuredco/puck", "description": "The visual editor for React", "stars": "12k"}, {"name": "json-edit-react", "url": "https://github.com/CarlosNZ/json-edit-react", "description": "Highly configurable JSON/Object tree editor/viewer", "stars": "617"}, {"name": "storybook", "url": "https://github.com/storybookjs/storybook", "description": "Storybook is a frontend workshop for building UI components and pages in isolation", "stars": "90k"}, {"name": "react-cosmos", "url": "https://github.com/react-cosmos/react-cosmos", "description": "Dev tool for creating reusable React components", "stars": "8.6k"}, {"name": "bit", "url": "https://github.com/teambit/bit", "description": "A build system for development of composable software", "stars": "18k"}, {"name": "react-hook-form", "url": "https://github.com/react-hook-form/react-hook-form", "description": "React Hooks for form state management and validation", "stars": "45k"}, {"name": "react-jsonschema-form", "url": "https://github.com/rjsf-team/react-jsonschema-form", "description": "A React component for building Web forms from JSON Schema", "stars": "16k"}, {"name": "formily", "url": "https://github.com/alibaba/formily", "description": "Alibaba Group Unified Form Solution", "stars": "13k"}, {"name": "tanstack-form", "url": "https://github.com/TanStack/form", "description": "Headless, performant, and type-safe form state management", "stars": "6.4k"}, {"name": "react-grid-layout", "url": "https://github.com/react-grid-layout/react-grid-layout", "description": "A draggable and resizable grid layout with responsive breakpoints", "stars": "22k"}, {"name": "tanstack-table", "url": "https://github.com/TanStack/table", "description": "Headless UI for building powerful tables & datagrids", "stars": "28k"}, {"name": "react-data-grid", "url": "https://github.com/adazzle/react-data-grid", "description": "Feature-rich and customizable data grid React component", "stars": "7.6k"}, {"name": "react-map-gl", "url": "https://github.com/visgl/react-map-gl", "description": "React friendly API wrapper around MapboxGL JS", "stars": "8.4k"}, {"name": "react-leaflet", "url": "https://github.com/PaulLeCam/react-leaflet", "description": "React components for Leaflet maps", "stars": "5.6k"}, {"name": "recharts", "url": "https://github.com/recharts/recharts", "description": "Redefined chart library built with React and D3", "stars": "27k"}, {"name": "visx", "url": "https://github.com/airbnb/visx", "description": "Visualization components", "stars": "21k"}, {"name": "victory", "url": "https://github.com/FormidableLabs/victory", "description": "A collection of composable React components for building interactive data visualizations", "stars": "11k"}, {"name": "react-vis", "url": "https://github.com/uber/react-vis", "description": "Data Visualization Components", "stars": "8.8k"}, {"name": "nivo", "url": "https://github.com/plouc/nivo", "description": "Provides a rich set of data visualization components built on top of the D3 and React libraries", "stars": "14k"}, {"name": "xyflow", "url": "https://github.com/xyflow/xyflow", "description": "A customizable React component for building node-based editors and interactive diagrams", "stars": "36k"}, {"name": "react-three-fiber", "url": "https://github.com/pmndrs/react-three-fiber", "description": "A React renderer for Three.js", "stars": "30k"}, {"name": "ink", "url": "https://github.com/vadimdemedes/ink", "description": "React for interactive command-line apps", "stars": "36k"}, {"name": "remotion", "url": "https://github.com/remotion-dev/remotion", "description": "Make videos programmatically with React", "stars": "41k"}, {"name": "react-pdf", "url": "https://github.com/diegomura/react-pdf", "description": "Create PDF files using React", "stars": "16k"}, {"name": "react-figma", "url": "https://github.com/react-figma/react-figma", "description": "A React renderer for Figma", "stars": "2.7k"}, {"name": "markdown-to-jsx", "url": "https://github.com/quantizor/markdown-to-jsx", "description": "A very fast and versatile markdown toolchain", "stars": "2.4k"}, {"name": "formatjs", "url": "https://github.com/formatjs/formatjs", "description": "Internationalize your web apps", "stars": "15k"}, {"name": "react-i18next", "url": "https://github.com/i18next/react-i18next", "description": "Internationalization for React done right", "stars": "9.9k"}, {"name": "react-intlayer", "url": "https://github.com/aymericzip/intlayer", "description": "Internationalization focused on maintainability for React", "stars": "649"}, {"name": "react-spring", "url": "https://github.com/pmndrs/react-spring", "description": "A spring physics based React animation library", "stars": "29k"}, {"name": "framer-motion", "url": "https://github.com/framer/motion", "description": "Open source, production-ready animation and gesture library for React", "stars": "31k"}, {"name": "auto-animate", "url": "https://github.com/formkit/auto-animate", "description": "A zero-config, drop-in animation utility that adds smooth transitions", "stars": "14k"}, {"name": "react-tsparticles", "url": "https://github.com/matteobruni/tsparticles", "description": "Easily create highly customizable particles effects", "stars": "8.8k"}, {"name": "react-parallax-tilt", "url": "https://github.com/mkosir/react-parallax-tilt", "description": "Easily apply tilt hover effect on React components", "stars": "1.1k"}, {"name": "simple-parallax-js", "url": "https://github.com/geosigno/simpleParallax.js", "description": "The easiest way to get a parallax effect with React and JavaScript", "stars": "2.1k"}, {"name": "rescript-compiler", "url": "https://github.com/rescript-lang/rescript-compiler", "description": "A robustly typed language that compiles to efficient and human-readable JavaScript", "stars": "7.4k"}, {"name": "fulcro", "url": "https://github.com/fulcrologic/fulcro", "description": "A library for development of web applications in clj/cljs", "stars": "1.6k"}, {"name": "mattermost-server", "url": "https://github.com/mattermost/mattermost-server", "description": "An open source platform for secure collaboration", "stars": "36k"}, {"name": "kibana", "url": "https://github.com/elastic/kibana", "description": "Your window into the Elastic Stack", "stars": "21k"}, {"name": "webamp", "url": "https://github.com/captbaritone/webamp", "description": "Winamp 2 reimplemented for the browser", "stars": "11k"}, {"name": "overreacted", "url": "https://github.com/gaearon/overreacted.io", "description": "Personal blog by Dan Abramov", "stars": "7.3k"}, {"name": "wave", "url": "https://github.com/wavetermdev/waveterm", "description": "An open-source, cross-platform terminal for seamless workflows", "stars": "19k"}, {"name": "readest", "url": "https://github.com/readest/readest", "description": "A minimalistic, feature-rich and cross-platform eBook reader", "stars": "19k"}, {"name": "bookcars", "url": "https://github.com/aelassas/bookcars", "description": "Car rental platform", "stars": "563"}, {"name": "notifuse", "url": "https://github.com/Notifuse/notifuse", "description": "Modern self-hosted emailing platform to send newsletters & transactional emails", "stars": "1.9k"}], "notes": [], "source": "React"}, {"name": "React \u2014 React Native", "entries": [{"name": "React Native Official Website", "url": "https://reactnative.dev/", "description": ""}, {"name": "React Native GitHub", "url": "https://github.com/facebook/react-native", "description": "", "stars": "126k"}, {"name": "React Native Community", "url": "https://reactnative.dev/community/overview", "description": ""}, {"name": "Expo", "url": "https://expo.dev/", "description": ""}, {"name": "react-navigation", "url": "https://github.com/react-navigation/react-navigation", "description": "Routing and navigation for your React Native apps", "stars": "24k"}, {"name": "react-native-vector-icons", "url": "https://github.com/oblador/react-native-vector-icons", "description": "Customizable Icons for React Native", "stars": "18k"}, {"name": "react-native-gifted-chat", "url": "https://github.com/FaridSafi/react-native-gifted-chat", "description": "The most complete chat UI for React Native", "stars": "14k"}, {"name": "realm-js", "url": "https://github.com/realm/realm-js", "description": "A mobile database: an alternative to SQLite & key-value stores", "stars": "6k"}, {"name": "react-native-device-info", "url": "https://github.com/react-native-device-info/react-native-device-info", "description": "Device Information for React Native iOS and Android", "stars": "6.7k"}, {"name": "react-native-maps", "url": "https://github.com/react-native-maps/react-native-maps", "description": "React Native Mapview component", "stars": "16k"}], "notes": [], "source": "React"}, {"name": "React \u2014 Contribution", "entries": [], "notes": [], "source": "React"}, {"name": "Flexbox \u2014 Table of Contents", "entries": [{"name": "W3C Specification", "url": "#w3c-specification", "description": ""}, {"name": "Newsletter", "url": "#newsletter", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Guides", "url": "#guides", "description": ""}, {"name": "Cross Browser", "url": "#cross-browser", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Support", "url": "#support", "description": ""}, {"name": "Preprocessors in Action", "url": "#preprocessors-in-action", "description": ""}, {"name": "Polyfills", "url": "#polyfills", "description": ""}, {"name": "Other Interesting Articles", "url": "#other-interesting-articles", "description": ""}, {"name": "Presentations", "url": "#presentations", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Slides and Notes", "url": "#slides-and-notes", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Libraries and Frameworks", "url": "#libraries-and-frameworks", "description": ""}, {"name": "Featured Projects", "url": "#featured-projects", "description": ""}, {"name": "Courses", "url": "#courses", "description": ""}, {"name": "Who to Follow", "url": "#who-to-follow", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "Licence", "url": "#licence", "description": ""}, {"name": "CSS Flexible Box Layout Module Level 1", "url": "http://www.w3.org/TR/css3-flexbox/", "description": ""}, {"name": "CSS Layout News", "url": "http://csslayout.news/", "description": ""}, {"name": "CSS Weekly", "url": "http://css-weekly.com/", "description": ""}, {"name": "Responsive Design Weekly", "url": "http://responsivedesignweekly.com/", "description": ""}, {"name": "Web Design Weekly", "url": "https://web-design-weekly.com/", "description": ""}, {"name": "CSS3 Layout Modules 2nd Edition - Rachel Andrew", "url": "http://rachelandrew.co.uk/books/css3-layout-modules", "description": ""}, {"name": "A guide to flexbox", "url": "https://css-tricks.com/snippets/css/a-guide-to-flexbox/", "description": ""}, {"name": "A visual guide to CSS3 flexbox properties", "url": "https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties", "description": ""}, {"name": "flexbox (pt-br)", "url": "http://desenvolvimentoparaweb.com/css/flexbox/", "description": ""}, {"name": "Dive into flexbox", "url": "http://bocoup.com/weblog/dive-into-flexbox/", "description": ""}, {"name": "How Flexbox works\u200a\u2014\u200aexplained with big, colorful, animated gifs", "url": "https://medium.freecodecamp.com/an-animated-guide-to-flexbox-d280cf6afc35", "description": ""}, {"name": "How Flexbox works\u200a\u2014\u200aexplained with big, colorful, animated gifs (pt-br)", "url": "https://medium.com/@lucasjs/como-o-flexbox-funciona-explicado-com-gifs-grandes-e-coloridos-26c42a0bcdc", "description": ""}, {"name": "Learn layout - flexbox (pt-br)", "url": "http://pt-br.learnlayout.com/flexbox.html", "description": ""}, {"name": "Learn layout - flexbox", "url": "http://learnlayout.com/flexbox.html", "description": ""}, {"name": "Reference of flexbox", "url": "http://tympanus.net/codrops/css_reference/flexbox/", "description": ""}, {"name": "Responsive design of the future with flexbox", "url": "http://blog.teamtreehouse.com/responsive-design-of-the-future-with-flexbox", "description": ""}, {"name": "The Flexbox Reading List: Techniques and Tools", "url": "https://www.smashingmagazine.com/author/cosima-mielke/", "description": ""}, {"name": "Um guia visual para Flexbox (pt-br)", "url": "http://edsonjunior.com/um-guia-visual-para-flexbox/", "description": ""}, {"name": "Usando caixas flexiveis CSS (pt-br)", "url": "https://developer.mozilla.org/pt-BR/docs/CSS/Usando_caixas_flexiveis_css", "description": ""}, {"name": "Using CSS flexible boxes", "url": "https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes", "description": ""}, {"name": "What IS Flexbox?", "url": "https://medium.com/@spaceninja/what-is-flexbox-6aed968555ef", "description": ""}, {"name": "Desarrollo de aplicaciones web Flexibles (es-es)", "url": "http://nucliweb.github.io/flexbox/", "description": ""}, {"name": "Webflow Flexbox", "url": "https://flexbox.webflow.com/", "description": ""}, {"name": "6 Reasons to Start Using Flexbox", "url": "http://bitsofco.de/6-reasons-to-start-using-flexbox/?utm_campaign=CSS%2BLayout%2BNews\\&utm_medium=email\\&utm_source=CSS_Layout_News_31", "description": ""}, {"name": "Advanced cross-browser flexbox", "url": "https://dev.opera.com/articles/advanced-cross-browser-flexbox/", "description": ""}, {"name": "Are we ready to use flexbox?", "url": "http://www.sitepoint.com/are-we-ready-to-use-flexbox/", "description": ""}, {"name": "CSS Flexbox Is Entirely Logical (Almost)", "url": "https://paulrobertlloyd.com/2016/03/logical_flexbox", "description": ""}, {"name": "Designing A Product Page Layout with Flexbox", "url": "https://css-tricks.com/designing-a-product-page-layout-with-flexbox/", "description": ""}, {"name": "Normalizando bugs no flexbox em diversos navegadores (pt-br)", "url": "http://imasters.com.br/front-end/css/normalizando-bugs-no-flexbox-em-diversos-navegadores/?trace=1519021197\\&source=single", "description": ""}, {"name": "Normalizing cross-browser Flexbox bugs", "url": "http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/", "description": ""}, {"name": "Using flexbox: mixing old and new for the best browser support", "url": "https://css-tricks.com/using-flexbox/", "description": ""}, {"name": "Using Modernizr with Flexbox", "url": "http://zomigi.com/blog/using-modernizr-with-flexbox/?utm_campaign=CSS%2BLayout%2BNews\\&utm_medium=email\\&utm_source=CSS_Layout_News_8", "description": ""}, {"name": "Caniuse", "url": "http://caniuse.com/flexbox", "description": ""}, {"name": "Compass Flexbox", "url": "http://compass-style.org/reference/compass/css3/flexbox/", "description": ""}, {"name": "Sass flex mixin", "url": "https://github.com/mastastealth/sass-flex-mixin", "description": "", "stars": "1.1k"}, {"name": "Stylus flex mixin", "url": "https://github.com/differui/stylus-flex-mixin", "description": "", "stars": "11"}, {"name": "Flexibility", "url": "https://github.com/10up/flexibility", "description": "", "stars": "4.4k"}, {"name": "Flexie", "url": "https://github.com/doctyper/flexie", "description": "", "stars": "1.1k"}, {"name": "Reflexie", "url": "https://github.com/doctyper/reflexie", "description": "", "stars": "252"}, {"name": "Almost complete guide to flexbox (without flexbox)", "url": "http://kyusuf.com/post/almost-complete-guide-to-flexbox-without-flexbox?utm_campaign=CSS%2BLayout%2BNews\\&utm_medium=email\\&utm_source=CSS_Layout_News_36", "description": ""}, {"name": "Designing CSS layouts with flexbox is as easy as pie", "url": "http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/", "description": ""}, {"name": "Flexbox For Interfaces All The Way: Tracks Case Study", "url": "http://www.smashingmagazine.com/2015/11/flexbox-interfaces-tracks-case-study/?utm_source=html5weekly\\&utm_medium=email", "description": ""}, {"name": "Flexbox\u2019s Best-Kept Secret", "url": "https://medium.com/@samserif/flexbox-s-best-kept-secret-bd3d892826b6#.i0v3krqo0", "description": ""}, {"name": "Grid, Flexbox, Box Alignment: Our New System for Layout", "url": "https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/?utm_campaign=CSS%2BLayout%2BNews\\&utm_medium=email\\&utm_source=CSS_Layout_News_20", "description": ""}, {"name": "Old flexbox and new flexbox", "url": "https://css-tricks.com/old-flexbox-and-new-flexbox/", "description": ""}, {"name": "Using flexbox today", "url": "https://chriswrightdesign.com/experiments/using-flexbox-today/", "description": ""}, {"name": "Laying Out A Flexible Future For Web Design With Flexbox", "url": "https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/", "description": ""}, {"name": "Flexbox Cheatsheet", "url": "http://jonibologna.com/flexbox-cheatsheet/", "description": ""}, {"name": "CSS Layout o ontem, o hoje e o depois (pt-br)", "url": "https://www.youtube.com/watch?v=MjK1MCjqmpU\\&list=PLnjYA3TxpDpgWE9cXwT5H7wEsG6ql-Q59\\&index=15", "description": ""}, {"name": "CSS FlexBox Essentials", "url": "https://www.youtube.com/watch?v=G7EIAgfkhmg", "description": ""}, {"name": "CSS FlexBox Practical Examples (Rebuilding Dribbble.com using FlexBox)", "url": "https://www.youtube.com/watch?v=H1lREysgdgc", "description": ""}, {"name": "Exploring CSS Layout Techniques While Trying To Get a Subtitle to Wrap", "url": "https://css-tricks.com/video-screencasts/140-exploring-css-layout-techniques-while-trying-to-get-a-subtitle-to-wrap/", "description": ""}, {"name": "Enhancing Responsiveness With Flexbox", "url": "https://www.youtube.com/watch?v=_98SE8WUvLk", "description": ""}, {"name": "Flexbox - CSS Day", "url": "https://vimeo.com/131664957", "description": ""}, {"name": "Gu\u00eda Completa de Flexbox desde 0 (ESP)", "url": "https://www.youtube.com/watch?v=F-KCncXMPk0", "description": ""}, {"name": "HTML5. Desenvolvimento avan\u00e7ado", "url": "https://www.youtube.com/watch?v=b9ZrOdTFkNk", "description": ""}, {"name": "Introduction to Flexbox", "url": "https://mijingo.com/lessons/guide-to-flexbox/?utm_campaign=CSS%2BLayout%2BNews\\&utm_medium=email\\&utm_source=CSS_Layout_News_34", "description": ""}, {"name": "Leveling up with flexbox", "url": "https://vimeo.com/96406277", "description": ""}, {"name": "What the flexbox?", "url": "http://flexbox.io", "description": "A simple 20 video course that will help you master"}, {"name": "Flexbox Fundamentals", "url": "https://egghead.io/lessons/misc-flexbox-fundamentals", "description": ""}], "notes": [], "source": "Flexbox"}, {"name": "Flexbox \u2014 [Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)", "entries": [{"name": "Access 20+ Page Guide on Flexbox", "url": "http://www.sketchingwithcss.com/flexbox-tutorial/", "description": ""}, {"name": "Flex-Container Pt. 1: Position Items within a flexbox container", "url": "http://www.sketchingwithcss.com/flex-container", "description": ""}, {"name": "Flex-Container Pt. 2: Rows and Columns", "url": "http://www.sketchingwithcss.com/flex-container-2/", "description": ""}, {"name": "Grow and Shrink Flex Items", "url": "http://www.sketchingwithcss.com/grow-shrink/", "description": ""}, {"name": "Implementing the Sticky Footer and Holy Grail layout", "url": "http://www.sketchingwithcss.com/flex-layouts/", "description": ""}, {"name": "Building responsive layouts presentation", "url": "http://zomigi.com/blog/responsive-layouts-css-dev-conf/", "description": ""}, {"name": "CSS Flexbox: Estruturando layouts sem gambiarras (pr-br)", "url": "https://speakerdeck.com/afonsopacifer/flexbox", "description": ""}, {"name": "CSS3 layout", "url": "http://zomigi.com/blog/css3-layout/", "description": ""}, {"name": "Flexbox", "url": "http://zomigi.com/blog/flexbox-presentation/", "description": ""}, {"name": "Flexbox and Grid Layout", "url": "http://pt.slideshare.net/diegoeis/flexbox-to-the-people", "description": ""}, {"name": "Future css layout fowd", "url": "http://zomigi.com/blog/future-css-layout-fowd/", "description": ""}, {"name": "Leveling up with flexbox", "url": "http://zomigi.com/blog/leveling-up-with-flexbox/", "description": ""}, {"name": "RWD flexbox", "url": "http://zomigi.com/blog/rwd-flexbox/", "description": ""}, {"name": "CSS Layout: from Table to Flexbox", "url": "https://speakerdeck.com/diogomoretti/css-layout-from-table-to-flexbox", "description": ""}, {"name": "Build with Flexbox", "url": "http://flexbox.buildwithreact.com/", "description": ""}, {"name": "CSS flexbox please", "url": "http://demo.agektmr.com/flexbox/", "description": ""}, {"name": "CSS Flexbox snippets for Atom", "url": "https://github.com/brenopolanski/css-flexbox-atom-snippets", "description": "", "stars": "4"}, {"name": "CSS Flexbox snippets for Sublime Text 2/3", "url": "https://github.com/brenopolanski/css-flexbox-sublime-snippets", "description": "", "stars": "13"}, {"name": "Fibonacci", "url": "https://github.com/maxsteenbergen/Fibonacci", "description": "", "stars": "438"}, {"name": "Flexbox in 5 minutes", "url": "https://cvan.io/flexboxin5/", "description": ""}, {"name": "Flexbox playground", "url": "https://web.archive.org/web/20151207135410/http://flexiejs.com/playground/", "description": ""}, {"name": "Flexbox property manipulator", "url": "http://codepen.io/enxaneta/full/adLPwv/", "description": ""}, {"name": "Flexplorer", "url": "http://bennettfeely.com/flexplorer/", "description": ""}, {"name": "Flexyboxes", "url": "http://the-echoplex.net/flexyboxes/", "description": ""}, {"name": "Test CSS Flexbox Rules Live", "url": "http://flexbox.help/", "description": ""}, {"name": "Try Flexbox", "url": "https://zyxneo.github.io/flexbox/try-flexbox", "description": ""}, {"name": "Bem grid", "url": "https://github.com/bem-incubator/bem-grid", "description": "", "stars": "135"}, {"name": "Flexboxgrid", "url": "https://github.com/kristoferjoseph/flexboxgrid", "description": "", "stars": "9.3k"}, {"name": "Flex Grid Framework", "url": "https://afonsopacifer.github.io/flex-grid-framework/", "description": ""}, {"name": "Flexbox Grid for Stylus", "url": "http://stylusgrid.com", "description": ""}, {"name": "Fuux", "url": "https://github.com/henriquecustodia/fuux", "description": "Fuux is a Flexbox library that uses the same flexbox interface like classes.", "stars": "9"}, {"name": "Ginger Grid", "url": "https://github.com/erwstout/ginger/", "description": "A Flexbox grid framework named after a cute dog.", "stars": "31"}, {"name": "Bulma", "url": "http://bulma.io/", "description": "A modern CSS framework based on Flexbox"}, {"name": "Milligram", "url": "http://milligram.github.io/", "description": "A minimalist CSS framework"}, {"name": "RolleiFLEX", "url": "http://kaisermann.github.io/rolleiflex/", "description": "Just a responsive flexbox grid"}, {"name": "Waffle Grid", "url": "https://lucasgruwez.github.io/waffle-grid", "description": "An easy to use flexbox grid system"}, {"name": "Cool examples of flexbox layout", "url": "http://codepen.io/collection/KegmA/", "description": "A codepen a collection."}, {"name": "flex-box", "url": "https://github.com/potch/flex-box", "description": "A Custom Element to make the basics of flexbox easier to use.", "stars": "2"}, {"name": "Flexbugs", "url": "https://github.com/philipwalton/flexbugs", "description": "A community-curated list of flexbox issues and cross-browser workarounds for them.", "stars": "13k"}, {"name": "Flexbox Froggy", "url": "http://flexboxfroggy.com/", "description": "A game for learning CSS flexbox."}, {"name": "Flexbox Patterns", "url": "http://www.flexboxpatterns.com/", "description": "Examples and source code that will teach you how to build UI components with CSS flexbox! What\u2019s flexbox?"}, {"name": "Flexbox Defense", "url": "http://www.flexboxdefense.com/", "description": "Tower Defense with a twist: all towers must be positioned with CSS Flexbox."}, {"name": "Flexbox tester", "url": "http://madebymike.com.au/demos/flexbox-tester/", "description": "Understand how to calculate the width of flex items."}, {"name": "Flexbox layout", "url": "https://github.com/google/flexbox-layout", "description": "FlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android.", "stars": "18k"}, {"name": "FlexLayout for iOS", "url": "https://github.com/lucdion/FlexLayout", "description": "FlexLayout brings flexbox to iOS using Swift. Concise, intuitive & chainable syntax.", "stars": "1.7k"}, {"name": "grid-styled", "url": "https://github.com/jxnblk/grid-styled", "description": "Flexbox based responsive ReactJS grid system built with styled-components", "stars": "2.1k"}, {"name": "iron-flex-layout", "url": "https://www.webcomponents.org/element/PolymerElements/iron-flex-layout", "description": "Style mixins for cross-platform flex-box layouts"}, {"name": "Post Apocalypse Flexbox", "url": "https://github.com/afonsopacifer/post-apocalypse-flexbox", "description": "", "stars": "29"}, {"name": "React-flexbox", "url": "https://github.com/tcoopman/react-flexbox", "description": "Implementation of css flexbox in react with inline styles.", "stars": "162"}, {"name": "Reflexbox", "url": "https://github.com/jxnblk/reflexbox", "description": "Responsive React flexbox grid system higher order component.", "stars": "1.4k"}, {"name": "Solved by flexbox", "url": "https://github.com/philipwalton/solved-by-flexbox", "description": "A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.:metal:", "stars": "13k"}, {"name": "Visualizing Flexbox", "url": "http://codepen.io/paultrone/pen/xwxNmQ?utm_campaign=CSS%2BLayout%2BNews\\&utm_medium=email\\&utm_source=CSS_Layout_News_6", "description": "A neat little CodePen Demo to play around with Flex properties."}, {"name": "ZEEF CSS Flexbox", "url": "https://css-flexbox.zeef.com/afonso.pacifer", "description": "The awesome flexbox on zeef.:metal:"}, {"name": "Flexbox Zombies", "url": "http://flexboxzombies.com/p/flexbox-zombies", "description": "A game for learning CSS flexbox."}, {"name": "CSS Flexbox Layout", "url": "https://teamtreehouse.com/library/css-flexbox-layout?utm_source=Responsive+Design+Weekly\\&utm_campaign=e4dbc18ebc-Responsive_Design_Weekly_184\\&utm_medium=email\\&utm_term=0_df65b6d7c8-e4dbc18ebc-59080665\\&goal=0_df65b6d7c8-e4dbc18ebc-59080665", "description": "treehouse"}, {"name": "Learn Flexbox for free", "url": "https://scrimba.com/g/gflexbox", "description": "scrimba"}], "notes": [], "source": "Flexbox"}, {"name": "Cyclejs \u2014 Awesome Cycle.js [](https://github.com/sindresorhus/awesome)", "entries": [{"name": "Learn", "url": "#learn", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Community", "url": "#community", "description": ""}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Documentation", "entries": [{"name": "cycle.js.org", "url": "http://cycle.js.org/", "description": "Cycle.js official tutorial and documentation."}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Tutorials", "entries": [{"name": "What Developers Need to Know about MVI (Model-View-Intent)", "url": "http://thenewstack.io/developers-need-know-mvi-model-view-intent/", "description": "Post on MVI architecture."}, {"name": "Cycle.js: a reactive framework", "url": "https://lucamezzalira.com/2016/05/23/cycle-js-a-reactive-framework/", "description": "Introduction to Cycle.js with real time data example."}, {"name": "Building realtime applications with CycleJS and RxJS", "url": "https://blog.pusher.com/building-realtime-applications-with-cyclejs-and-rxjs/", "description": "Learn how to build realtime applications with CycleJS and RxJS"}, {"name": "Working with HTTP Streams with Cycle.js", "url": "http://ivanjov.com/working-with-http-streams-with-cycle-js/", "description": "Learn how to use Cycle.js to handle HTTP requests and responses"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Videos", "entries": [{"name": "What if the user was a function?", "url": "https://www.youtube.com/watch?v=1zj7M1LnJV4", "description": "Presentation at JSConf BP2015 by [Andre Staltz](https://twitter.com/andrestaltz)"}, {"name": "Unidirectional data flow architectures", "url": "https://vimeo.com/168652278", "description": "Presentation AtTheFrontend Conference by [Andre Staltz](https://twitter.com/andrestaltz)"}, {"name": "Cycle.js and functional reactive user interfaces", "url": "https://www.youtube.com/watch?v=uNZnftSksYg", "description": "Presentation at ReactiveConf 2015 by [Andre Staltz](http://twitter.com/andrestaltz)"}, {"name": "Intro to Functional Reactive Programming with Cycle.js", "url": "https://www.youtube.com/watch?v=6_ETUyh0tns", "description": "Presentation by [Nick Johnstone](https://twitter.com/widdnz)"}, {"name": "Cycle.js Fundamentals", "url": "https://egghead.io/series/cycle-js-fundamentals", "description": "Playlist at [egghead.io](https://egghead.io)"}, {"name": "Cycle.js was built to solve problems", "url": "https://www.youtube.com/watch?v=Rj8ZTRVka4E", "description": "by Andre Staltz at [Frontend.fi](http://frontend.fi/)"}, {"name": "Brains as Building Blocks", "url": "https://www.youtube.com/watch?v=1ToJ7cxb1R8", "description": "by Andre Staltz at [CycleConf 2016](http://cycleconf.com/)"}, {"name": "Back to the Future, Hot reloading with Cycle.js", "url": "https://www.youtube.com/watch?v=rbrnyC5fXMM", "description": "by Nick Johnstone at [CycleConf 2016](http://cycleconf.com/)"}, {"name": "From MVC to FRP", "url": "https://www.youtube.com/watch?v=-PCq4pXaDZw", "description": "by Gleb Bahmutov at [CycleConf 2016](http://cycleconf.com/)"}, {"name": "Cycle.js on the bash side", "url": "https://www.youtube.com/watch?v=Rx5N99TQ52g", "description": "by Hadrien de Cuzey at [CycleConf 2016](http://cycleconf.com/)"}, {"name": "Reactive Programming with Cycle.js", "url": "https://vimeo.com/175121069", "description": "by Luca Mezzalira at [JSDay 2016](http://2016.jsday.it/)"}, {"name": "Learning how to ride: an introduction to Cycle.js", "url": "https://youtu.be/31URmaeNHSs", "description": "by Fernando Macias Pereznieto at [JS Monthly London](http://www.meetup.com/js-monthly-london/)"}, {"name": "User Interfaces as Pure Functions of Time", "url": "https://www.youtube.com/watch?v=9BG0Y3C6WqM", "description": "Lightning talk by [Thomas Belin](http://twitter.com/atomrc) at [dotjs 2016](http://dotjs.io/)"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Slides", "entries": [{"name": "Cycle.js an honestly reactive framework for web user interfaces", "url": "http://slides.com/erykpiast/cycle", "description": "by Eryk Napiera\u0142a"}, {"name": "Intro to Cycle.js", "url": "http://www.slideshare.net/aryelukashevski/cyclejs-introduction", "description": "by Arye Lukashevki"}, {"name": "Reactive Programming with Cycle.js", "url": "http://www.slideshare.net/flashplatform/reactive-programming-with-cyclejs", "description": "by Luca Mezzalira"}, {"name": "Cycle.js - building apps with streams only", "url": "http://lmatteis.github.io/cyclejs-slides/keynote/index.html", "description": "by Luca Matteis"}, {"name": "Functional Reactive Programming with Cycle.js", "url": "https://slides.com/artfuldev/frp-with-cycle-js", "description": "by Sudarsan Balaji"}, {"name": "Beyond flux: going full cycle with FRP", "url": "https://clementd-files.cellar.services.clever-cloud.com/blog/frp-full-cycle-ncrafts.html", "description": "by [Cl\u00e9ment Delafargue](http://clementd.cleverapps.io/)"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Example Applications", "entries": [{"name": "**cyclejs/cycle-examples**", "url": "https://github.com/cyclejs/cyclejs/tree/master/examples", "description": "Official collection of small Cycle.js examples"}, {"name": "Widdershin/tricycle \u260523", "url": "https://github.com/Widdershin/tricycle", "description": "Scratchpad for trying out Cycle.js, relies on Ace Editor with Cycle", "stars": "23"}, {"name": "cgeorg/todomvp \u260521", "url": "https://github.com/cgeorg/todomvp", "description": "Minimum Viable Pizza, an example webapp written in Cycle.js", "stars": "23"}, {"name": "erykpiast/cyclejs-examples \u26059", "url": "https://github.com/erykpiast/cyclejs-examples", "description": "Example web applications built with Cycle.js.", "stars": "9"}, {"name": "grozen/trends-cycle \u26053", "url": "https://github.com/grozen/trends-cycle", "description": "Slack trend searching written in Cycle.js", "stars": "3"}, {"name": "ivan-kleshnin/cyclejs-examples \u2605120", "url": "https://github.com/ivan-kleshnin/cyclejs-examples", "description": "Collection of CycleJS examples, ES6.", "stars": "122"}, {"name": "ivan-kleshnin/tetris-cyclejs \u260512", "url": "https://github.com/ivan-kleshnin/tetris-game", "description": "Tetris game implemented in CycleJS, ES6", "stars": "16"}, {"name": "phadej/graafi \u260520", "url": "https://github.com/phadej/graafi", "description": "Cycle.js experiment with SVG and global undo/redo", "stars": "20"}, {"name": "**staltz/matrixmultiplication.xyz \u2605548**", "url": "https://github.com/staltz/matrixmultiplication.xyz", "description": "A interactive matrix multiplication [webapp](http://matrixmultiplication.xyz/)"}, {"name": "**staltz/rxmarbles \u26052,577**", "url": "https://github.com/staltz/rxmarbles", "description": "Interactive diagrams of Rx Observables <http://rxmarbles.com/>"}, {"name": "MarcCloud/magic-cart \u26056", "url": "https://github.com/MarcCloud/magic-cart", "description": "Simple shopping cart of a magic creatures store.", "stars": "6"}, {"name": "foxdonut/cycle-todolist \u260511", "url": "https://github.com/foxdonut/cycle-todolist", "description": "demonstrates a simple Cycle.js TODO list app with CRUD."}, {"name": "**Mercateo/component-check \u2605468**", "url": "https://github.com/Mercateo/component-check", "description": "Common patterns for building Cycle.js components"}, {"name": "edge/electron-cycle-media \u260527", "url": "https://github.com/edge/electron-cycle-media", "description": "Media player written with Cycle.js and Electron.", "stars": "28"}, {"name": "kibin/cycle-example-who-to-follow \u260516", "url": "https://github.com/kibin/cycle-example-who-to-follow", "description": "Small example partly implements twitter\u2019s who to follow box using github api.", "stars": "15"}, {"name": "SkaterDad/cycle-snabbdom-examples \u260512", "url": "https://github.com/SkaterDad/cycle-snabbdom-examples", "description": "Examples of nested components, using snabbdom-specific animations.", "stars": "13"}, {"name": "bahmutov/draw-cycle \u2605112", "url": "https://github.com/bahmutov/draw-cycle", "description": "Interactive visualization of counter application showing the data flow inside a MVI component [glebbahmutov.com/draw-cycle](https://glebbahmutov.com/draw-cycle/)", "stars": "143"}, {"name": "andreloureiro/pomocycle \u260521", "url": "https://github.com/andreloureiro/pomocycle", "description": "A simple Pomodoro timer.", "stars": "25"}, {"name": "laszlokorte/tams-tools \u260524", "url": "https://github.com/laszlokorte/tams-tools", "description": "A set of tools for teaching and learning computer science built with cycle.js.", "stars": "30"}, {"name": "lucamezzalira/jsday-cycle-js \u260516", "url": "https://github.com/lucamezzalira/jsday-cycle-js", "description": "Reactive Live London Tube trains status example built with Cycle.js.", "stars": "17"}, {"name": "cyclejs-community/built-with-cycle \u26059", "url": "https://github.com/cyclejs-community/built-with-cycle", "description": "[A website](http://cyclejs-community.github.io/built-with-cycle) to showcase the cool projects built with Cycle.js", "stars": "9"}, {"name": "class-ideas/cyclejs-hangman \u260510", "url": "https://github.com/class-ideas/cyclejs-hangman", "description": "A hangman game built with Cycle.js", "stars": "9"}, {"name": "wmaurer/cyclejs-fractals \u260515", "url": "https://github.com/wmaurer/cyclejs-fractals", "description": "Dancing pythagorean tree fractal - Animating 2048 SVG nodes.", "stars": "20"}, {"name": "fabiothiroki/cyclejs-starwars \u26052", "url": "https://github.com/fabiothiroki/cyclejs-starwars", "description": "A Star Wars character search app using Cycle.js, RxJS and Virtual DOM tests.", "stars": "4"}, {"name": "staltz/mmmmm-mobile \u2605124", "url": "https://github.com/staltz/mmmmm-mobile/", "description": "A React Native + Cycle.js app to implement a social network on Secure Scuttlebutt networks", "stars": "875"}, {"name": "cyclejs/todomvc-cycle \u2605214", "url": "https://github.com/cyclejs/todomvc-cycle/", "description": "TodoMVC [example](https://cyclejs.github.io/todomvc-cycle/) implemented in Cycle.js", "stars": "240"}, {"name": "jefersondaniel/cyclejs-notes", "url": "https://github.com/jefersondaniel/cyclejs-notes/", "description": "Notes app using Cycle.js and Orbit.js <https://jefersondaniel.com/cyclejs-notes>", "stars": "5"}, {"name": "staltz/dat-installer \u260577", "url": "https://github.com/staltz/dat-installer", "description": "Download, install, and update Android apps through Dat", "stars": "281"}, {"name": "usm4n/cycle-hn \u260525", "url": "https://github.com/usm4n/cycle-hn", "description": "Hackernews Clone Using CycleJS", "stars": "44"}, {"name": "lizraeli/cycle-github-emojis", "url": "https://github.com/lizraeli/cycle-github-emojis", "description": "A github emoji viewer made with Cycle.JS [webapp](https://github-emoji.levizraelit.com/)", "stars": "3"}, {"name": "perjerz3434/meetup.com \u26051", "url": "https://github.com/perjerz3434/meetup.com", "description": "Meetup.com RSVP visualization around the world using CycleJS", "stars": "2"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 CLI", "entries": [{"name": "cyclejs-community/create-cycle-app \u2605160", "url": "https://github.com/cyclejs-community/create-cycle-app", "description": "Create Cycle.js apps with no build configuration.", "stars": "240"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Drivers", "entries": [{"name": "@cycle/http", "url": "https://github.com/cyclejs/cyclejs/tree/master/http", "description": "A Cycle.js Driver for making HTTP requests, based on superagent.", "stars": "10k"}, {"name": "**@cycle/dom**", "url": "https://github.com/cyclejs/cyclejs/tree/master/dom", "description": "A Cycle.js driver to enable interaction with the DOM. The driver is based on snabbdom as the Virtual DOM library."}, {"name": "@cycle/storage", "url": "https://github.com/cyclejs/storage", "description": "A Cycle.js Driver for using localStorage and sessionStorage.", "stars": "52"}, {"name": "@cycle/history", "url": "https://github.com/cyclejs/cyclejs/tree/master/history", "description": "This is the standard Cycle.js driver for dealing with the [History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API)", "stars": "10k"}, {"name": "@cycle/isolate", "url": "https://github.com/cyclejs/cyclejs/tree/master/isolate", "description": "A utility function to make scoped dataflow components in Cycle.js.", "stars": "10k"}, {"name": "@cycle/time", "url": "https://github.com/cyclejs/cyclejs/tree/master/time", "description": "Fast and beautiful tests and time management for Cycle.js", "stars": "10k"}, {"name": "cyclejs/cycle-notification-driver \u260520", "url": "https://github.com/cyclejs/cycle-notification-driver", "description": "A Cycle.js Driver for showing and responding to HTML5 Notifications.", "stars": "21"}, {"name": "axefrog/cycle-router5 \u260530", "url": "https://github.com/axefrog/cycle-router5", "description": "A router driver using Router5", "stars": "29"}, {"name": "cgeorg/cycle-socket.io \u260527", "url": "https://github.com/cgeorg/cycle-socket.io", "description": "A Cycle driver for Socket.IO clients", "stars": "29"}, {"name": "secobarbital/cycle-fetch-driver \u26052", "url": "https://github.com/secobarbital/cycle-fetch-driver", "description": "A Cycle.js Driver for making HTTP requests, using the Fetch API.", "stars": "2"}, {"name": "r7kamura/cycle-fetcher-driver \u260514", "url": "https://github.com/r7kamura/cycle-fetcher-driver", "description": "A Cycle.js Driver for making HTTP requests using [stackable-fetcher (\u2b5019)](https://github.com/r7kamura/stackable-fetcher).", "stars": "14"}, {"name": "benji6/cycle-audio-graph \u260512", "url": "https://github.com/benji6/cycle-audio-graph", "description": "A Cycle.js Driver for manipulating the Web Audio API using [virtual-audio-graph (\u2b50336)](https://github.com/benji6/virtual-audio-graph)", "stars": "19"}, {"name": "CyclicMaterials/cycle-hammer-driver \u260511", "url": "https://github.com/CyclicMaterials/cycle-hammer-driver", "description": "A Cycle.js driver to wrap Hammer.js and detect touch gestures", "stars": "11"}, {"name": "jessaustin/cycle-sse-driver \u26056", "url": "https://github.com/jessaustin/cycle-sse-driver", "description": "Source driver for Server-Sent Events/EventSource.", "stars": "7"}, {"name": "tylors/cycle-snabbdom \u260541", "url": "https://github.com/TylorS/cycle-snabbdom", "description": "DOM driver using Snabbdom", "stars": "41"}, {"name": "cyclejs-community/cyclic-router \u260590", "url": "https://github.com/cyclejs-community/cyclic-router", "description": "Router Driver built for Cycle.js", "stars": "110"}, {"name": "Widdershin/cycle-animation-driver \u260533", "url": "https://github.com/Widdershin/cycle-animation-driver", "description": "Cycle driver for requestAnimationFrame", "stars": "35"}, {"name": "dralletje/cycle-firebase \u260521", "url": "https://github.com/dralletje/cycle-firebase", "description": "A Cycle.js Driver for Firebase", "stars": "21"}, {"name": "edge/cycle-blessed \u260546", "url": "https://github.com/edge/cycle-blessed", "description": "A Cycle.js Driver for terminal applications", "stars": "49"}, {"name": "10clouds/cyclejs-cookie \u26052", "url": "https://github.com/10clouds/cyclejs-cookie", "description": "Cookies Driver for Cycle.js", "stars": "2"}, {"name": "whitecolor/cycle-async-driver \u260525", "url": "https://github.com/whitecolor/cycle-async-driver", "description": "Factory for creating async request/response cycle.js drivers", "stars": "23"}, {"name": "raquelxmoss/cycle-keys \u260535", "url": "https://github.com/raquelxmoss/cycle-keys", "description": "Driver for keyboard events", "stars": "33"}, {"name": "rektide/recyclec \u26050", "url": "https://github.com/rektide/recyclec", "description": "Readline driver", "stars": "0"}, {"name": "goodmind/cycle-telegram \u260515", "url": "https://github.com/goodmind/cycle-telegram", "description": "A Cycle.js Driver for Telegram Bot API", "stars": "19"}, {"name": "apoco/cycle-electron-driver \u260522", "url": "https://github.com/apoco/cycle-electron-driver", "description": "Driver to interact with Electron interface from Cycle.js application", "stars": "23"}, {"name": "rkrupinski/cyclejs-animated-localstorage \u260512", "url": "https://github.com/rkrupinski/cyclejs-animated-localstorage", "description": "A Cycle.js driver for animating (srsly) localStorage.", "stars": "14"}, {"name": "cyclejs-community/cycle-keyboard \u26059", "url": "https://github.com/cyclejs-community/cycle-keyboard", "description": "A keyboard driver for cycle.js", "stars": "9"}, {"name": "garrydzeng/cycle-page \u26053", "url": "https://github.com/garrydzeng/cycle-page", "description": "A tiny client-side router for Cycle.js", "stars": "3"}, {"name": "jbowden1982/cycle-socketcluster \u26055", "url": "https://github.com/jbowden1982/cycle-socketcluster", "description": "A socketcluster driver for Cycle.js", "stars": "4"}, {"name": "cyclejs-community/redux-cycles \u2605599", "url": "https://github.com/cyclejs-community/redux-cycles", "description": "A Redux middleware that allows you to handle actions lifecycle with Cycle.js", "stars": "756"}, {"name": "JuniperChicago/cycle-gun \u260518", "url": "https://github.com/JuniperChicago/cycle-gun", "description": "A basic Cycle.js driver wrapping a gun.js instance allowing graph storage and p2p sync", "stars": "26"}, {"name": "EnigmaCurry/cycle-deepstream \u26058", "url": "https://github.com/EnigmaCurry/cycle-deepstream", "description": "A Cycle.js driver for [deepstream.io](https://deepstream.io)", "stars": "10"}, {"name": "Alex0007/cycle-express-driver \u26051", "url": "https://github.com/Alex0007/cycle-express-driver", "description": "A Cycle.js driver for Express.js server", "stars": "1"}, {"name": "mrpierrot/cycle-node-http-server \u26054", "url": "https://github.com/mrpierrot/cycle-node-http-server", "description": "A Cycle.js driver for Node.js HTTP(S) server", "stars": "6"}, {"name": "mrpierrot/cycle-net \u26050", "url": "https://github.com/mrpierrot/cycle-net", "description": "A Cycle.js driver for Node.js HTTP(S)/WS(S)/Socket.io server", "stars": "2"}, {"name": "Avalander/cycle-idb \u26054", "url": "https://github.com/Avalander/cycle-idb", "description": "A Cycle.js driver wrapping IndexedDB", "stars": "12"}, {"name": "unhappychoice/cycle-pusher \u26051", "url": "https://github.com/unhappychoice/cycle-pusher", "description": "A Cycle.js driver for [Pusher](https://pusher.com/)", "stars": "5"}, {"name": "helmoski/cycle-selection-driver", "url": "https://github.com/helmoski/cycle-selection-driver", "description": "A Cycle.js driver for interacting with the [Selection API](https://developer.mozilla.org/en-US/docs/Web/API/Selection)", "stars": "4"}, {"name": "mjyc/cycle-posenet-driver \u26051", "url": "https://github.com/mjyc/cycle-robot-drivers/tree/master/3rdparty/cycle-posenet-driver", "description": "A Cycle.js drivers for pose detection using [TensorFlow.js](https://js.tensorflow.org/)-powered [PoseNet (\u2b5012k)](https://github.com/tensorflow/tfjs-models/tree/master/posenet)", "stars": "5"}, {"name": "@cycle-robot-drivers/speech \u26051", "url": "https://github.com/mjyc/cycle-robot-drivers/tree/master/speech", "description": "Cycle.js drivers for speech synthesis and recognition using [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)", "stars": "5"}, {"name": "@cycle-robot-drivers/sound \u26051", "url": "https://github.com/mjyc/cycle-robot-drivers/tree/master/sound", "description": "A Cycle.js driver for playing sounds using [HTMLAudioElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement)", "stars": "5"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Utilities", "entries": [{"name": "staltz/chai-virtual-dom \u260524", "url": "https://github.com/staltz/chai-virtual-dom", "description": "Chai assertion helpers to test virtual-dom VTrees", "stars": "24"}, {"name": "cgeorg/sinject \u260510", "url": "https://github.com/cgeorg/sinject", "description": "a dependency injection tool supporting Cycle's circular dependencies", "stars": "10"}, {"name": "erykpiast/cyclejs-group \u260520", "url": "https://github.com/erykpiast/cyclejs-group", "description": "Utility for CycleJS framework for reducing boilerplate when creating groups of streams.", "stars": "18"}, {"name": "erykpiast/cyclejs-wc \u26052", "url": "https://github.com/erykpiast/cyclejs-wc", "description": "Utility for creating Web Components based on Cycle.js", "stars": "4"}, {"name": "**ohanhi/hyperscript-helpers \u2605390**", "url": "https://github.com/ohanhi/hyperscript-helpers", "description": "elm-html inspired helpers for writing hyperscript or virtual-hyperscript."}, {"name": "**pH200/cycle-react \u2605342**", "url": "https://github.com/pH200/cycle-react", "description": "use React instead of virtual-dom with a Cycle-like API"}, {"name": "madcapjake/earlhyperscript \u26052", "url": "https://github.com/MadcapJake/earl-hyperscript", "description": "A helper function and macro for using Earl Grey's [document-building syntax](https://breuleux.github.io/earl-grey/doc.html#documentbuildingsyntax) with Cycle.js.", "stars": "2"}, {"name": "WorldMaker/cycle-gear \u26054", "url": "https://github.com/WorldMaker/cycle-gear", "description": "A main function factory for Cycle based upon a formalization of Cycle's MVI pattern", "stars": "5"}, {"name": "SuperManitu/cyclejs-sortable \u260515", "url": "https://github.com/cyclejs-community/cyclejs-sortable", "description": "Make everything sortable via drag and drop in only one line of code!", "stars": "16"}, {"name": "atomrc/cyclejs-auth0 \u260522", "url": "https://github.com/atomrc/cyclejs-auth0", "description": "Everything you need to start playing with Auth0 on your Cyclejs app (Driver + component)", "stars": "23"}, {"name": "**staltz/cycle-onionify \u2605244**", "url": "https://github.com/staltz/cycle-onionify", "description": "Fractal state management for Cycle.js apps"}, {"name": "maiermic/cycle-storageify \u26055", "url": "https://github.com/maiermic/cycle-storageify", "description": "Augments your Cycle.js component (main function) by storing its onion-shaped state in local storage", "stars": "6"}, {"name": "shfrmn/cycle-lot", "url": "https://github.com/shfrmn/cycle-lot", "description": "Handle dynamic lists of Cycle.js components with ease (full typesript support)", "stars": "2"}, {"name": "sarimarton/powercycle", "url": "https://powercycle.js.org", "description": "Static VDOM composition and React-like development on top of Cycle.js"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Boilerplates", "entries": [{"name": "andreloureiro/cyclejs-starter \u260550", "url": "https://github.com/andreloureiro/cyclejs-starter", "description": "Cycle.js starter template with ES6 and Livereload.", "stars": "52"}, {"name": "Frikki/generator-cyclejs \u26052", "url": "https://github.com/Frikki/generator-cyclejs", "description": "Scaffold out a Cycle.js Nested Dialogue module using Yeoman.", "stars": "2"}, {"name": "**edge/cyc \u2605194**", "url": "https://github.com/edge/cyc", "description": "Scaffold an isomorphic Cycle.js app in seconds."}, {"name": "cmdv/cycle-webpack-boilerplate \u2605101", "url": "https://github.com/Cmdv/cycle-webpack-boilerplate", "description": "Cycle app with routing, state handling and tests.", "stars": "96"}, {"name": "Widdershin/cycle-hot-reloading-example \u260527", "url": "https://github.com/Widdershin/cycle-hot-reloading-example", "description": "A Cycle.js starter project with hot reloading using browserify-hmr", "stars": "27"}, {"name": "mciparelli/cycle-hmr-example \u26050", "url": "https://github.com/mciparelli/cycle-hmr-example", "description": "A Cycle.js starter project using browserify and cycle-hmr", "stars": "0"}, {"name": "cycle-community/typescript-starter-cycle \u260522", "url": "https://github.com/cyclejs-community/typescript-starter-cycle", "description": "A simple project for getting started with TypeScript in cycle.js, using Webpack. Has settings for Visual Studio Code as candy.", "stars": "34"}, {"name": "wyqydsyq/unicycle \u26056", "url": "https://github.com/wyqydsyq/unicycle", "description": "A boilerplate universal Cycle app running on a Koa.js server with HMR and ServiceWorkers via Webpack", "stars": "10"}, {"name": "syarul/cycle-iso \u26054", "url": "https://github.com/syarul/cycle-iso", "description": "A barebone boilerplate Cycle app with data stream base on promises and fetched with Falcor.js", "stars": "4"}, {"name": "snowpack-cycle", "url": "https://github.com/rajasegar/snowpack-cycle", "description": "Snowpack app template to create Cycle.js projects with create-snowpack-app", "stars": "2"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Testing", "entries": [{"name": "erykpiast/cyclejs-mock \u260522", "url": "https://github.com/erykpiast/cyclejs-mock", "description": "Utility for testing applications based on CycleJS framework.", "stars": "22"}, {"name": "jeysal/pretty-format-snabbdom \u26050", "url": "https://github.com/jeysal/pretty-format-snabbdom", "description": "A [pretty-format (\u2b5041k)](https://github.com/facebook/jest/tree/master/packages/pretty-format) ([Jest](https://facebook.github.io/jest/) snapshot) plugin for rendering snapshots of snabbdom VNodes as nicely as those of React elements", "stars": "5"}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Debugging", "entries": [{"name": "**cyclejs/cycle-time-travel \u2605213**", "url": "https://github.com/cyclejs/cycle-time-travel", "description": "A time travelling debugger for Cycle.js apps. Displays a stream visualizer that you can drag to go back in time."}], "notes": [], "source": "Cyclejs"}, {"name": "Cyclejs \u2014 Components", "entries": [{"name": "erykpiast/autocompleted-select \u260510", "url": "https://github.com/erykpiast/autocompleted-select", "description": "Select Web Component with autocompletion. Based on RxJS and VirtualDOM.", "stars": "11"}, {"name": "enten/cyclejs-calendar \u260511", "url": "https://github.com/enten/cyclejs-calendar", "description": "Calendar component for Cycle.js. Try it online [here](http://enten.github.io/cyclejs-calendar/example).", "stars": "10"}, {"name": "mciparelli/cyclejs-gravatar \u26050", "url": "https://github.com/mciparelli/cyclejs-gravatar", "description": "Cycle.js component for rendering a gravatar profile image.", "stars": "0"}, {"name": "tommy-the-runner/cyclejs-ace-editor \u26050", "url": "https://github.com/tommy-the-runner/cyclejs-ace-editor", "description": "Cycle.js intergration with Ace Editor using [brace (\u2b501k)](https://github.com/thlorenz/brace). Check an example [here](https://tommy-the-runner.github.io/cyclejs-ace-editor/).", "stars": "1"}, {"name": "raquelxmoss/cycle-color-picker \u260544", "url": "https://github.com/raquelxmoss/cycle-color-picker", "description": "A Color Picker component for Cycle.js. [Check out the example](https://raquelxmoss.github.io/cycle-color-picker).", "stars": "58"}, {"name": "cyclejs-community/cycle-svg-pan-and-zoom \u26054", "url": "https://github.com/cyclejs-community/cycle-svg-pan-and-zoom", "description": "A Google Maps style SVG pan and zoom component for Cycle.js", "stars": "4"}, {"name": "Gitter chat", "url": "https://gitter.im/cyclejs/cycle-core", "description": "Ask 'how do I ...?'"}], "notes": [], "source": "Cyclejs"}, {"name": "Ionic \u2014 Ionic", "entries": [{"name": "Site", "url": "http://ionicframework.com/", "description": ""}, {"name": "Blog", "url": "http://blog.ionic.io/", "description": ""}, {"name": "Documentation", "url": "http://ionicframework.com/docs/v2/", "description": ""}, {"name": "Getting Started Guide", "url": "http://ionicframework.com/docs/v2/getting-started/", "description": ""}, {"name": "Ionic Native", "url": "https://github.com/driftyco/ionic-native/", "description": "", "stars": "2.4k"}, {"name": "Community Forum", "url": "http://forum.ionicframework.com/", "description": ""}, {"name": "Ionic IRC", "url": "http://webchat.freenode.net/?randomnick=1\\&channels=%23ionic\\&uio=d4", "description": ""}, {"name": "Ionic Youtube Channel", "url": "https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw", "description": ""}, {"name": "Showcase", "url": "http://showcase.ionicframework.com/", "description": ""}, {"name": "GitHub Repo", "url": "https://github.com/driftyco/ionic/", "description": "", "stars": "51k"}, {"name": "Beginners Guide to Getting Started with Ionic", "url": "http://www.joshmorony.com/beginners-guide-to-getting-started-with-ionic-2/", "description": ""}, {"name": "Ionic First Look Series: Your First Ionic App Explained", "url": "http://www.joshmorony.com/ionic-2-first-look-series-your-first-ionic-2-app-explained/", "description": ""}, {"name": "How to Convert an Ionic 1 Application to Ionic", "url": "http://www.joshmorony.com/how-to-convert-an-ionic-1-application-to-ionic-2/", "description": ""}, {"name": "A Simple Guide to Navigation in Ionic", "url": "http://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/", "description": ""}, {"name": "10 Minutes with Ionic: Adding Pages and Navigation", "url": "http://blog.ionic.io/10-minutes-with-ionic-2-adding-pages-and-navigation/", "description": ""}, {"name": "10 Minutes with Ionic: Calling an API", "url": "http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/", "description": ""}, {"name": "How To Update Your Application Project and CLI", "url": "http://www.gajotres.net/ionic-2-how-to-update-your-application-project-and-cli/", "description": ""}, {"name": "How to Create a Data Model in Ionic", "url": "http://www.joshmorony.com/how-to-create-a-data-model-in-ionic-2/", "description": ""}, {"name": "Ionic and External Libraries", "url": "http://mhartington.io/post/ionic2-external-libraries/", "description": ""}, {"name": "Understanding Zones and Change Detection in Ionic & Angular 2", "url": "http://www.joshmorony.com/understanding-zones-and-change-detection-in-ionic-2-angular-2/", "description": ""}, {"name": "Understanding Ionic: Pipe", "url": "http://mcgivery.com/understanding-ionic-2-pipe/", "description": ""}, {"name": "How to Manipulate Data in Ionic: Part 1", "url": "http://www.joshmorony.com/how-to-manipulate-data-in-ionic-2-part-1/", "description": ""}, {"name": "How to Manipulate Data in Ionic: Part 2", "url": "http://www.joshmorony.com/how-to-manipulate-data-in-ionic-2-part-2/", "description": ""}, {"name": "Filtering, Mapping, and Reducing Arrays in Ionic", "url": "https://www.youtube.com/watch?v=A-4CLa05tp0", "description": ""}, {"name": "Build a basic mobile app with Ionic 4", "url": "https://enappd.com/blog/how-to-create-an-ionic-4-app-for-beginners/13", "description": ""}, {"name": "Read SMS in Ionic 4 apps", "url": "https://enappd.com/blog/automatically-read-sms-in-ionic-4-apps/42", "description": ""}, {"name": "Geolocation, geocoding and reverse geocoding in Ionic 4", "url": "https://enappd.com/blog/using-geolocation-geocoding-and-reverse-geocoding-in-ionic-4/45", "description": ""}, {"name": "Google Vision in Ionic 4 apps", "url": "https://enappd.com/blog/implement-google-vision-in-ionic-4/43", "description": ""}, {"name": "RTL (right-to-left) layout in Ionic 4 apps", "url": "https://enappd.com/blog/rtl-right-to-left-use-in-ionic-4/50", "description": ""}, {"name": "Push notifications in Ionic 4 apps", "url": "https://enappd.com/blog/implement-ionic-4-firebase-push/34", "description": ""}, {"name": "Google Vision in Ionic 4 apps", "url": "https://enappd.com/blog/implement-google-vision-in-ionic-4/43", "description": ""}, {"name": "A Guide to Styling an Ionic Application", "url": "http://www.joshmorony.com/a-guide-to-styling-an-ionic-2-application/", "description": ""}, {"name": "Best practice when adding FontAwesome to an ionic2 app", "url": "http://luiscabrera.site/tech/2017/01/09/fontawesome-in-ionic2.html", "description": ""}, {"name": "A List of Common CSS Utility Attributes in Ionic", "url": "http://www.joshmorony.com/a-list-of-common-css-utility-attributes-in-ionic-2/", "description": ""}, {"name": "5 Animation Packages You Can Immediately Use Inside Your Ionic App", "url": "https://devdactic.com/5-animation-packages-ionic/", "description": ""}, {"name": "How to Create a Sliding Delete Button for Lists", "url": "http://www.joshmorony.com/ionic-2-how-to-create-a-sliding-delete-button-for-lists/", "description": ""}, {"name": "Creating a Sliding Introduction Component in Ionic", "url": "http://www.joshmorony.com/creating-a-sliding-introduction-component-in-ionic-2/", "description": ""}, {"name": "How to Create a Custom Loading Component in Ionic", "url": "http://www.joshmorony.com/how-to-create-a-custom-loading-component-in-ionic-2/", "description": ""}, {"name": "Build a Simple Progress Bar Component in Ionic", "url": "http://www.joshmorony.com/build-a-simple-progress-bar-component-in-ionic-2/", "description": ""}, {"name": "Create a News Feed with 360-Degree Photo Viewing in Ionic", "url": "http://www.joshmorony.com/create-a-news-feed-with-360-degree-photo-viewing-in-ionic-2/", "description": ""}, {"name": "Build a Tap to Reveal Component in Ionic", "url": "https://www.joshmorony.com/build-a-tap-to-reveal-component-in-ionic-2/", "description": ""}, {"name": "Twitter Login in Ionic 4 App using Firebase", "url": "https://enappd.com/blog/twitter-login-in-ionic-4-apps-using-firebase/24", "description": ""}, {"name": "Facebook Login in Ionic 4 App using Firebase", "url": "https://enappd.com/blog/facebook-login-in-ionic-4-apps-using-firebase/25", "description": ""}, {"name": "Google Login in Ionic 4 App using Firebase", "url": "https://enappd.com/blog/google-login-in-ionic-4-apps-using-firebase/39", "description": ""}, {"name": "Anonymous Login in Ionic 4 App using Firebase", "url": "https://enappd.com/blog/firebase-anonymous-login-in-ionic-4/37", "description": ""}, {"name": "Basic Email Login in Ionic 4 App using Firebase", "url": "https://enappd.com/blog/email-authentication-with-firebase-in-ionic-4/38", "description": ""}, {"name": "Add Touch ID Authentication To An Ionic Mobile App", "url": "https://www.thepolyglotdeveloper.com/2016/03/add-touch-id-authentication-ionic-2-mobile-app/", "description": ""}, {"name": "Successful OAuth Social Login with Firebase", "url": "http://www.gajotres.net/ionic-2-succesfull-oauth-social-login-with-firebase/", "description": ""}, {"name": "Using An Oauth 2.0 Service Within An Ionic Mobile App", "url": "https://www.thepolyglotdeveloper.com/2016/01/using-an-oauth-2-0-service-within-an-ionic-2-mobile-app/", "description": ""}, {"name": "Ionic and Auth0", "url": "http://blog.ionic.io/ionic-2-and-auth0/", "description": ""}, {"name": "Handling a Simple User Authorization", "url": "http://www.gajotres.net/ionic-2-handling-a-simple-user-authorization/", "description": ""}, {"name": "Authenticate Ionic with WordPress", "url": "https://auth0.com/authenticate/ionic2/wordpress", "description": ""}, {"name": "How to Unit Test an Ionic Application", "url": "http://www.joshmorony.com/how-to-unit-test-an-ionic-2-application/", "description": ""}, {"name": "Test Driven Development in Ionic: An Introduction to TDD", "url": "https://www.joshmorony.com/test-driven-development-in-ionic-2-an-introduction-to-tdd/", "description": ""}, {"name": "Playing music in Ionic 4 apps", "url": "https://enappd.com/blog/spotify-like-music-in-ionic-4-apps/48", "description": ""}, {"name": "How to implement health plugin - Pedometer in Ionic 4", "url": "https://enappd.com/blog/best-fitness-plugins-for-ionic-4-how-to-use-pedometer/15", "description": ""}, {"name": "Using Cordova Plugins in Ionic with Ionic Native", "url": "http://www.joshmorony.com/using-cordova-plugins-in-ionic-2-with-ionic-native/", "description": ""}, {"name": "How to Work With Cordova Plugins", "url": "http://www.gajotres.net/ionic-2-how-to-use-cordova-plugins/", "description": ""}, {"name": "10 Minutes with Ionic: Using the Camera with Ionic Native", "url": "http://blog.ionic.io/10-minutes-with-ionic-2-using-the-camera-with-ionic-native/", "description": ""}, {"name": "How to Use Google Maps & Geolocation", "url": "http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/", "description": ""}, {"name": "Determine Network Availability", "url": "https://www.thepolyglotdeveloper.com/2016/01/determine-network-availability-in-an-ionic-2-mobile-app/", "description": ""}, {"name": "Monetize With Google Admob In An Ionic Mobile App", "url": "https://www.thepolyglotdeveloper.com/2016/02/monetize-google-admob-ionic-2-mobile-app/", "description": ""}, {"name": "Show Native Toast Notifications In An Ionic Mobile App", "url": "https://www.thepolyglotdeveloper.com/2016/01/show-native-toast-notifications-in-an-ionic-2-mobile-app/", "description": ""}, {"name": "Having Fun With Cordova Geolocation Plugin", "url": "http://www.gajotres.net/ionic-2-having-fun-with-cordova-geolocation-plugin/", "description": ""}, {"name": "Use SQLite In Ionic Instead Of Local Storage", "url": "https://www.thepolyglotdeveloper.com/2015/12/use-sqlite-in-ionic-2-instead-of-local-storage/", "description": ""}, {"name": "Launch Websites With Ionic Using The InAppBrowser", "url": "https://www.thepolyglotdeveloper.com/2016/01/launch-websites-with-ionic-2-using-the-inappbrowser/", "description": ""}, {"name": "Add Barcode Scanning Functionality To Your Ionic App", "url": "https://www.thepolyglotdeveloper.com/2016/02/add-barcode-scanning-functionality-to-your-ionic-2-app/", "description": ""}, {"name": "Use Google Analytics In An Ionic Android And iOS App", "url": "https://www.thepolyglotdeveloper.com/2016/03/use-google-analytics-in-an-ionic-2-android-and-ios-app/", "description": ""}, {"name": "Share Things On Social Media Via An Ionic Mobile App", "url": "https://www.thepolyglotdeveloper.com/2016/02/share-things-on-social-media-via-an-ionic-2-mobile-app/", "description": ""}, {"name": "How To Use PouchDB + SQLite For Local Storage In Ionic", "url": "http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-ionic-2/", "description": ""}, {"name": "Adding Background Geolocation to an Ionic Application", "url": "http://www.joshmorony.com/adding-background-geolocation-to-an-ionic-2-application/", "description": ""}, {"name": "Getting Familiar with Local Notifications in Ionic", "url": "http://www.joshmorony.com/getting-familiar-with-local-notifications-in-ionic-2/", "description": ""}, {"name": "Create a Nearby Places List with Google Maps in Ionic \u2013 Part 1", "url": "http://www.joshmorony.com/create-a-nearby-places-list-with-google-maps-in-ionic-2-part-1/", "description": ""}, {"name": "Create a Nearby Places List with Google Maps in Ionic \u2013 Part 2", "url": "http://www.joshmorony.com/create-a-nearby-places-list-with-google-maps-in-ionic-2-part-2/", "description": ""}, {"name": "Ionic 4 Stripe Payment Integration", "url": "https://enappd.com/blog/ionic-4-stripe-payment-integration-with-firebase-for-apps-and-pwa/17", "description": ""}, {"name": "Ionic 4 PayPal Payment Integration", "url": "https://enappd.com/blog/ionic-4-paypal-payment-integration-for-apps-and-pwa/16", "description": ""}, {"name": "Ionic 4 Apple Pay Payment Integration", "url": "https://enappd.com/blog/how-to-integrate-apple-pay-in-ionic-4-apps/21", "description": ""}, {"name": "Ionic 4 Razorpay Payment Integration", "url": "https://enappd.com/blog/how-to-integrate-razorpay-in-ionic-4-apps-and-pwa/20", "description": ""}, {"name": "10 Minutes with Ionic: Calling an API", "url": "http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/", "description": ""}, {"name": "Using Http to Fetch Remote Data from a Server in Ionic", "url": "http://www.joshmorony.com/using-http-to-fetch-remote-data-from-a-server-in-ionic-2/", "description": ""}, {"name": "Making REST HTTP Requests Like a Pro", "url": "http://www.gajotres.net/ionic-2-making-rest-http-requests-like-a-pro/", "description": ""}, {"name": "Posting data from Ionic app to a PHP server", "url": "http://www.nikola-breznjak.com/blog/ionic2/posting-data-from-ionic-2-app/", "description": ""}, {"name": "Make HTTP Requests In An Ionic Android And iOS App", "url": "https://www.thepolyglotdeveloper.com/2016/01/make-http-requests-in-an-ionic-2-android-and-ios-app/", "description": ""}, {"name": "Integrating Firebase with AngularFire2 into AngularJS & Ionic2", "url": "http://www.clearlyinnovative.com/integrating-firebase-with-angularfire2-into-angularjs-ionic2", "description": ""}, {"name": "Internationalize and Localize Your Ionic 4 App", "url": "https://enappd.com/blog/how-to-translate-in-ionic-4-globalization-internationalization-and-localization/11", "description": ""}, {"name": "Internationalize and Localize Your App With Angular 2", "url": "http://www.gajotres.net/ionic-2-internationalize-and-localize-your-app-with-angular-2/", "description": ""}, {"name": "attranslate", "url": "https://github.com/fkirc/attranslate", "description": "Semi-automated translation of JSON and other resource files", "stars": "325"}, {"name": "Ionic2-vscode", "url": "https://marketplace.visualstudio.com/items?itemName=jgw9617.ionic2-vscode", "description": ""}, {"name": "Vim-ionic2", "url": "https://github.com/akz92/vim-ionic2", "description": "", "stars": "2"}, {"name": "Ionic Vetur Intellisense", "url": "https://github.com/moduslabs/ionic/tree/master/packages/ionic-vetur", "description": "Vetur support for Ionic Components for tag and attribute autocompletion", "stars": "3"}, {"name": "Ionic Quickstart", "url": "https://www.udemy.com/ionic-2-quickstart/", "description": ""}, {"name": "Build a Todo App from Scratch with Ionic", "url": "http://www.joshmorony.com/build-a-todo-app-from-scratch-with-ionic-2-video-tutorial/", "description": ""}, {"name": "Ionic: How to Use Google Maps & Geolocation", "url": "http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/", "description": ""}, {"name": "Ionic in One Hour", "url": "http://courses.devdactic.com/courses/ionic-2-in-one-hour?product_id=104238", "description": ""}, {"name": "Build a Custom Flash Card Component in Ionic", "url": "https://www.youtube.com/watch?v=BKFQKywl_GM", "description": ""}, {"name": "Hacking CSS in Ionic", "url": "https://www.youtube.com/watch?v=sXFmkdhOEVc", "description": ""}, {"name": "Learn Ionic 3 From Scratch", "url": "https://www.youtube.com/watch?v=JcEGTektejA\\&list=PLYxzS__5yYQng-XnJhB21Jc7NW1OIaqct", "description": ""}, {"name": "Building Mobile Apps with Ionic", "url": "https://www.joshmorony.com/building-mobile-apps-with-ionic-2/", "description": ""}, {"name": "Ionic Blueprints", "url": "https://www.packtpub.com/web-development/ionic-2-blueprints", "description": ""}, {"name": "Hybrid Mobile Development with Ionic", "url": "https://www.packtpub.com/application-development/hybrid-mobile-development-ionic", "description": ""}, {"name": "Ionic Conference App", "url": "https://github.com/driftyco/ionic-conference-app", "description": "", "stars": "3.6k"}, {"name": "IonicRealty", "url": "https://github.com/ccoenraets/ionic2-realty", "description": "", "stars": "256"}, {"name": "Ionic Firebase Chat App", "url": "https://github.com/ionic2blueprints/firebase-chat", "description": "", "stars": "37"}, {"name": "Ionic Ecommerce App", "url": "https://github.com/ionic2blueprints/ionic2-marketcloud", "description": "", "stars": "26"}, {"name": "Ionic Conference App based on Lanyrd API", "url": "https://github.com/ionic2blueprints/conference-app", "description": "", "stars": "7"}, {"name": "Ionic Stock Tracking App", "url": "https://github.com/ionic2blueprints/ionic2-stockmarket", "description": "", "stars": "18"}, {"name": "Ionic Wordpress Client", "url": "https://github.com/ionic2blueprints/ionic2-wp-client", "description": "", "stars": "20"}, {"name": "Ionic Media Player", "url": "https://github.com/ionic2blueprints/media-player", "description": "", "stars": "30"}, {"name": "Ionic Social App", "url": "https://github.com/ionic2blueprints/social-app", "description": "", "stars": "27"}, {"name": "Ionic 5 WhatsApp clone", "url": "https://github.com/thenaim/ionic-whatsapp-clone", "description": "", "stars": "60"}, {"name": "Ionic 5 Social Network Starter", "url": "https://github.com/thenaim/ion-tk-social-network", "description": "", "stars": "163"}, {"name": "Ionic Push Notification", "url": "https://github.com/aggarwalankush/ionic2-push-base", "description": "", "stars": "165"}, {"name": "Ionic Weather app", "url": "https://github.com/aggarwalankush/ionic2-mosum", "description": "", "stars": "247"}, {"name": "Ionic Reddit Reader", "url": "https://github.com/smartapant/ionic2-reddit-reader", "description": "", "stars": "125"}, {"name": "Ionic Advanced Components", "url": "https://github.com/yannbf/ionic2-components", "description": "", "stars": "1.7k"}, {"name": "Ionic aiEyes - Azure Computer Vision API", "url": "https://github.com/brenopolanski/aiEyes", "description": "", "stars": "27"}, {"name": "Ionic Soundboard", "url": "https://github.com/rkalis/ionic-soundboard", "description": "", "stars": "14"}, {"name": "Ionic Country Explorer", "url": "https://github.com/SKempin/ionic-country-explorer", "description": ""}, {"name": "Firebase push notifications in Ionic 4", "url": "https://github.com/enappd/ionic-4-push", "description": "", "stars": "3"}, {"name": "Receive SMS automatically in Ionic 4", "url": "https://github.com/enappd/Ionic-4-sms-receive", "description": "", "stars": "10"}, {"name": "Playing music in Ionic 4", "url": "https://github.com/enappd/ionic-4-music", "description": "", "stars": "43"}, {"name": "Ionic 4 Stripe Payment Integration", "url": "https://github.com/enappd/ionic4-stripe", "description": "", "stars": "9"}, {"name": "Ionic 4 PayPal Payment Integration", "url": "https://github.com/enappd/ionic4-paypal", "description": "", "stars": "9"}, {"name": "Ionic 4 Apple Pay Payment Integration", "url": "https://github.com/enappd/ionic4-applepay", "description": "", "stars": "7"}, {"name": "Ionic 4 Razorpay Payment Integration", "url": "https://github.com/enappd/ionic4-razorpay", "description": "", "stars": "4"}, {"name": "Ionic 4 Twitter login with Firebase", "url": "https://github.com/enappd/Ionic-4-Twitter-auth", "description": "", "stars": "1"}, {"name": "Ionic 4 Facebook login with Firebase", "url": "https://github.com/enappd/ionic4-facebookAuth", "description": "", "stars": "3"}, {"name": "Ionic 4 Google login with Firebase", "url": "https://github.com/enappd/Ionic-4-google-auth", "description": ""}, {"name": "Translation in Ionic 4 - Internationalization and localization", "url": "https://github.com/enappd/ionic4-i18n", "description": "", "stars": "6"}, {"name": "Ionic 4 Free chat themes", "url": "https://store.enappd.com/product/free-chat-themes-ionic4/", "description": ""}, {"name": "Ionic Timer App", "url": "https://github.com/imjohnbo/ionic2-timer", "description": ""}], "notes": [], "source": "Ionic"}, {"name": "Motion Ui Design", "entries": [{"name": "Resources for inspiration", "url": "#resources-for-inspiration", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Software", "url": "#software", "description": ""}, {"name": "Helpers", "url": "#helpers", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Web animation performance", "url": "#web-animation-performance", "description": ""}, {"name": "Speeches, presentations, videos", "url": "#speeches-presentations-videos", "description": ""}, {"name": "Newsletters, podcasts, screencasts", "url": "#newsletters-podcasts-screencasts", "description": ""}, {"name": "Guidelines", "url": "#guidelines", "description": ""}, {"name": "Books", "url": "#books", "description": ""}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 Sites", "entries": [{"name": "Tympanus codrops", "url": "http://tympanus.net/codrops/", "description": "Interactive demos and experiments."}, {"name": "Codyhouse", "url": "http://codyhouse.co/library/", "description": "Interactive demos and experiments."}, {"name": "Dribbble", "url": "http://dribbble.com/shots?list=animated", "description": "Animated shots category on Dribbble."}, {"name": "Codepen", "url": "http://codepen.io/", "description": "HTML/CSS/JS sandbox."}, {"name": "Give \u2019n\u2019 Go", "url": "http://give-n-go.co/", "description": "A curated gallery of Dribbble shots reworked as interactive CodePen pens."}, {"name": "capptivate.co", "url": "http://capptivate.co/", "description": "A collection of awesome mobile interfaces."}, {"name": "Awwwards", "url": "http://awwwards.com/websites/animation/", "description": "Websites examples of designs with animation."}, {"name": "cssanimation.rocks", "url": "http://cssanimation.rocks/", "description": "CSS animated demos."}, {"name": "michaelvillar.com", "url": "http://michaelvillar.com/motion/", "description": "experiments by @michaelvillar (Stripe)."}, {"name": "hakim.se", "url": "http://hakim.se/", "description": "Experiments by @hakimel."}, {"name": "ui-animations.tumblr.com", "url": "http://ui-animations.tumblr.com/", "description": "Animations in software user interfaces."}, {"name": "hoverstat.es", "url": "http://hoverstat.es/", "description": "A collection of interesting web sites curated by Animade studio."}, {"name": "appealing.", "url": "http://app-ealing.com/", "description": "A collection of mobile transitions and animations."}, {"name": "UI Movement", "url": "https://uimovement.com/", "description": "Animated interfaces and newsletter."}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 Pinterest boards", "entries": [{"name": "Gestures, transitions, animations", "url": "http://pinterest.com/jvetrau/gestures-transitions-animations/", "description": ""}, {"name": "Web UI animation", "url": "http://pinterest.com/JRMYLFBV/web-ui-animation/", "description": ""}, {"name": "UX/UI interaction & Motion design", "url": "http://pinterest.com/matthieuLrt/ux-ui-interaction-motion-design/", "description": ""}, {"name": "Animated UX/UI", "url": "http://pinterest.com/julient/animated-uxui/", "description": ""}, {"name": "Motion UI", "url": "http://pinterest.com/CodeDesignIO/motion-ui/", "description": ""}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 Processing and other weird, but funny stuff", "entries": [{"name": "Bees & bombs", "url": "http://beesandbombs.tumblr.com/", "description": "Processing experiments by Dave Whyte."}, {"name": "PATAKK", "url": "http://patakk.tumblr.com/", "description": "Processing experiments by Paolo Zagreb."}, {"name": "dvdp", "url": "http://dvdp.tumblr.com/", "description": "Visual chinatown by davidope."}, {"name": "bigblueboo", "url": "http://bigblueboo.tumblr.com/", "description": "3d and processing experiments by Charlie Deck."}, {"name": "Misha Kvakin", "url": "http://misha-kvakin.tumblr.com/", "description": "Cinema4D and UI experiments."}, {"name": "How fast should your UI animations be?", "url": "http://valhead.com/2016/05/05/how-fast-should-your-ui-animations-be/", "description": ""}, {"name": "Getting started with UI motion design", "url": "https://medium.com/this-also/getting-started-with-ui-motion-design-d82d4a625801", "description": ""}, {"name": "A Designer\u2019s Guide to Perceived Performance", "url": "https://medium.com/@lukejones/a-designers-guide-to-the-perception-of-performance-fedb4bd102b", "description": ""}, {"name": "How to Use Animation to Improve UX", "url": "https://uxplanet.org/how-to-use-animation-to-improve-ux-338819e93bdb", "description": ""}, {"name": "How To Use Animations and Motion in Web Design", "url": "https://blog.prototypr.io/how-to-use-animations-and-motion-in-web-design-2fd1f68e6e02", "description": ""}, {"name": "UI Animation: Eye-Pleasing, Problem-Solving", "url": "https://uxplanet.org/ui-animation-eye-pleasing-problem-solving-a8b27013f55c", "description": ""}, {"name": "UI Motion Design\u200a\u2014\u200aThe Compendium", "url": "https://blog.prototypr.io/ui-motion-design-the-compendium-d8b478357fa3", "description": ""}, {"name": "Creating Usability with Motion: The UX in Motion Manifesto", "url": "https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc", "description": ""}, {"name": "Jedi Principles of UI Animation", "url": "https://medium.com/@adaptivepath/jedi-principles-of-ui-animation-2b88423b1dac", "description": ""}, {"name": "Micro Interaction; great experience for user engagement", "url": "https://uxplanet.org/micro-interaction-great-experience-for-user-engagement-b37446bf6306", "description": ""}, {"name": "UI Animation. Microinteraction for Macroresult", "url": "https://uxplanet.org/ui-animation-microinteraction-for-macroresult-668cd9e71101", "description": ""}, {"name": "The Principles of UX Choreography", "url": "https://medium.freecodecamp.org/the-principles-of-ux-choreography-69c91c2cbc2a", "description": ""}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 Video, gif, presentation", "entries": [{"name": "Adobe After Effects", "url": "https://www.adobe.com/products/aftereffects.htm", "description": "The industry-standard animation and creative compositing app lets you design and deliver professional motion graphics and visual effects for film, TV, video and web:"}, {"name": "Apple Motion", "url": "https://www.apple.com/sg/final-cut-pro/motion/", "description": "MacOS app for create and edit motion graphics, titling for video production and film production, and 2D and 3D compositing for visual effects."}, {"name": "Adobe Photoshop", "url": "http://www.adobe.com/sea/products/photoshop.html", "description": "Raster graphics editor that can also produce gif UI animations:"}, {"name": "Adobe Flash", "url": "http://www.adobe.com/products/flash.html", "description": "Software for creating vector graphics, animations, games etc.."}, {"name": "Apple Keynote", "url": "https://www.apple.com/ru/mac/keynote/", "description": "MacOS app for presentations, but also great for high-fidelity animations and prototypes:"}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 Visual programming", "entries": [{"name": "Quartz Composer", "url": "https://developer.apple.com/downloads/", "description": "MacOS app with node-based visual programming language for prototyping MacOS/iOS apps:"}, {"name": "Form", "url": "http://www.relativewave.com/form/", "description": "App with a node-based visual programming language for prototyping apps by Google."}, {"name": "Principle For Mac", "url": "http://principleformac.com/", "description": "MacOS app for create animated and interactive user interface designs."}, {"name": "Floid", "url": "https://floid.io/", "description": "MacOS interaction design tool for any platform & device (Web, iOS, Android)."}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 HTML, CSS and JavaScript", "entries": [{"name": "Framer studio", "url": "https://framerjs.com/", "description": "MacOS app for prototyping animations by CoffeeScript programming language."}, {"name": "Tumult Hype", "url": "http://tumult.com/hype/", "description": "MacOS app for creating HTML/CSS sites, banners, presentations etc."}, {"name": "Adobe Edge Animation", "url": "https://creative.adobe.com/products/animate", "description": "App for creating HTML/CSS sites, banners, presentations etc:"}, {"name": "Adobe Experience Design (ex-Project Comet)", "url": "http://www.adobe.com/products/experience-design.html", "description": "App for creating design, prototype and animation of websites and mobile apps (Preview version)."}, {"name": "Google web designer", "url": "https://www.google.com/webdesigner/", "description": "HTML-based designs and motion graphics."}, {"name": "Animatron", "url": "http://animatron.com/", "description": "Web app for creating animations, banners, and infographics."}, {"name": "Pixate", "url": "http://pixate.com/", "description": "Prototyping platform."}, {"name": "SpiritJS", "url": "https://spiritjs.io/", "description": "Animation tool for the web (unrealized yet)."}, {"name": "easings.net", "url": "http://easings.net/", "description": "Easing functions cheat sheet."}, {"name": "cubic-bezier.com", "url": "http://cubic-bezier.com/", "description": "Cubic-bezier visual tool."}, {"name": "csstriggers.com", "url": "http://csstriggers.com/", "description": "List of CSS properties thats trigger repaint, reflow or compositing."}, {"name": "Web Animation Infographics", "url": "http://www.awwwards.com/web-animation-infographics-a-map-of-the-best-animation-libraries-for-javascript-and-css3-plus-performance-tips.html", "description": "Great (but old) infographic with libraries by used technology."}, {"name": "Bouncy Ball", "url": "https://sparkbox.github.io/bouncy-ball/", "description": "Comparing animation techniques by showing how to bounce a ball with each one."}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 CSS", "entries": [{"name": "Animate.css", "url": "http://daneden.github.io/animate.css/", "description": "Collections of CSS animations."}, {"name": "Effeckt.css", "url": "http://h5bp.github.io/Effeckt.css/", "description": "Collections of UI animations."}, {"name": "Bounce.js", "url": "http://bouncejs.com/", "description": "Tool for generate nice CSS keyframes animation from js easing function."}, {"name": "Animations.css", "url": "http://justinaguilar.com/animations/", "description": "Collection."}, {"name": "Magic animations", "url": "http://www.minimamente.com/example/magic_animations/", "description": "Collection."}, {"name": "UI buttons", "url": "http://uibuttons.com/", "description": "Collection of buttons."}, {"name": "Hover.css", "url": "http://ianlunn.github.io/Hover/", "description": "Hover effects."}, {"name": "Morf", "url": "http://www.joelambert.co.uk/morf/", "description": "Transitions with custom easing functions."}, {"name": "Awesome CSS3 animations", "url": "http://pavlyukpetr.com/awesome/", "description": "Library of animations."}, {"name": "All Animation", "url": "http://all-animation.github.io/", "description": "Set of fun animations to make your project sexier."}, {"name": "CSS Animate", "url": "http://cssanimate.com/", "description": "Tool for easy and fast creating CSS3 keyframes animation."}, {"name": "Mantra", "url": "http://jeremyckahn.github.io/mantra/", "description": "Tool for creating keyframes animation."}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 JavaScript", "entries": [{"name": "GreenSock", "url": "http://greensock.com/", "description": "Ultra high-performance, professional-grade animation for the modern web."}, {"name": "Velocity.js", "url": "http://julian.com/research/velocity/", "description": "Accelerated JavaScript animation."}, {"name": "Impulse", "url": "http://impulse.luster.io/", "description": "High-performance interactions for mobile web."}, {"name": "AniJS", "url": "http://anijs.github.io/", "description": "Animations by declared data-attributes."}, {"name": "Snabbt.js", "url": "http://daniel-lundin.github.io/snabbt.js/", "description": "Minimalistic animation library in JavaScript."}, {"name": "Famo.us", "url": "http://famous.org/", "description": "High-performance JavaScript library for animations & interfaces."}, {"name": "Processing.js", "url": "http://processingjs.org/", "description": "JavaScript library for Processing visual programming language."}, {"name": "Framer.js", "url": "https://github.com/koenbok/Framer", "description": "Prototyping tool for designing UI, interaction and animation.", "stars": "5.7k"}, {"name": "Dynamics.js", "url": "http://dynamicsjs.com/", "description": "JavaScript library to create physics-based animations."}, {"name": "Mo.js", "url": "https://github.com/legomushroom/mojs", "description": "Motion graphics toolbelt for the web.", "stars": "18k"}, {"name": "AnimateTransition", "url": "http://rapid-application-development-js.github.io/AnimateTransition/", "description": "Library for transition of blocks and popups."}, {"name": "Animate Plus", "url": "https://github.com/bendc/animateplus", "description": "CSS and SVG animation library for modern browsers, performant and lightweight (3KB gzipped), making it particularly well-suited for mobile.", "stars": "5.9k"}, {"name": "Gravitas.js", "url": "https://github.com/iamralpht/gravitas.js", "description": "Super fast physics simulations for JavaScript.", "stars": "161"}, {"name": "Popmotion", "url": "https://popmotion.io/guides/basics/get-started/", "description": "JavaScript motion engine that makes creating engaging user interactions quick and simple."}, {"name": "anime.js", "url": "http://animejs.com/", "description": "Lightweight JavaScript animation library."}, {"name": "useAnimations", "url": "https://useanimations.com/", "description": "micro-animations icon library;"}], "notes": [], "source": "Motion Ui Design"}, {"name": "Motion Ui Design \u2014 SVG", "entries": [{"name": "SnapSVG", "url": "http://snapsvg.io/", "description": "JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM."}, {"name": "BonsaiJS", "url": "https://bonsaijs.org/", "description": "Lightweight graphics library with intuitive graphics API and SVG renderer."}, {"name": "Vivus.js", "url": "http://maxwellito.github.io/vivus/", "description": "Allows you to animate SVGs, giving them the appearence of being drawn."}, {"name": "Walkway.js", "url": "http://connoratherton.com/walkway", "description": "Easy way to animate SVG images consisting of line, path, and polyline elements."}, {"name": "Transformicons", "url": "http://www.transformicons.com/", "description": "Animated icons, symbols and buttons using SVG and CSS."}, {"name": "Jankfree.org", "url": "http://jankfree.org/", "description": "Collection of articles and presentations about browser performance."}, {"name": "High performance animations", "url": "http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/", "description": ""}, {"name": "How to Create Smoother Animations and Transitions in the Browser", "url": "http://blog.teamtreehouse.com/create-smoother-animations-transitions-browser", "description": ""}, {"name": "CSS animations and transitions performance: looking inside the browser", "url": "http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/", "description": ""}, {"name": "Interface Animations (Mark Geyer)", "url": "http://markgeyer.com/pres/interface-animations/", "description": "Workshop on BlendConf 2014."}, {"name": "The future of UX \u2013 Animation on the Brain (Rachel Nabors)", "url": "http://www.slideshare.net/CrowChick/animation-and-the-future-of-ux-33573726", "description": ""}, {"name": "Designing Complex SVG Animations (Sarah Drasner, Trulia)", "url": "http://slides.com/sdrasner/cssdevconf", "description": ""}, {"name": "Designing with animation (Pasquale D'Silva)", "url": "https://www.youtube.com/watch?v=TMe0WnkF1Lc\\&feature=youtu.be\\&list=UURx1y52pfeMwbuer9Vh2u-A\\&html5=1", "description": ""}, {"name": "Animating Web Experiences (John Allsopp)", "url": "https://www.youtube.com/watch?v=66Kf8fMfh1M\\&list=UURx1y52pfeMwbuer9Vh2u-A\\&index=47", "description": ""}, {"name": "Putting Your UI in Motion (Val Head)", "url": "http://aneventapart.com/news/post/putting-your-ui-in-motion-with-css-by-val-head-an-event-apart-video", "description": ""}, {"name": "Motion design with CSS (Val Head)", "url": "https://www.youtube.com/watch?v=TjsXqt-UxLo\\&list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA", "description": ""}, {"name": "Lets move! (Benjamin De Cock, Stripe)", "url": "https://www.youtube.com/watch?v=J6wUmQDQBkw", "description": ""}, {"name": "Animating Your UX (Rachel Nabors)", "url": "https://futureinsights-1.wistia.com/medias/k62k980uo7", "description": ""}, {"name": "Styling and Animating Scalable Vector Graphics with CSS (Sara Soueidan)", "url": "https://www.youtube.com/watch?v=lf7L8X6ZBu8\\&list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA", "description": ""}, {"name": "Animating the User Experience (Rachel Nabors)", "url": "https://www.youtube.com/watch?v=bM4qJpg7KhI", "description": ""}, {"name": "Designing meaningful animation (Val Head)", "url": "https://vimeo.com/165995133", "description": ""}, {"name": "Functional Animation (Sarah Drasner)", "url": "https://www.youtube.com/watch?v=HaD5z2KqcGk\\&feature=youtu.be", "description": ""}, {"name": "Animations anew - laziness, arrogance and intolerance (Andrey Sitnik)", "url": "http://ai.github.io/anim2012/", "description": ""}, {"name": "The UI Animation Newsletter", "url": "http://valhead.com/newsletter/", "description": "newsletter with resources plus helpful advice on how to make web animation work for you coming straight to your inbox each month by @valhead."}, {"name": "Web Animation Weekly", "url": "http://webanimationweekly.com/", "description": "newsletter with articles, videos, book reviews, and other goodies pertaining to the wonderful worlds of web animation and motion design by Rachel Nabors."}, {"name": "Motion and meaning", "url": "http://motionandmeaning.io/", "description": "Podcast about motion for digital designers by @valhead and Cennydd Bowles."}, {"name": "All The Right Moves", "url": "https://vimeo.com/channels/alltherightmoves/", "description": "Animation reviews by @valhead."}, {"name": "UI Movement", "url": "https://uimovement.com/", "description": "best of the week UI animations newsletter."}, {"name": "SalesForce Lightning", "url": "https://www.lightningdesignsystem.com/design/motion/", "description": ""}, {"name": "The Web In Motion: Practical Considerations For Designing With Animation", "url": "https://shop.smashingmagazine.com/products/the-web-in-motion-practical-considerations-for-designing-with-animation", "description": ""}, {"name": "Motion Design for iOS", "url": "https://designthencode.com/", "description": ""}, {"name": "Animation in HTML, CSS, and JavaScript", "url": "http://www.kirupa.com/book/animation_in_html_css_and_javascript.htm", "description": ""}, {"name": "Futureproof Web Design Techniques. Interaction Design & Complex Animations", "url": "http://www.uxpin.com/curated-interaction-design-animations.html", "description": ""}, {"name": "CSS animations", "url": "http://cssanimationspocketguide.com/", "description": ""}, {"name": "Designing Interface Animations", "url": "http://rosenfeldmedia.com/books/designing-interface-animations/", "description": ""}], "notes": [], "source": "Motion Ui Design"}, {"name": "Sass", "entries": [{"name": "About", "url": "#about", "description": ""}, {"name": "Getting Started", "url": "#getting-started", "description": ""}, {"name": "Sass vs SCSS", "url": "#sass-vs-scss", "description": ""}, {"name": "Frameworks", "url": "#frameworks", "description": ""}, {"name": "Libraries and Mixins", "url": "#libraries-and-mixins", "description": ""}, {"name": "Style Guides", "url": "#style-guides", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Official Sass and SCSS Guide", "url": "http://sass-lang.com/guide", "description": "Official Sass and SCSS guide."}, {"name": "Tutorialzine", "url": "http://tutorialzine.com/2016/01/learn-sass-in-15-minutes/", "description": "Learn SASS in 15 minutes tutorial."}, {"name": "Codecademy", "url": "https://www.codecademy.com/learn/learn-sass", "description": "Learn Sass with Codecademy."}, {"name": "Lynda", "url": "https://www.lynda.com/SASS-training-tutorials/1435-0.html", "description": "Learn how to use Sass, from beginner basics to advanced techniques, with online video tutorials taught by industry experts."}, {"name": "Official Sass and SCSS Reference", "url": "http://sass-lang.com/documentation/file.SASS_REFERENCE.html", "description": "Official Sass and SCSS Documentation Reference."}, {"name": "SitePoint Sass and SCSS Reference", "url": "https://www.sitepoint.com/sass-reference/", "description": "SitePoint Sass and SCSS reference."}, {"name": "SitePoint", "url": "https://www.sitepoint.com/whats-difference-sass-scss/", "description": "What\u2019s the difference between Sass and SCSS?"}, {"name": "The Sass Way", "url": "http://thesassway.com/editorial/sass-vs-scss-which-syntax-is-better", "description": "Which syntax is better?"}, {"name": "Stack Overflow", "url": "http://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass", "description": "What's the difference between SCSS and Sass?"}, {"name": "avalanche", "url": "https://avalanche.oberlehner.net", "description": "Framework for building the foundation for a package based CSS workflow."}, {"name": "Bootstrap 4", "url": "https://github.com/twbs/bootstrap", "description": "Bootstrap version 4, the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.", "stars": "160k"}, {"name": "Bootstrap-sass", "url": "https://github.com/twbs/bootstrap-sass", "description": "Official Sass port of Bootstrap 2 and 3.", "stars": "13k"}, {"name": "Bulma", "url": "https://github.com/jgthms/bulma", "description": "Modern CSS framework based on Flexbox.", "stars": "46k"}, {"name": "Cirrus", "url": "https://github.com/Spiderpig86/Cirrus", "description": "A component and utility centric SCSS framework designed for rapid prototyping.", "stars": "1.1k"}, {"name": "Foundation for Sites", "url": "https://github.com/zurb/foundation-sites", "description": "The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.", "stars": "29k"}, {"name": "Hocus-Pocus", "url": "https://bkzl.github.io/hocus-pocus/", "description": "Universal and lightweight stylesheet starter kit that focuses on base html elements and typography."}, {"name": "iotaCSS", "url": "https://www.iotacss.com", "description": "Open source Sass-based OOCSS framework built for scale."}, {"name": "Kickoff", "url": "http://trykickoff.com", "description": "Kickoff is a lightweight front-end framework for creating scalable, performant and responsive sites."}, {"name": "Materialize", "url": "http://materializecss.com", "description": "Modern responsive front-end framework based on Material Design."}, {"name": "mini.css", "url": "http://minicss.org/", "description": "Minimal, responsive, style-agnostic CSS framework."}, {"name": "Scooter", "url": "http://dropbox.github.io/scooter/", "description": "SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox."}, {"name": "Sierra", "url": "http://sierra-library.github.io/", "description": "Micro SCSS library to help you build websites, without all the arbitrary selectors."}], "notes": [], "source": "Sass"}, {"name": "Sass \u2014 Grid", "entries": [{"name": "Avalanche", "url": "http://colourgarden.net/avalanche", "description": "Lightweight, responsive, Sass-based, BEM-syntax grid system."}, {"name": "csswizardry-grids", "url": "http://csswizardry.com/csswizardry-grids/", "description": "Simple, fluid, nestable, flexible, Sass-based, responsive grid system."}, {"name": "Griddle", "url": "http://necolas.github.io/griddle/", "description": "Extremely flexable CSS grid constructor."}, {"name": "Gridlex", "url": "http://gridlex.devlint.fr/", "description": "Flexbox grid system."}, {"name": "Jeet", "url": "https://github.com/mojotech/jeet", "description": "Simple fractional grid system for Sass and Stylus.", "stars": "3k"}, {"name": "Neat", "url": "http://neat.bourbon.io/", "description": "Lightweight semantic grid framework built with Sass."}, {"name": "Sass Flexible Grid System", "url": "https://dnomak.com/flexiblegs/install/sass/", "description": "Sass flexible grid system."}, {"name": "SCSS Flexible Grid System", "url": "https://dnomak.com/flexiblegs/install/scss/", "description": "SCSS flexible grid system."}, {"name": "Susy", "url": "https://github.com/oddbird/susy", "description": "Responsive layout toolkit for Sass.", "stars": "3.9k"}, {"name": "Toast", "url": "http://daneden.github.io/Toast/", "description": "Flexible and lightweight grid framework from the creator of [animate.css](https://daneden.github.io/animate.css/)."}, {"name": "Waffle Grid", "url": "https://lucasgruwez.github.io/waffle-grid/", "description": "Easy to use flexbox grid system."}], "notes": [], "source": "Sass"}, {"name": "Sass \u2014 Media Queries", "entries": [{"name": "Breakpoint", "url": "https://github.com/at-import/breakpoint", "description": "Breakpoint makes writing media queries in Sass super simple.", "stars": "2.1k"}, {"name": "include-media", "url": "https://eduardoboucas.github.io/include-media/", "description": "Simple, elegant and maintainable media queries."}, {"name": "mq-scss", "url": "https://github.com/Dan503/mq-scss", "description": "An extreamly powerful but easy to use Sass media query mixin.", "stars": "126"}, {"name": "Sass MediaQueries", "url": "http://rafalbromirski.github.io/sass-mediaqueries/", "description": "Collection of useful media queries mixins for Sass (including iOS devices, TVs and more)."}, {"name": "Sass MQ", "url": "https://github.com/sass-mq/sass-mq", "description": "Sass mixin that helps you compose media queries in an elegant way.", "stars": "2k"}], "notes": [], "source": "Sass"}, {"name": "Sass \u2014 Color", "entries": [{"name": "brand-colors", "url": "http://brand-colors.com/", "description": "1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS."}, {"name": "Open color", "url": "https://github.com/yeun/open-color", "description": "Open color is a color scheme for UI design. Available in CSS, SCSS, LESS, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.", "stars": "4.8k"}, {"name": "sass-planifolia", "url": "https://github.com/xi/sass-planifolia", "description": "Advanced color manipulation and contrast calculation in vanilla Sass.", "stars": "39"}, {"name": "scss-blend-modes", "url": "https://github.com/heygrady/scss-blend-modes", "description": "Using standard color blending functions in Sass.", "stars": "821"}], "notes": [], "source": "Sass"}, {"name": "Sass \u2014 Typography", "entries": [{"name": "Sassline", "url": "https://sassline.com/", "description": "Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale."}, {"name": "Sassy-Gridlover", "url": "https://github.com/hiulit/Sassy-Gridlover", "description": "Super easy to use Sass mixins to establish a typographic system with modular scale and vertical rhythm. Based on the Gridlover app.", "stars": "224"}, {"name": "Shevy", "url": "http://kyleshevlin.github.io/shevy/", "description": "Typography made easy. A vertical rhythm library."}, {"name": "Typi", "url": "https://github.com/zellwk/typi", "description": "Sass mixin to make responsive typography easy.", "stars": "866"}], "notes": [], "source": "Sass"}, {"name": "Sass \u2014 Animation", "entries": [{"name": "Animate.scss", "url": "https://github.com/geoffgraham/animate.scss", "description": "Port of Dan Eden's [Animate.css](https://daneden.github.io/animate.css/) for SASS.", "stars": "651"}, {"name": "Hover", "url": "http://ianlunn.github.io/Hover/", "description": "Collection of CSS3 powered hover animated effects to be applied to links, buttons, logos, SVG, featured images and so on. Available in CSS, Sass, and LESS."}, {"name": "Kf", "url": "https://kf-sass.com", "description": "Sass mixin library for creating keyframe-based animations from maps."}, {"name": "Sass Burger", "url": "https://github.com/jorenvanhee/sass-burger", "description": "Sass mixin for creating animated hamburger icon.", "stars": "666"}, {"name": "SpinThatShit", "url": "https://matejkustec.github.io/SpinThatShit/", "description": "Set of SCSS mixins for single element loaders and spinners."}], "notes": [], "source": "Sass"}, {"name": "Sass \u2014 Miscellaneous", "entries": [{"name": "Angled Edges", "url": "https://github.com/josephfusco/angled-edges", "description": "Sass mixin for creating angled edges on sections by dynamically encoding SVGs.", "stars": "971"}, {"name": "Bourbon", "url": "http://bourbon.io/", "description": "Simple and lightweight mixin library for Sass."}, {"name": "Buttono", "url": "https://github.com/hsnaydd/buttono", "description": "A flexible Sass mixin for creating BEM-style buttons.", "stars": "83"}, {"name": "Buttons", "url": "https://github.com/alexwolfe/Buttons", "description": "CSS button library built using Sass and Compass.", "stars": "5.1k"}, {"name": "csstyle", "url": "https://csstyle.io", "description": "A SCSS library to help you build modular CSS that generates your selectors for you and deals with specificity automatically."}, {"name": "Family.scss", "url": "http://lukyvj.github.io/family.scss/", "description": "Set of 26 smart Sass mixins which will help you to manage the style of :nth-child\u2019ified elements, in an easy and classy way."}, {"name": "Gerillass", "url": "https://gerillass.com/", "description": "A Sass mixin library to help you create modern web sites."}, {"name": "Juice", "url": "http://kylebrumm.com/juice/", "description": "Collection of Sass mixins and functions."}, {"name": "Modular Scale", "url": "https://github.com/modularscale/modularscale-sass", "description": "Modular scale calculator built into your Sass.", "stars": "2k"}, {"name": "normalize-scss", "url": "https://github.com/JohnAlbin/normalize-scss", "description": "Sass/Compass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers.", "stars": "1.4k"}, {"name": "Pretty checkbox", "url": "https://github.com/lokesh-coder/pretty-checkbox", "description": "SCSS/CSS library to beautify checkbox and radio buttons.", "stars": "1.8k"}, {"name": "retina.js", "url": "https://github.com/imulus/retinajs", "description": "JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants.", "stars": "4.5k"}, {"name": "Sass Accoutrement", "url": "http://oddbird.net/open-source/accoutrement/", "description": "Accoutrement modules are Sass toolkits that work together to form the central configuration of a project. The tools can be used individually, or integrated for extra power."}, {"name": "Sass Deprecate", "url": "https://github.com/salesforce-ux/sass-deprecate", "description": "Sass mixin that helps managing code deprecation.", "stars": "271"}, {"name": "Sass flexbox mixin", "url": "https://github.com/mastastealth/sass-flex-mixin", "description": "Set of mixins for those who want to mess around with flexbox using the native support of current browsers.", "stars": "1.1k"}, {"name": "Sassdash", "url": "https://github.com/davidkpiano/sassdash", "description": "The Sass implementation of lodash ([API documentation](http://davidkpiano.github.io/sassdash)).", "stars": "384"}, {"name": "Scut", "url": "https://github.com/davidtheclark/scut", "description": "Collection of Sass utilities to ease and improve the implementations of common style-code patterns.", "stars": "769"}, {"name": "Hugo Giraudel's Sass Guidelines", "url": "https://sass-guidelin.es/", "description": "Guidelines for writing sane, maintainable and scalable Sass."}, {"name": "BigCommerce Sass Coding Guidelines", "url": "https://github.com/bigcommerce/sass-style-guide", "description": "Guidelines in use at BigCommerce.", "stars": "281"}, {"name": "Airbnb Sass and CSS Style Guide", "url": "https://github.com/airbnb/css", "description": "Sass and CSS style guide by Airbnb.", "stars": "6.5k"}, {"name": "Dropbox (S)CSS Style Guide", "url": "https://github.com/dropbox/css-style-guide", "description": "Dropbox\u2019s (S)CSS authoring style guide.", "stars": "841"}, {"name": "Hugo Giraudel Personal Awesome Sass List", "url": "https://github.com/HugoGiraudel/awesome-sass", "description": "Records of Hugo Giraudel's works on Sass.", "stars": "744"}, {"name": "Cubic B\u00e9zier Representation in Sass", "url": "http://thesassway.com/advanced/cubic-bezier-representation-in-sass", "description": ""}, {"name": "Faster Sass builds with Webpack", "url": "http://eng.localytics.com/faster-sass-builds-with-webpack/", "description": ""}, {"name": "Transitioning to SCSS at Scale", "url": "https://codeascraft.com/2015/02/02/transitioning-to-scss-at-scale/", "description": ""}, {"name": "Sass Maps to UI Components", "url": "https://blog.prototypr.io/sass-maps-to-ui-components-f14e1f34412e#.9zt0s0rxt", "description": ""}, {"name": "Inverse trigonometric functions with Sass", "url": "http://thesassway.com/advanced/inverse-trigonometric-functions-with-sass", "description": ""}, {"name": "Stop Arguing So Much with Your Mixins", "url": "http://sassbreak.com/stop-arguing-with-your-mixins", "description": ""}, {"name": "Styling React Components in Sass", "url": "http://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/", "description": ""}, {"name": "A Sass !default use case", "url": "https://robots.thoughtbot.com/sass-default", "description": ""}, {"name": "Aesthetic Sass 3: Typography and Vertical Rhythm", "url": "https://scotch.io/tutorials/aesthetic-sass-3-typography-and-vertical-rhythm", "description": ""}, {"name": "A Tale of CSS and Sass Precision", "url": "https://www.sitepoint.com/a-tale-of-css-and-sass-precision/", "description": ""}, {"name": "Build a Style Guide Straight from Sass", "url": "https://css-tricks.com/build-style-guide-straight-sass/", "description": ""}, {"name": "Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do", "url": "https://gist.github.com/jareware/4738651", "description": ""}, {"name": "The 80-20 Approach to Sustainable SCSS", "url": "https://zendev.com/2018/05/30/the-80-20-approach-to-sustainable-scss.html", "description": ""}, {"name": "Advanced Use of Sass Maps", "url": "https://itnext.io/advanced-use-of-sass-maps-bd5a47ca0d1a", "description": ""}, {"name": "dart-sass", "url": "https://github.com/sass/dart-sass", "description": "Dart implementation of Sass.", "stars": "3.3k"}, {"name": "diamond", "url": "https://diamond.js.org", "description": "Dependency management built for Sass, Less, and CSS."}, {"name": "libsass-python", "url": "https://github.com/dahlia/libsass-python", "description": "Binding of libsass for Python.", "stars": "522"}, {"name": "libsass", "url": "https://github.com/sass/libsass", "description": "C/C++ implementation of a Sass compiler.", "stars": "4.3k"}, {"name": "node-sass-magic-importer", "url": "https://github.com/maoberlehner/node-sass-magic-importer", "description": "Custom node-sass importer for selector specific imports, node importing, module importing, globbing support and importing files only once.", "stars": "293"}, {"name": "node-sass", "url": "https://github.com/sass/node-sass", "description": "Node.js bindings to libsass.", "stars": "8.2k"}, {"name": "OctoLinker", "url": "https://github.com/OctoLinker/browser-extension", "description": "Navigate through \\*.scss and \\*.sass files efficiently with the OctoLinker browser extension for GitHub.", "stars": "5.1k"}, {"name": "sass-extract", "url": "https://github.com/jgranstrom/sass-extract", "description": "Extract variables from scss files. Use scss to describe styles for use in javascript by extracting computed styles into js objects. Supports imports and advanced language features.", "stars": "187"}, {"name": "sass-loader", "url": "https://github.com/jtangelder/sass-loader", "description": "Sass loader for webpack.", "stars": "3.8k"}, {"name": "sass-rails", "url": "https://github.com/rails/sass-rails", "description": "Ruby on Rails stylesheet engine for Sass.", "stars": "853"}, {"name": "SassDoc", "url": "http://sassdoc.com/", "description": "Documentation system (like JSDoc for JavaScript) to build pretty and powerful docs in the blink of an eye."}, {"name": "Scout-App", "url": "http://scout-app.io/", "description": "Process your Sass and SCSS files into CSS without needing any knowledge of the command line."}, {"name": "scss-lint", "url": "https://github.com/brigade/scss-lint", "description": "Configurable tool for writing clean and consistent SCSS. [(deprecated) (\u2b503.6k)](https://github.com/brigade/scss-lint#notice-consider-other-tools-before-adopting-scss-lint)", "stars": "3.6k"}, {"name": "SharpScss", "url": "https://github.com/xoofx/SharpScss", "description": "P/Invoke .NET wrapper around libsass to convert SCSS to CSS supporting NET2.0/NET3.5/NET4.x+ and CoreCLR platform.", "stars": "53"}, {"name": "stylelint", "url": "https://stylelint.io/", "description": "A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets. Supports CSS-like syntaxes, including SCSS."}, {"name": "Sass in the Real World: Book I of IV", "url": "https://anotheruiguy.gitbooks.io/sassintherealworld_book-i/content/", "description": ""}, {"name": "Sass in the Real World: Book II of IV", "url": "https://anotheruiguy.gitbooks.io/sass-in-the-real-world-book-2-of-4/content/", "description": ""}, {"name": "Jump Start Sass: Get Up to Speed With Sass in a Weekend", "url": "https://www.amazon.com/Jump-Start-Sass-Speed-Weekend/dp/0994182678", "description": ""}, {"name": "Sass and Compass for Designers", "url": "https://www.amazon.com/Sass-Compass-Designers-Ben-Frain/dp/1849694540", "description": ""}, {"name": "Sass Tutorial", "url": "https://www.youtube.com/watch?v=wz3kElLbEHE", "description": ""}, {"name": "Series of Sass tutorials showing the installing of, the basics, and using key features", "url": "https://www.youtube.com/playlist?list=PL2CB1F80266E986EA", "description": ""}, {"name": "Sass or LESS? What should you use?", "url": "https://www.youtube.com/watch?v=lJclQekSfSM", "description": ""}, {"name": "Learn Sass in this Free Crash Course - Give your CSS Superpowers!", "url": "https://www.youtube.com/watch?v=roywYSEPSvc", "description": ""}, {"name": "The Net Ninja Sass playlist", "url": "https://www.youtube.com/watch?v=St5B7hnMLjg\\&list=PL4cUxeGkcC9iEwigam3gTjU_7IA3W2WZA", "description": ""}, {"name": "Reddit", "url": "https://www.reddit.com/r/Sass/", "description": ""}, {"name": "Stack Overflow", "url": "http://stackoverflow.com/questions/tagged/sass", "description": ""}, {"name": "@SassCSS on Twitter", "url": "https://twitter.com/SassCSS", "description": ""}], "notes": [], "source": "Sass"}, {"name": "Tools \u2014 Response", "entries": [{"name": "Responsinator", "url": "http://www.responsinator.com/", "description": ""}, {"name": "viewport-resizer", "url": "http://lab.maltewassermann.com/viewport-resizer/", "description": ""}, {"name": "Media Queri", "url": "http://mediaqueri.es/", "description": ""}, {"name": "Screensiz", "url": "http://screensiz.es/phone", "description": ""}, {"name": "Sizzy", "url": "http://sizzy.co", "description": ""}, {"name": "Polypane", "url": "http://polypane.rocks", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Placeholder", "entries": [{"name": "placehold.it", "url": "https://place-hold.it/", "description": ""}, {"name": "temp.im", "url": "http://temp.im/", "description": ""}, {"name": "lorempixel", "url": "http://lorempixel.com/", "description": ""}, {"name": "dummyimage", "url": "http://dummyimage.com/", "description": ""}, {"name": "placekitten", "url": "http://placekitten.com/", "description": ""}, {"name": "unsplash", "url": "https://source.unsplash.com/", "description": ""}, {"name": "smalldev.tools - placeholder", "url": "https://smalldev.tools/placeholder-image-generator-online", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Favicon", "entries": [{"name": "favicon-generator", "url": "http://www.favicon-generator.org/", "description": ""}, {"name": "favicon.cc", "url": "http://www.favicon.cc/", "description": ""}, {"name": "xiconeditor", "url": "http://www.xiconeditor.com/", "description": ""}, {"name": "tool.lu favicon", "url": "http://tool.lu/favicon/", "description": ""}, {"name": "bitbug", "url": "http://www.bitbug.net/", "description": ""}, {"name": "favicomatic", "url": "http://www.favicomatic.com/", "description": ""}, {"name": "RealFaviconGenerator", "url": "https://realfavicongenerator.net/", "description": ""}, {"name": "favicon.io", "url": "https://favicon.io/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 CDN", "entries": [{"name": "staticfile", "url": "http://www.staticfile.org/", "description": ""}, {"name": "bootcss cdn", "url": "http://www.bootcdn.cn/", "description": ""}, {"name": "cdnjs.cn", "url": "http://www.cdnjs.cn/", "description": ""}, {"name": "cdnjs", "url": "https://cdnjs.com/", "description": ""}, {"name": "upai", "url": "http://jscdn.upai.com/", "description": ""}, {"name": "Baidu cdn", "url": "http://cdn.code.baidu.com/", "description": ""}, {"name": "360 cdn", "url": "http://libs.useso.com/", "description": ""}, {"name": "jquery cdn", "url": "http://code.jquery.com/", "description": ""}, {"name": "lib.sinaapp", "url": "http://lib.sinaapp.com/", "description": ""}, {"name": "jsDelivr", "url": "http://www.jsdelivr.com/", "description": ""}, {"name": "statically", "url": "https://statically.io/", "description": ""}, {"name": "pagecdn", "url": "https://pagecdn.com/lib", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 CSS", "entries": [{"name": "neumorphism css generator", "url": "https://neumorphism.io/", "description": ""}, {"name": "css-triangle-generator", "url": "http://apps.eky.hk/css-triangle-generator/zh-hant", "description": ""}, {"name": "csszengarden", "url": "http://www.csszengarden.com/", "description": ""}, {"name": "CSS Gradient Generator", "url": "http://www.colorzilla.com/gradient-editor/", "description": ""}, {"name": "cssBeutify", "url": "http://tool.lu/css/", "description": ""}, {"name": "css spritegen", "url": "http://spritegen.website-performance.org/", "description": ""}, {"name": "csssprites", "url": "http://csssprites.com/", "description": ""}, {"name": "sassme", "url": "http://sassme.arc90.com/", "description": ""}, {"name": "css Should I Prefix", "url": "http://shouldiprefix.com/", "description": ""}, {"name": "CSS Unit Converter", "url": "https://cssunitconverter.com/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Image compression", "entries": [{"name": "webresizer", "url": "http://webresizer.com/resizer/", "description": ""}, {"name": "TinyPNG", "url": "https://tinypng.com", "description": ""}, {"name": "AlloyPhoto", "url": "http://alloyteam.github.io/AlloyPhoto/", "description": ""}, {"name": "Compressor.io", "url": "https://compressor.io/", "description": ""}, {"name": "Shrinkray", "url": "https://shrinkray.io", "description": ""}, {"name": "Trimage", "url": "https://trimage.org", "description": ""}, {"name": "Compress-Or-Die", "url": "https://compress-or-die.com/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 JavaScript", "entries": [{"name": "jsBeutify", "url": "http://tool.lu/js/", "description": ""}, {"name": "jsbeautifier", "url": "http://jsbeautifier.org/", "description": ""}, {"name": "jsfiddle", "url": "http://jsfiddle.net/", "description": ""}, {"name": "jsbin", "url": "http://jsbin.com/", "description": ""}, {"name": "SmallDev.tools - JS formatter", "url": "https://smalldev.tools/javascript-formatter-online", "description": ""}, {"name": "Flatlogic CRUD Apps Generator", "url": "https://flatlogic", "description": ""}, {"name": "dhtmlx javascript components", "url": "https://dhtmlx.com/docs/products/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Pagespeed", "entries": [{"name": "PageSpeed", "url": "https://developers.google.com/speed/pagespeed/insights/", "description": ""}, {"name": "Alibench", "url": "http://alibench.com/", "description": ""}, {"name": "Webkaka", "url": "http://pagespeed.webkaka.com/", "description": ""}, {"name": "Modern IE Reporting tool", "url": "https://www.modern.ie/en-us/report", "description": ""}, {"name": "GTmetrix", "url": "https://gtmetrix.com/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Color", "entries": [{"name": "nipponcolors", "url": "http://nipponcolors.com/", "description": ""}, {"name": "flatuicolors", "url": "http://flatuicolors.com/", "description": ""}, {"name": "Color Thief", "url": "http://lokeshdhakar.com/projects/color-thief/", "description": ""}, {"name": "color-hex", "url": "http://www.color-hex.com/", "description": ""}, {"name": "colors", "url": "https://github.com/mrmrs/colors", "description": "", "stars": "9.4k"}, {"name": "chuantongsecai", "url": "http://ylbook.com/cms/web/chuantongsecai/chuantongsecai.htm", "description": ""}, {"name": "colourco.de", "url": "http://colourco.de", "description": ""}, {"name": "flatuicolorpicker", "url": "http://www.flatuicolorpicker.com/", "description": ""}, {"name": "krmp.cc", "url": "https://github.com/dadleyy/krmp.cc", "description": "", "stars": "2"}, {"name": "Image Color Picker", "url": "https://image-color.com", "description": ""}, {"name": "Respresso", "url": "https://respresso.io/", "description": ""}, {"name": "Branding Colors", "url": "https://branition.com/colors", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Font", "entries": [{"name": "Google Fonts", "url": "https://www.google.com/fonts", "description": ""}, {"name": "Adobe Fonts", "url": "https://fonts.adobe.com/", "description": ""}, {"name": "dafont", "url": "http://www.dafont.com/", "description": ""}, {"name": "youziku", "url": "http://www.youziku.com/", "description": ""}, {"name": "qiuziti", "url": "http://www.qiuziti.com/", "description": ""}, {"name": "fonts2u", "url": "http://www.fonts2u.com/index.html", "description": ""}, {"name": "webfonts", "url": "http://www.fonts.com/web-fonts", "description": ""}, {"name": "justfont", "url": "http://www.justfont.com/", "description": ""}, {"name": "iconpark", "url": "https://github.com/lvwzhen/iconpark", "description": "", "stars": "362"}, {"name": "FontSquirrel", "url": "http://www.fontsquirrel.com/", "description": ""}, {"name": "Fontface Ninja", "url": "http://fontface.ninja/", "description": ""}, {"name": "Easy Fonts", "url": "https://pagecdn.com/lib/easyfonts", "description": ""}, {"name": "Respresso", "url": "https://respresso.io/", "description": ""}, {"name": "Brick", "url": "https://brick.im/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Forms", "entries": [{"name": "Form.taxi", "url": "https://form.taxi/", "description": ""}, {"name": "SmarkForm", "url": "https://smarkform.bitifet.net", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 API Debugging", "entries": [{"name": "ExtendsClass.com", "url": "https://extendsclass.com/rest-client-online.html", "description": ""}, {"name": "RequestBin.com", "url": "https://requestbin.com/", "description": ""}, {"name": "Beeceptor.com", "url": "https://beeceptor.com/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 API Doc", "entries": [{"name": "Jquery API", "url": "http://www.jquery123.com/", "description": ""}, {"name": "OverAPI", "url": "http://overapi.com/", "description": ""}, {"name": "devdocs", "url": "http://devdocs.io/", "description": ""}, {"name": "oschina apidoc", "url": "http://tool.oschina.net/apidocs", "description": ""}, {"name": "Easing functions", "url": "http://easings.net/en", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Git Host", "entries": [{"name": "GitHub", "url": "https://github.com/", "description": ""}, {"name": "Bitbucket", "url": "https://bitbucket.org/", "description": ""}, {"name": "GitLab", "url": "https://about.gitlab.com/", "description": ""}, {"name": "GitCafe", "url": "https://gitcafe.com/", "description": ""}, {"name": "Git@OSC", "url": "http://git.oschina.net/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 webpack", "entries": [{"name": "Visual webpack config tool", "url": "https://webpack.jakoblind.no/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Code Playgrounds", "entries": [{"name": "CodePen", "url": "https://codepen.io/", "description": ""}, {"name": "CodeSandbox", "url": "https://codesandbox.io/", "description": ""}, {"name": "Glitch", "url": "https://glitch.com/", "description": ""}, {"name": "JSFiddle", "url": "https://jsfiddle.net/", "description": ""}, {"name": "JS BIN", "url": "http://jsbin.com/", "description": ""}, {"name": "Dabblet", "url": "http://dabblet.com/", "description": ""}, {"name": "CSSDeck", "url": "http://cssdeck.com/", "description": ""}, {"name": "Plunker", "url": "http://plnkr.co/", "description": ""}, {"name": "Liveweave", "url": "https://liveweave.com/", "description": ""}, {"name": "StackBlitz", "url": "https://stackblitz.com/", "description": ""}, {"name": "FastSitePHP", "url": "https://www.fastsitephp.com/en/playground", "description": ""}, {"name": "DataFormsJS", "url": "https://www.dataformsjs.com/en/playground", "description": ""}, {"name": "AnyChart Playground", "url": "https://playground.anychart.com/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 CheatSheet", "entries": [{"name": "Bootstrap CheatSheet", "url": "https://bootstrap-cheatsheet.themeselection.com/", "description": ""}, {"name": "Regex CheatSheet", "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions/Cheatsheet", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 UI Builders", "entries": [{"name": "Windframe", "url": "https://www.devwares.com/windframe/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Tools \u2014 Tools collection", "entries": [{"name": "SmallDev.tools", "url": "https://smalldev.tools/", "description": ""}, {"name": "FreeToolBox", "url": "https://www.freetoolbox.site/", "description": ""}, {"name": "Hreflang checker", "url": "https://localizely.com/hreflang-checker/", "description": ""}, {"name": "giga.tools", "url": "https://giga.tools/", "description": ""}], "notes": [], "source": "Tools"}, {"name": "Ant Design", "entries": [{"name": "Contents", "url": "#contents", "description": ""}, {"name": "Resources", "url": "#resources", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Theming", "url": "#theming", "description": ""}, {"name": "Related Projects", "url": "#related-projects", "description": ""}, {"name": "Angular", "url": "#angular", "description": ""}, {"name": "Vue.js", "url": "#vuejs", "description": ""}, {"name": "Components", "url": "#components", "description": ""}, {"name": "React Hooks", "url": "#react-hooks", "description": ""}, {"name": "Applications", "url": "#applications", "description": ""}, {"name": "Boilerplates", "url": "#boilerplates", "description": ""}, {"name": "Non-JavaScript Libraries", "url": "#non-javascript-libraries", "description": ""}, {"name": "Electron", "url": "#electron", "description": ""}, {"name": "Icons", "url": "#icons", "description": ""}, {"name": "Design Tools and Resources", "url": "#design-tools-and-resources", "description": ""}, {"name": "Other", "url": "#other", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "License", "url": "#license", "description": ""}, {"name": "Ant Design", "url": "http://ant.design/", "description": "An Enterprise-class UI design language and React-based implementation."}, {"name": "Ant Design Pro", "url": "http://pro.ant.design/", "description": "An out-of-box UI solution for enterprise applications :fire::fire::fire:"}, {"name": "Ant Design Mobile", "url": "http://mobile.ant.design/", "description": "Configurable Mobile UI specification and React-based implementation."}, {"name": "Ant Design of React", "url": "http://react-component.github.io/badgeboard/", "description": "Graceful UI components out of the box, based on React."}, {"name": "Ant Design SVG Icons", "url": "http://leungwensen.github.io/svg-icon/#ant", "description": "Project to transform regular icon fonts into SVG format, supporting Ant Design icon fonts."}, {"name": "Styling React Applications with Ant.Design", "url": "https://medium.com/@yoniweisbrod/styling-react-applications-with-ant-design-92b742aab0b0", "description": ""}, {"name": "Finding a User Interface library", "url": "http://waywardmonkeys.org/2016/03/14/finding-a-user-interface-library/", "description": ""}, {"name": "Antd Init", "url": "https://github.com/ant-design/antd-init", "description": "Ant Design boilerplate generator (for demo only, use dva-cli).", "stars": "815"}, {"name": "Dva Cli", "url": "https://github.com/dvajs/dva-cli", "description": "Create Ant Design projects based on [Dva.js (\u2b5016k)](https://github.com/dvajs/dva), a", "stars": "965"}, {"name": "Antd Tools", "url": "https://github.com/ant-tool", "description": "Very useful list of tools for Ant Design to create documentation, create new components, build tools and many more."}, {"name": "Antd Tools Docs", "url": "http://ant-tool.github.io/", "description": "Documentations for Ant Tools."}, {"name": "iConfig Ant Design", "url": "https://github.com/hutxs/iconfig-antd", "description": "Boilerplate for quickly getting a new project up and running with a few useful transforms.", "stars": "7"}, {"name": "vscode-antd-rush", "url": "https://github.com/fi3ework/vscode-antd-rush", "description": "Rush to Ant Design in VS Code", "stars": "125"}, {"name": "Antd Snippets for VS Code", "url": "https://marketplace.visualstudio.com/items?itemName=bang.antd-snippets", "description": ""}, {"name": "Generator Antd Pro", "url": "https://github.com/codetrial/generator-antd-pro", "description": "An easy way to build your Ant Design Pro application.", "stars": "34"}, {"name": "formik-antd", "url": "https://github.com/jannikbuschke/formik-antd", "description": "Declarative bindings for the popular form state management library Formik.", "stars": "590"}, {"name": "Zaku", "url": "https://github.com/limichange/zaku", "description": "JSX-based UI editor, easy way to build page and generate antd code.", "stars": "87"}, {"name": "Antd-Pro-Generator for VS Code", "url": "https://github.com/garrett12138/antd-pro-generator", "description": "", "stars": "12"}, {"name": "Ruyi Design Assistant", "url": "https://www.figma.com/community/plugin/1192146318523533547/", "description": ""}, {"name": "antd-theme-webpack-plugin", "url": "https://github.com/mzohaibqc/antd-theme-webpack-plugin", "description": "A webpack plugin to generate your custom theme file.", "stars": "367"}, {"name": "antd-theme-generator", "url": "https://github.com/mzohaibqc/antd-theme-generator", "description": "A simple script to generate theme specific less file which can be used in any environment.", "stars": "358"}, {"name": "dynamic-antd-theme", "url": "https://github.com/luffyZh/dynamic-antd-theme", "description": "A simple plugin to dynamic change ant-design theme whether less or css.", "stars": "247"}, {"name": "storybook-addon-customize-antd-theme", "url": "https://github.com/letshare/storybook-addon-customize-antd-theme", "description": "a Storybook addon help you visually customize an ant design theme.", "stars": "32"}], "notes": [], "source": "Ant Design"}, {"name": "Ant Design \u2014 Themes", "entries": [{"name": "ant-design-dark-theme", "url": "https://github.com/ant-design/ant-design-dark-theme", "description": "Dark theme variables of Ant Design.", "stars": "480"}, {"name": "ant-design-aliyun-theme", "url": "https://github.com/ant-design/ant-design-aliyun-theme", "description": "Aliyun console theme variables of Ant Design.", "stars": "309"}, {"name": "ant-dark-theme", "url": "https://github.com/Kuechlin/ant-dark-theme", "description": "Dark theme variables of Ant Design.", "stars": "14"}, {"name": "Ant Design X", "url": "https://github.com/ant-design/x", "description": "A React UI library @ant-design/x that Crafting AI-driven interfaces with React, seamlessly integrating smart chat components and API services at your fingertips.", "stars": "3.6k"}, {"name": "Ant Design Web3", "url": "https://github.com/ant-design/ant-design-web3", "description": "Efficient react components for building dapps easier | Connect crypto wallets and more Web3 UI components | Web3 icons | Supports Ethereum, Solana, Bitcoin, TON, Sui and others.", "stars": "1k"}, {"name": "Grammar of Graphics", "url": "https://g2.alipay.com/", "description": "Pure javascript, powerful semantic graph generation tool for big data which provides a set of graphical syntax that lets users build with simple syntax a myriad of charts and integrates a large number of statistical tools, ([Read more (\u2b50124)](https://github.com/antvis/feedback))."}, {"name": "Ant Visualization", "url": "https://antv.alipay.com/", "description": "Professional data visualization specification that aims to put several years of valuable data pattern group work in the process of exploring data visualization to share with all people who need data visualization theory. AntV consists of few parts, data, design specifications and rules for use of the chart, ([Read more (\u2b50124)](https://github.com/antvis/feedback))."}, {"name": "Ant Motion", "url": "http://motion.ant.design/", "description": "Efficient motion design solutions that complies with Ant Design Visual specification with React implementation."}, {"name": "Ant UX", "url": "http://ux.ant.design/", "description": "Make a sitemap template for UX design using [Omnigraffle](https://www.omnigroup.com/omnigraffle), [Sketch](https://www.sketchapp.com/) or [Axure](http://www.axure.com/). This is a library which assists designers to define, refine and finalize the inter-page logic of their products."}, {"name": "NG-ZORRO", "url": "https://github.com/NG-ZORRO/ng-zorro-antd", "description": "Ant Design of Angular.", "stars": "9.1k"}, {"name": "NG-ZORRO-Mobile", "url": "https://github.com/NG-ZORRO/ng-zorro-antd-mobile", "description": "Ant Design Mobile of Angular", "stars": "802"}, {"name": "ng-alain", "url": "https://ng-alain.com/", "description": "ng-zorro-antd admin panel front-end framework."}, {"name": "ant-design-vue", "url": "https://github.com/vueComponent/ant-design-vue", "description": "Ant Design of Vue.js 2.5.0+.", "stars": "21k"}, {"name": "Vue.js Beauty", "url": "https://github.com/FE-Driver/vue-beauty", "description": "Beautiful UI components build with Vue.js and Ant Design.", "stars": "2.1k"}, {"name": "Vue.js Ant UI", "url": "https://github.com/kokoroX/vue-ant-ui", "description": "Ant Design UI components built in Vue.js.", "stars": "34"}, {"name": "Ant Design Vue", "url": "https://github.com/lileilei/Ant-design-vue", "description": "Vue.js version of Ant Design.", "stars": "9"}, {"name": "antue", "url": "https://github.com/zzuu666/antue", "description": "A set of enterprise-class Vue UI components, following the Ant Design specification completely.", "stars": "258"}, {"name": "vue-antd-admin", "url": "https://github.com/iczer/vue-antd-admin", "description": "Ant Design Pro's implementation with Vue", "stars": "3.7k"}, {"name": "ant-design-blazor", "url": "https://github.com/ElderJames/ant-design-blazor", "description": "Ant Design of Blazor(both Server-side and WebAssembly).", "stars": "30"}, {"name": "Blazorise", "url": "https://github.com/stsrki/Blazorise", "description": "AntDesign support for Blazorise and Blazor [Demo](https://antdesigndemo.blazorise.com/)", "stars": "3.5k"}, {"name": "antd-group-slider", "url": "https://github.com/huyennbl/antd-group-slider", "description": "A group of sliders that help input data with multiple ranges & description. Have data sync between sliders to improve UX, avoid accidental missing range during inputing range data.", "stars": "3"}, {"name": "antd-table-infinity", "url": "https://github.com/Leonard-Li777/antd-table-infinity", "description": "An infinite scroll component based on antd table that supports virtual scrolling & high-performance", "stars": "286"}, {"name": "react-lz-editor", "url": "https://github.com/leejaen/react-lz-editor", "description": "An open source rich react editor based on draft-Js and ant design.", "stars": "949"}, {"name": "React Grid", "url": "https://github.com/kagawagao/react-grid", "description": "", "stars": "10"}, {"name": "Antd Kit", "url": "https://github.com/huhulab/antd-kit", "description": "Advanced Ant Design components.", "stars": "40"}, {"name": "antd-data-table", "url": "https://github.com/NewbeeFE/antd-data-table", "description": "A component that combines antd's Table and Form to do the search, display, and operating jobs for data.", "stars": "127"}, {"name": "ngx-recursive-form", "url": "https://github.com/hsbalar/ngx-recursive-form", "description": "Angular recursive form based on json input built with Ant Design.", "stars": "35"}, {"name": "antd-amplify-react", "url": "https://github.com/mzohaibqc/antd-amplify-react", "description": "A collection of Ant Design component for Aws Amplify for Authentication", "stars": "59"}, {"name": "antd-password-input-strength", "url": "https://github.com/Kombustor/antd-password-input-strength", "description": "AntD Input component with password-strength indicator.", "stars": "88"}, {"name": "antd-amiya", "url": "https://github.com/viewweiwu/amiya", "description": "Page level components and with table and form.", "stars": "139"}, {"name": "antd-phone-input", "url": "https://github.com/ArtyomVancyan/antd-phone-input", "description": "Advanced, highly customizable phone input component for Ant Design.", "stars": "77"}, {"name": "Sunflower(\ud83c\udf3b)", "url": "https://github.com/ant-design/sunflower", "description": "", "stars": "498"}, {"name": "use-antd-resizable-header", "url": "https://github.com/hemengke1997/use-antd-resizable-header", "description": "A React Hook makes Ant Design Table Header resizable.", "stars": "262"}, {"name": "Eevee", "url": "https://github.com/pizn/eevee", "description": "Based on Github page online editing blog platform. The project is based React, Ant Design and GitHub API.", "stars": "175"}, {"name": "Productivity Application", "url": "https://github.com/dhruv-kumar-jha/productivity-frontend", "description": "Kanban style, Trello inspired Productivity application built using React, Ant Design and other fantastic modules.", "stars": "248"}, {"name": "IDURAR ERP/CRM", "url": "https://github.com/idurar/idurar-erp-crm", "description": "IDURAR is Open Source ERP/CRM (Invoice / Inventory / Accounting / HR) Based on Mern Stack (Node.js / Express.js / MongoDb / React.js ) with Ant Design (AntD) and Redux", "stars": "7.5k"}, {"name": "Ant Design Pro", "url": "http://pro.ant.design/", "description": "An out-of-box UI solution for enterprise applications :fire::fire::fire:"}, {"name": "Scaffold Market", "url": "http://scaffold.ant.design/", "description": "scaffolds and boilerplates using Ant Design"}, {"name": "Antd Admin", "url": "https://github.com/zuiidea/antd-admin", "description": "A admin dashboard application demo built upon Ant Design and Dva.js.", "stars": "9.7k"}, {"name": "Meteor Antd Boilerplate", "url": "https://github.com/elmarti/meteor-antd-boilerplate", "description": "A basic social network built using Antd and Meteor. [Example](https://antdmeteor.herokuapp.com/login)", "stars": "9"}, {"name": "React SPA", "url": "https://github.com/JasonBai007/reactSPA", "description": "Building SPA with React, Router, ES6, Fetch, Babel, Webpack, Npm, MockJs, FontAwesome, AnimateCSS, Ant Design, LESS and jQuery.", "stars": "513"}, {"name": "React Redux", "url": "https://github.com/Justin-lu/react-redux-antd", "description": "React Redux for CMS/Enterprise class apps (ERP/Admin) built with Ant Design.", "stars": "417"}, {"name": "React Antd Starter", "url": "https://github.com/yuzhouisme/react-antd-redux-router-starter", "description": "This project is designed to develop website/web apps using Ant Design and Redux.", "stars": "106"}, {"name": "Webbf", "url": "https://github.com/peterchenhdu/webbf", "description": "Java demo that uses Maven to build the backend with Spring, Spring MVC and Mybatis. React, Reflux, Eebpack, jQuery, React-bootstrap and Ant Design.", "stars": "456"}, {"name": "React Redux Antd Starter", "url": "https://github.com/BetaRabbit/react-redux-antd-starter", "description": "Front-end boilerplate built with React, Redux and Ant Design.", "stars": "89"}, {"name": "Koa", "url": "https://github.com/yukrain/koa-antd-admin", "description": "Example app to build Admin UI built with React, Ant Design and Koa.", "stars": "65"}, {"name": "Star Admin", "url": "https://github.com/pookpal/star-initReact-example", "description": "Demo app built with React, Ant Design, Redux, React-router, Webpack and Babel.", "stars": "76"}, {"name": "React Redux Intro", "url": "https://github.com/LeuisKen/react-redux-intro", "description": "Demo app built with Ant Design and can be configured to initialize a Redux dependencies.", "stars": "33"}, {"name": "React Start Kit", "url": "https://github.com/jovey-zheng/react-start-kit", "description": "SPA Boilerplate built with React, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design.", "stars": "109"}, {"name": "CL React", "url": "https://github.com/chenliang2016/CLReactAntDesign", "description": "Based on Ant Design front-end framework structures for enterprise back-office software.", "stars": "175"}, {"name": "TODO MVC", "url": "https://github.com/cupools/todoMVC-react", "description": "Todo list built with React and Ant Design.", "stars": "10"}, {"name": "React Boilerplate", "url": "https://github.com/huhulab/react-frontend-boilerplate", "description": "React Admin front-end boilerplate built with Ant Design.", "stars": "19"}, {"name": "Dva Antd Starter", "url": "https://github.com/xlsdg/dva-antd-starter", "description": "Get started with Dva.js and Ant Design.", "stars": "27"}, {"name": "Dva Antd Mobile Starter", "url": "https://github.com/xlsdg/dva-antd-mobile-starter", "description": "Get started with Dva.js and Ant Design mobile.", "stars": "115"}, {"name": "Dva Ant Admin", "url": "https://github.com/jiangbo2015/learn-dva", "description": "A front-end boilerplate built with Dva, Ant-Design"}, {"name": "Aspnet Core Antd Boilerplate", "url": "https://github.com/bang88/aspnet-core-react-antd-boilerplate", "description": "Server Side Rendering with Asp.net core.", "stars": "20"}, {"name": "React Redux Universal", "url": "https://github.com/subenksaha/react-redux-universal", "description": "Universal/Isomorphic boilerplate using react router 4 and webpack 2.5+. All latest packages.", "stars": "18"}, {"name": "CRA-TS-Antd", "url": "https://github.com/comerc/cra-ts-antd", "description": "Create-React-App + TypeScript + Ant-Design (without Eject).", "stars": "114"}, {"name": "Ng-Alain", "url": "https://github.com/cipchk/ng-alain", "description": "Angular Admin UI built on Ant Design (with ng-zorro-antd).", "stars": "4.5k"}, {"name": "Typescript React With Mobx Starter", "url": "https://github.com/YDJ-FE/ts-react-webpack", "description": "a starter-template with typescript, react, mobx, antd and webpack).", "stars": "367"}, {"name": "React-PWA, PawJS and AntDesign", "url": "https://github.com/Atyantik/example-pawjs-ant-design", "description": "A pluggable boilerplate with SEO, PWA, SSR, Skeleton, Placeholders, etc. as some of its many features.", "stars": "15"}, {"name": "Create React App + Ant Design", "url": "https://github.com/ant-design/create-react-app-antd", "description": "Use antd in create-react-app without ejecting", "stars": "582"}, {"name": "ScaffoldHub.io", "url": "https://scaffoldhub.io", "description": "Generate fullstack React + Ant Design applications with MongoDB, SQL or Firebase Firestore."}, {"name": "The Green Meal", "url": "https://github.com/VincentCordobes/the-green-meal", "description": "Next.js, PostgreSQL demo app written in TypeScript.", "stars": "82"}, {"name": "react-vite-admin", "url": "https://github.com/ychengcloud/react-vite-admin", "description": "React, Recoil, React Query, React Hooks, Typescript, Axios.", "stars": "247"}, {"name": "Antizer", "url": "https://github.com/priornix/antizer", "description": "Ant Design library for [ClojureScript](https://clojurescript.org/), an immutable, functional language that cross-compiles to JavaScript.", "stars": "261"}, {"name": "syn-antd", "url": "https://gitlab.com/synqrinus/syn-antd", "description": "Ant Design wrapper for [ClojureScript](https://clojurescript.org/) and [Reagent (\u2b504.8k)](https://github.com/reagent-project/reagent) using [shadow-cljs](http://shadow-cljs.org/) with tree-shaking support. As with other ClojureScript libraries, it cross-compiles to JavaScript."}, {"name": "StarCabinet", "url": "https://github.com/thundernet8/StarCabinet", "description": "Github Stars-based cross-platform tool based on React, Electronand and Ant Design.", "stars": "407"}, {"name": "Nowa", "url": "https://github.com/nowa-webpack/nowa-gui", "description": "A webpack based front-end plug-in scaffolding and development solution.", "stars": "200"}, {"name": "Official Ant Design Icons", "url": "http://github.com/ant-design/ant-design-icons", "description": "", "stars": "1k"}, {"name": "Ant Design Icons", "url": "https://github.com/fjc0k/ant-design-icons", "description": "The premium icon font from Ant Design and Ant Design Mobile.", "stars": "54"}, {"name": "Material Design Icons", "url": "https://github.com/2fd/ant-design-icons", "description": "", "stars": "29"}, {"name": "Kitchen", "url": "http://kitchen.alipay.com/", "description": "Sketch Plugin with suites of functions to enhance designers"}, {"name": "Ant Design Library", "url": "http://library.ant.design/", "description": "Ant Design Axure Library"}, {"name": "Ant UX", "url": "http://ux.ant.design/", "description": "Sitemap templates for ux design in OG, Sketch, Axure, Affinity, Adobe XD."}, {"name": "Ant Design Design Resources", "url": "https://ant.design/docs/spec/download", "description": "Sketch Symbols"}, {"name": "Ant Design of Ember", "url": "http://idcos.github.io/antd-ember/#/home", "description": "Enterprise-class UI framework based on Ant Design and Emberjs."}, {"name": "Fable Ant Design", "url": "https://github.com/evilz/fable-ant-design", "description": "Ant Design bindings for Fable Elmish.", "stars": "24"}], "notes": [], "source": "Ant Design"}, {"name": "Building Blocks for Web Apps", "entries": [{"name": "UI Elements", "url": "#ui-elements", "description": ""}, {"name": "Exit Intent Popup", "url": "#exit-intent-popup", "description": ""}, {"name": "Auth", "url": "#auth", "description": ""}, {"name": "Booking", "url": "#booking", "description": ""}, {"name": "Notification", "url": "#notification", "description": ""}, {"name": "Social", "url": "#social", "description": ""}, {"name": "Chat Bot", "url": "#chat-bot", "description": ""}, {"name": "Chat", "url": "#chat", "description": ""}, {"name": "Monitoring", "url": "#monitoring", "description": ""}, {"name": "Content Management", "url": "#content-management", "description": ""}, {"name": "Consent Management", "url": "#consent-management", "description": ""}, {"name": "Media", "url": "#media", "description": ""}, {"name": "Form", "url": "#form", "description": ""}, {"name": "Marketing", "url": "#marketing", "description": ""}, {"name": "Changelog", "url": "#changelog", "description": ""}, {"name": "Telecommunication", "url": "#telecommunication", "description": ""}, {"name": "Social Media", "url": "#social-media", "description": ""}, {"name": "Search", "url": "#search", "description": ""}, {"name": "Feature flags", "url": "#feature-flags", "description": ""}, {"name": "Reviews", "url": "#reviews", "description": ""}, {"name": "Related awesome-lists", "url": "#related-awesome-lists", "description": ""}, {"name": "Tailwind UI", "url": "https://tailwindui.com/", "description": "UI components, by the creators of Tailwind CSS."}, {"name": "Webix", "url": "https://webix.com/", "description": "JavaScript UI library and framework for displaying data in different ways."}, {"name": "Highcharts", "url": "https://www.highcharts.com/", "description": "Interactive charts for web."}, {"name": "Webatoms", "url": "https://www.webatoms.in", "description": "JavaScript bridge for Xamarin.Forms."}, {"name": "Creative Tim", "url": "https://www.creative-tim.com/", "description": "Themes for React, Angular, Vue, Lavarel and HTML5."}, {"name": "Syncfusion", "url": "https://www.syncfusion.com/", "description": "Data visualization components and PDF Viewer."}, {"name": "CoreUI", "url": "https://coreui.io/pro/vue", "description": "Vue admin template."}, {"name": "UIfort", "url": "https://uifort.com/", "description": "UI design systems for all major frontend frameworks."}, {"name": "Semantic UI", "url": "https://semantic-ui.com/", "description": "Open source UI component library for React, Meteor, Ember and Angular."}, {"name": "Design Revision's Shards Pro", "url": "https://designrevision.com/downloads/shards-pro", "description": "Design blocks for web or mobile apps."}, {"name": "Themesberg", "url": "https://themesberg.com", "description": "Bootstrap templates, themes and UI kits."}, {"name": "Treact", "url": "https://treact.owaiskhan.me/", "description": "React templates for landing pages, built on Tailwind CSS."}, {"name": "Creative Designs Guru", "url": "https://creativedesignsguru.com", "description": "Themes for React, Nextjs and Eleventy, built with Tailwind CSS."}, {"name": "Wisepops", "url": "https://wisepops.com/", "description": "Contextual popups, banners and bars for mobile and desktop visitors."}, {"name": "Listagram", "url": "https://www.listagram.com", "description": "Interactive opt-in form for collecting email addresses."}, {"name": "Poptin", "url": "https://www.poptin.com", "description": "Popups and forms that can be integrated anywhere in the website."}, {"name": "Embedery", "url": "https://www.embedery.com", "description": "Popups to engage visitors."}, {"name": "Auth0", "url": "https://auth0.com/", "description": "Authentication management with native support for Angular, React and VueJS."}, {"name": "Clerk", "url": "https://clerk.com", "description": "Complete user management UIs and APIs, purpose-built for React, Next.js, and the modern web."}, {"name": "Firebase", "url": "https://firebase.google.com", "description": "PaaS from Google, including authentication management."}, {"name": "Okta", "url": "https://www.okta.com/", "description": "Authentication and Authorization solution with support for Angular, React and VueJS."}, {"name": "Onelogin", "url": "https://www.onelogin.com/", "description": "Authentication focussed on company internal applications."}, {"name": "Microsoft Azure Active Directory", "url": "https://azure.microsoft.com/en-us/services/active-directory/#security", "description": "Authentication management in Azure, based on Microsoft accounts."}, {"name": "AWS Cognito", "url": "https://aws.amazon.com/cognito/", "description": "AWS authentication management. Frontend integration is part of [AWS Amplify](https://aws.amazon.com/de/amplify/)."}, {"name": "Calendly", "url": "https://calendly.com/", "description": "Stand-alone booking solution."}, {"name": "Zoho Bookings", "url": "https://www.zoho.com/bookings/", "description": "Online scheduler integrated into Zoho Suite."}, {"name": "Acuity Scheduling", "url": "https://acuityscheduling.com/", "description": "Appointment scheduling with extensive API."}, {"name": "10to8", "url": "https://10to8.com/", "description": "Booking tool with many features in the free tier."}, {"name": "SuperSaaS", "url": "https://www.supersaas.com/", "description": "Appointment scheduling with focus on group scheduling."}, {"name": "SimplyBook.Me", "url": "https://simplybook.me/", "description": "Booking tool with its own booking directory."}, {"name": "OnceHub", "url": "https://www.oncehub.com/", "description": "Scheduling via ScheduleOnce and meeting management via InviteOnce."}, {"name": "YouCanBookMe", "url": "https://youcanbook.me/", "description": "Online scheduling for teams."}, {"name": "OnSched", "url": "https://www.onsched.com/", "description": "Scheduling API for marketplaces & applications."}, {"name": "AppointmentPlus", "url": "https://www.appointmentplus.com/", "description": "Appointment scheduling with coupons."}, {"name": "Booxi", "url": "https://www.booxi.com/", "description": "Booking and online directory components."}, {"name": "Cogsworth Scheduler", "url": "https://get.cogsworth.com/", "description": "Online Scheduler for business with a powerful API."}, {"name": "OneSignal", "url": "https://onesignal.com/", "description": "Mobile and web notifications."}, {"name": "Notific", "url": "https://notific.io/", "description": "Notifications including a PHP SDK."}, {"name": "WonderPush", "url": "https://www.wonderpush.com/", "description": "Notifications focused on speed."}, {"name": "VWO Engage", "url": "https://vwo.com/engage/push-notifications/", "description": "Notifications as part of a larger marketing suite."}, {"name": "Signalize", "url": "https://signalize.com/", "description": "Free notifications with paid analytics add on."}, {"name": "Stream", "url": "https://getstream.io/", "description": "Activity feed & chat APIs."}, {"name": "EmbedSocial's embedfeed", "url": "https://embedsocial.com/products/embedfeed/", "description": "Social media aggregator."}, {"name": "Fresh chat", "url": "https://www.freshworks.com/live-chat-software/", "description": "Chatbot in Freshworks support suite."}, {"name": "Tiledesh", "url": "https://www.tiledesk.com/", "description": "AI-powered live chat."}, {"name": "Daily.co", "url": "https://www.daily.co/", "description": "Video chat."}, {"name": "Sentry", "url": "https://sentry.io/", "description": "Full-stack error monitoring with release management included."}, {"name": "Raygun Crash Reporting", "url": "https://raygun.com/platform/crash-reporting", "description": "Error monitoring as part of the Raygun suite."}, {"name": "Honeybadger", "url": "https://www.honeybadger.io/", "description": "Error, uptime and check-in monitoring."}, {"name": "Rollbar", "url": "https://rollbar.com/", "description": "Error monitoring with the ability to replay HTTP requests that caused errors."}, {"name": "Contentful", "url": "https://www.contentful.com", "description": "Headless content management system."}, {"name": "Cookiefirst", "url": "https://cookiefirst.com/", "description": "Cookie consent manager."}, {"name": "usercentrics", "url": "https://usercentrics.com/", "description": "Compliance manager that can be implemented as part of existing pages."}, {"name": "Sourcepoint", "url": "https://www.sourcepoint.com/", "description": "Compliance management as part of a suite including also ad blocker recovery."}, {"name": "PiwikPro", "url": "https://piwik.pro/gdpr-consent-manager/", "description": "Compliance management as part of an analytics tool."}, {"name": "Consent Management Provider", "url": "https://www.consentmanager.de/", "description": "German management tool for Cookie Consent."}, {"name": "UniConsent", "url": "https://www.uniconsent.com/", "description": "Consent management platform for GDPR, CCPA, COPPA compliance."}, {"name": "TrustArc", "url": "https://trustarc.com/", "description": "Privacy management for the CCPA, GDPR, LGPD and 900+ other global regulations."}, {"name": "Cookiebot", "url": "https://www.cookiebot.com/", "description": "Cookie tracking manager."}, {"name": "iubenda", "url": "https://www.iubenda.com/", "description": "Consent management and terms and conditions generator."}, {"name": "Civic Cookie Control", "url": "https://www.civicuk.com/cookie-control/", "description": "Smaller Cookie and GDPR compliance product."}, {"name": "CCM19", "url": "https://www.ccm19.de/", "description": "German cookie consent manager."}, {"name": "CookieInformation", "url": "https://cookieinformation.com/", "description": "Focus on compliance reporting via a dashboard."}, {"name": "CookiePro", "url": "https://www.cookiepro.com/", "description": "Cookie management as part of a privacy management solution."}, {"name": "React Cookie Consent", "url": "https://github.com/Mastermindzh/react-cookie-consent", "description": "A small and customizable cookie consent bar for React applications.", "stars": "628"}, {"name": "React Cookie Banner", "url": "https://github.com/buildo/react-cookie-banner", "description": "React cookie banner which can be automatically dismissed with a scroll.", "stars": "182"}, {"name": "Mux", "url": "https://mux.com/", "description": "Stream hosted and live videos."}, {"name": "Spotify web playback SDK", "url": "https://developer.spotify.com/documentation/web-playback-sdk/", "description": "Client-side JavaScript library which allows you to create a new player in Spotify Connect and play any audio track from Spotify in the browser via encrypted media extensions."}, {"name": "Static Forms", "url": "https://www.staticforms.xyz/", "description": "Form that sends its results to your email."}, {"name": "FlyingForms", "url": "https://flyingforms.io/?utm_source=github-awesome-components\\&utm_medium=referral\\&utm_campaign=awesome-list", "description": "Building, versioning and managing forms."}, {"name": "KirokuForms", "url": "https://kirokuforms.com/", "description": "Drag-and-drop form builder with generous free tier, email notifications, and full API access."}, {"name": "TrustPulse", "url": "https://trustpulse.com/", "description": "Shows recent buyers on your website."}, {"name": "Beamer", "url": "https://www.getbeamer.com", "description": "Combination of push notifications and changelog management."}, {"name": "Changelogfy", "url": "https://changelogfy.com/", "description": "A product release notes tool."}, {"name": "Changefeed", "url": "https://changefeed.app/", "description": "Changelog as stand-alone page or embeddable widget."}, {"name": "Canny's Changelog", "url": "https://canny.io/features/changelog", "description": "Combines changelog with product roadmaps."}, {"name": "ProductFlare's Changelog", "url": "https://www.productflare.com/changelog", "description": "Changelog widget around a product team task management system."}, {"name": "Changes", "url": "https://changes.blue", "description": "Changelog building kit."}, {"name": "Vonage", "url": "https://www.vonage.com/", "description": "Voice, messaging, video and data capabilities across unified communications, contact centers and communications APIs."}, {"name": "AddThis", "url": "https://www.addthis.com/", "description": "Social sharing buttons, available on AMPs."}, {"name": "ShareThis", "url": "https://sharethis.com/", "description": "Social sharing buttons."}, {"name": "AddToAny", "url": "https://www.addtoany.com/", "description": "Sharing buttons for many different target services."}, {"name": "Algolia", "url": "https://www.algolia.com/", "description": "Search for your application."}, {"name": "Search UI", "url": "https://github.com/elastic/search-ui", "description": "UI integration for ElastiSearch.", "stars": "2k"}, {"name": "Optimizely's Rollouts", "url": "https://www.optimizely.com/rollouts", "description": "Feature flags combined with A/B testing."}, {"name": "LaunchDarkly", "url": "https://launchdarkly.com/", "description": "Feature management with multiple integrations in CI servers and ticketing systems."}, {"name": "Split", "url": "https://www.split.io/", "description": "Another feature management with multiple integrations in CI servers and ticketing systems."}, {"name": "Rollout", "url": "https://rollout.io/", "description": "Feature management focusing on segmented roll-out of features."}, {"name": "JustReview", "url": "https://justreview.co/", "description": "Collect reviews from e-commerce, social media and review service providers and embed on a website."}, {"name": "ReviewsOnMyWebsite", "url": "https://reviewsonmywebsite.com/", "description": "Collect, monitor and display customer reviews."}, {"name": "Web Components", "url": "https://github.com/mateusortiz/webcomponents-the-right-way", "description": "", "stars": "3.3k"}, {"name": "Microservices", "url": "https://github.com/mfornos/awesome-microservices", "description": "", "stars": "14k"}, {"name": "Micro Frontends", "url": "https://github.com/ChristianUlbrich/awesome-microfrontends", "description": "", "stars": "590"}], "notes": [], "source": "Building Blocks for Web Apps"}, {"name": "Webaudio", "entries": [{"name": "Packages", "url": "#packages", "description": ""}, {"name": "Resources", "url": "#resources", "description": ""}, {"name": "Obsolete", "url": "#obsolete", "description": ""}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Frameworks", "entries": [{"name": "Tone.js", "url": "https://github.com/Tonejs/Tone.js", "description": "A framework for making interactive music in the browser.", "stars": "15k"}, {"name": "Bap", "url": "https://github.com/adamrenklint/bap", "description": "A toolkit for making beats and composing sequences, inspired by the classic MPC60/2000.", "stars": "117"}, {"name": "Omnitone", "url": "https://github.com/GoogleChrome/omnitone", "description": "Ambisonic spatial audio on the web.", "stars": "902"}, {"name": "Mach1Spatial", "url": "https://github.com/Mach1Studios/m1-sdk", "description": "Vector based panning spatial audio on the web.", "stars": "66"}, {"name": "Elementary", "url": "https://www.elementary.audio/", "description": "Declarative, functional framework for writing audio software on the web or for native apps"}, {"name": "React Native Audio API", "url": "https://github.com/software-mansion-labs/react-native-audio-api", "description": "Web Audio API implementation for native apps based on react-native.", "stars": "719"}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Libraries", "entries": [{"name": "smoothfade", "url": "https://github.com/notthetup/smoothfade", "description": "A library for smoothly fading between two AudioNodes.", "stars": "39"}, {"name": "virtual-audio-graph", "url": "https://github.com/benji6/virtual-audio-graph", "description": "Library for declaratively manipulating the Web Audio API.", "stars": "364"}, {"name": "XSound.js", "url": "https://xsound.app/", "description": "Full stack library."}, {"name": "Sound.js", "url": "https://github.com/kittykatattack/sound.js", "description": "A micro-library to load, play and generate sound effects and music for games and interactive applications.", "stars": "318"}, {"name": "Meyda", "url": "https://github.com/meyda/meyda", "description": "Audio feature extraction library including a variety of widely used audio features.", "stars": "1.6k"}, {"name": "Wavesurfer.js", "url": "https://github.com/katspaugh/wavesurfer.js", "description": "Interactive navigable audio visualization using Web Audio and Canvas.", "stars": "10k"}, {"name": "Audiojs", "url": "https://github.com/audiojs/audio", "description": "An object that enables you to store, read, and write PCM audio data more easily.", "stars": "237"}, {"name": "Tuna", "url": "https://github.com/Theodeus/tuna", "description": "An audio effects library.", "stars": "1.8k"}, {"name": "Rythm.js", "url": "https://okazari.github.io/Rythm.js/", "description": "A javascript library that makes your page dance."}, {"name": "Howler.js", "url": "https://github.com/goldfire/howler.js", "description": "A comprehensive library with a fallback to HTML5 Audio.", "stars": "25k"}, {"name": "Circular Audio Wave", "url": "https://github.com/kelvinau/circular-audio-wave", "description": "A JS library for audio visualization in circular wave using Web Audio API and ECharts.", "stars": "279"}, {"name": "Wad", "url": "https://github.com/rserota/wad", "description": "Web Audio DAW. Use the Web Audio API for dynamic sound synthesis. It's like jQuery for your ears.", "stars": "2k"}, {"name": "p5.sound", "url": "https://p5js.org/reference/#/libraries/p5.sound", "description": "An extension that adds Web Audio functionality to the creative coding library [p5.js](https://p5js.org/)."}, {"name": "@magenta/music", "url": "https://github.com/magenta/magenta-js/tree/master/music", "description": "A JavaScript library to use machine learning models and generate music in the browser, by having some neat abstractions over the Webaudio API.", "stars": "2.1k"}, {"name": "soundfont-player", "url": "https://www.npmjs.com/package/soundfont-player", "description": "A soundfont loader/player to play MIDI sounds using WebAudio API."}, {"name": "html-midi-player", "url": "https://github.com/cifkao/html-midi-player", "description": "HTML elements for easy MIDI playback and visualization, without the need to write any custom JS code, but scriptable and stylable as needed.", "stars": "860"}, {"name": "MusicXML Player", "url": "https://github.com/infojunkie/musicxml-player", "description": "A TypeScript component that loads and plays MusicXML files in the browser using Web Audio and Web MIDI.", "stars": "72"}, {"name": "waveform-path", "url": "https://github.com/jerosoler/waveform-path", "description": "Library to generate waveforms paths in svg.", "stars": "129"}, {"name": "wave-audio-path-player", "url": "https://github.com/jerosoler/wave-audio-path-player", "description": "Simple audio player webcomponent customizable with waveform.", "stars": "65"}, {"name": "dsssp", "url": "https://github.com/NumberOneBot/dsssp", "description": "React component library for visualizing and managing audio filters with drag-n-drop and transitions support.", "stars": "44"}, {"name": "tuning-fork", "url": "https://github.com/v-rusu/tuning-fork", "description": "A configurable client-side JavaScript library for guitar tuning with real-time pitch detection.", "stars": "1"}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Utilities", "entries": [{"name": "Audion", "url": "https://github.com/google/audion", "description": "Chrome extension that adds a Web Audio panel to Developer Tools.", "stars": "388"}, {"name": "web-audio-generator", "url": "https://github.com/ISNIT0/webaudio-generator", "description": "A UI for generating Web Audio code.", "stars": "61"}, {"name": "Web Audio Studio", "url": "https://app.webaudio.studio", "description": "A real-time visualizer for Web Audio API graphs generated from code."}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 MIDI", "entries": [{"name": "midimessage", "url": "https://github.com/notthetup/midimessage", "description": "A simple MIDI Message parser.", "stars": "36"}, {"name": "JZZ", "url": "https://github.com/jazz-soft/JZZ", "description": "MIDI library for Node.js and all major browsers.", "stars": "582"}, {"name": "JZZ-midi-Gear", "url": "https://github.com/jazz-soft/JZZ-midi-Gear", "description": "Retrieve your MIDI device model and manufacturer.", "stars": "21"}, {"name": "WEBMIDI.js", "url": "https://webmidijs.org/", "description": "The Web MIDI API made easy."}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Apps", "entries": [{"name": "BassoonTracker", "url": "https://github.com/steffest/BassoonTracker", "description": "MOD/XM Tracker in Javascript.", "stars": "1.1k"}, {"name": "LoopDrop App", "url": "https://github.com/mmckegg/loop-drop-app", "description": "MIDI looper, modular synth and sampler app built using Web Audio and Web MIDI APIs.", "stars": "832"}, {"name": "X Sound", "url": "https://xsound.app/", "description": "Multi Sound Application that uses XSound.js."}, {"name": "Molgav", "url": "https://github.com/surikov/molgav", "description": "Musical Step Sequencer for melodies exchange.", "stars": "2"}, {"name": "mod-synth.io", "url": "https://github.com/andrevenancio/mod-synth.io", "description": "Create your own modular synthesizer, or emulate different synths.", "stars": "57"}, {"name": "GridSound", "url": "https://gridsound.github.io", "description": "A work-in-progress DAW (Digital Audio Workstation)."}, {"name": "Learning Music", "url": "https://learningmusic.ableton.com/", "description": "Learn the basics of music making."}, {"name": "Super Oscillator", "url": "https://github.com/lukehorvat/super-oscillator", "description": "An interactive, 3D music synthesizer for the Web.", "stars": "44"}, {"name": "AudioNodes", "url": "https://audionodes.com", "description": "Modular audio production suite with multi-track audio mixing, audio effects, parameter automation, MIDI editing, synthesis, cloud production, and more."}, {"name": "waveform-playlist", "url": "https://github.com/naomiaro/waveform-playlist", "description": "Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV! Project inspired by Audacity.", "stars": "1.6k"}, {"name": "SoundCycle", "url": "https://github.com/scriptify/soundcycle", "description": "A Web Audio based Loopstation for musicians with effects and different looping modes.", "stars": "41"}, {"name": "DSP.audio Worklet Editor", "url": "https://dsp.audio/editor/", "description": "Online Audio Worklet editor for sketching and collaboration, with sampler, MIDI and analyzers. Like a JSFiddle, but for DSP."}, {"name": "AudioMass", "url": "https://audiomass.co/", "description": "free, open source, web-based Audio and Waveform Editor."}, {"name": "Csound IDE", "url": "https://ide.csound.com/", "description": "web IDE for [CSound programming language](https://en.wikipedia.org/wiki/Csound)."}, {"name": "jamhub", "url": "https://github.com/fletcherist/jamhub", "description": "low-latency remote music collaboration & jam.", "stars": "37"}, {"name": "Web Audio Metronome", "url": "https://github.com/cwilso/metronome", "description": "metronome app that uses the Web Audio scheduler and setTimeout scheduler", "stars": "616"}, {"name": "EarSketch", "url": "https://earsketch.gatech.edu/landing/#/", "description": "free educational programming environment to teach Python and Javascript through music composing and remixing"}, {"name": "webaudio-tinysynth", "url": "https://github.com/g200kg/webaudio-tinysynth", "description": "a small synthesizer written in JavaScript with GM like timbre map.", "stars": "261"}, {"name": "web-audio-beat-detector", "url": "https://github.com/meerasndr/sample-golang-app", "description": "a beat detection utility which is using the Web Audio API", "stars": "0"}, {"name": "web-audio-mixer", "url": "https://github.com/jamesfiltness/web-audio-mixer", "description": "An audio mixer built using Web Audio.", "stars": "109"}, {"name": "Audio-motion interface", "url": "https://github.com/MaxAlyokhin/audio-motion-interface", "description": "A web synthesizer that generates sound using smartphone gestures in the space.", "stars": "52"}, {"name": "Topos", "url": "https://topos.raphaelforment.fr", "description": "A Web based live coding environment inspired by the Monome Teletype. Uses Web Audio and MIDI."}, {"name": "Online Sequencer", "url": "https://onlinesequencer.net", "description": "A simple and easy-to-use sequencer with plenty of functionality, based around the Web Audio API."}, {"name": "Binary Synth", "url": "https://github.com/MaxAlyokhin/binary-synth", "description": "A web-synthesizer that generates sound from the binary code of any files.", "stars": "123"}, {"name": "dsssp-demo", "url": "https://github.com/NumberOneBot/dsssp-demo", "description": "WebAudio music player with 7-bands EQ and filter presets.", "stars": "7"}, {"name": "SingMeter", "url": "https://www.singmeter.com/", "description": "A collection of browser-based singing tools including a pitch detector and vocal range test."}, {"name": "Drumhaus", "url": "https://drumha.us/", "description": "a browser-based drum machine with step sequencing, pattern variations, and groove editing."}, {"name": "All-in-One Advanced BPM Tool", "url": "https://tapbpmhub.com/", "description": "Instantly measure song speed by tapping or using the spacebar. Features MIDI input, optional sound clicks, and real-time BPM visualization. Essential for producers, DJs, rhythm gamers."}, {"name": "online decibel meter", "url": "https://realtimesoundmeter.org/", "description": "Free online sound meter to measure environmental noise levels in decibels (dB). Real-time sound level meter for detecting quiet, noisy, or harmful sound levels."}, {"name": "PracticeLoop", "url": "https://teal-semifreddo-cad4ad.netlify.app/", "description": "Free YouTube looper with progressive speed training, metronome, and chromatic tuner for music practice."}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Tutorials", "entries": [{"name": "WebAudio School", "url": "https://github.com/mmckegg/web-audio-school", "description": "A series of self-guided workshops to learn WebAudio.", "stars": "417"}, {"name": "Web Audio API Understandable Reference", "url": "https://web-audio-api.firebaseapp.com/", "description": "A reference that aims to be easy to understand for those who know some JavaScript and basic audio principles."}, {"name": "The Web Audio API: What Is It?", "url": "https://code.tutsplus.com/tutorials/the-web-audio-api-what-is-it--cms-23735", "description": "Intro to WebAudio."}, {"name": "Web Audio Basics", "url": "https://github.com/kylestetz/Web-Audio-Basics", "description": "A growing set of light code samples with CodePen links for each.", "stars": "120"}, {"name": "Web Audio Perf", "url": "https://padenot.github.io/web-audio-perf/", "description": "Performance of various AudioNodes and strategies for efficient resource usage (from WAC2016)."}, {"name": "Percussion Synthesis Using Web Audio", "url": "https://github.com/irritant/WAC-2016-Tutorial", "description": "This tutorial will introduce the basics of web audio programming by writing code to synthesize simple percussion sounds (from WAC2016).", "stars": "37"}, {"name": "Browser Noise: Web Audio Tutorials", "url": "https://www.youtube.com/playlist?list=PLLgJJsrdwhPywJe2TmMzYNKHdIZ3PASbr", "description": "Playlist of video tutorials by Dan Tramte, hosted on the Audio Programmer YouTube channel."}, {"name": "audio-katas", "url": "https://github.com/survivejs/audio-katas", "description": "A collection of self-guided katas during which you will build a DAW of your own while getting exposed to the key Web Audio APIs.", "stars": "62"}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Books", "entries": [{"name": "JavaScript for Sound Artists", "url": "https://www.routledge.com/JavaScript-for-Sound-Artists-Learn-to-Code-with-the-Web-Audio-API/Turner-Leonard/p/book/9781138961531", "description": "A bottom up JavaScript / DOM course using Web Audio for all the examples."}, {"name": "Web Audio API", "url": "https://webaudioapi.com/book/", "description": "Intended to be a springboard for web developers with little to no digital audio expertise. Geared towards game audio and interactive apps."}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Newsletters", "entries": [{"name": "Web Audio Weekly Newsletter", "url": "https://www.webaudioweekly.com", "description": "A weekly review of what's happening in Web Audio."}], "notes": [], "source": "Webaudio"}, {"name": "Webaudio \u2014 Community", "entries": [{"name": "Slack", "url": "https://web-audio-slackin.herokuapp.com/", "description": "A Slack for discussing Web Audio."}, {"name": "Web Audio Conference", "url": "https://webaudioconf.com/", "description": "International conference dedicated to web audio technologies and applications."}, {"name": "Gibberish", "url": "https://github.com/gibber-cc/gibberish", "description": "A JavaScript DSP library that creates JIT optimized audio callbacks using code generation techniques.", "stars": "398"}, {"name": "lissajous", "url": "https://github.com/kylestetz/lissajous", "description": "A tool for programmatic audio performance.", "stars": "406"}, {"name": "SSSynthesiser.js", "url": "https://github.com/surikov/SSSynthesiser.js", "description": "A wavetable synthesizer for interactive music and sound effects.", "stars": "50"}, {"name": "WAAX", "url": "https://github.com/hoch/WAAX/", "description": "Build Music Apps for browsers.", "stars": "300"}, {"name": "Band.js", "url": "https://github.com/meenie/band.js/", "description": "", "stars": "1.2k"}, {"name": "reverbGen", "url": "https://github.com/adelespinasse/reverbGen", "description": "A JavaScript library for generating artificial reverb impulse responses.", "stars": "57"}, {"name": "TuneJS", "url": "https://github.com/abbernie/tune", "description": "A tuning library of microtonal and just intonation scales. Supports over 3,000 historical tunings.", "stars": "180"}, {"name": "Beet.js", "url": "https://github.com/zya/beet.js", "description": "A sequencer library for creating euclidean rhythms and polyrhythms.", "stars": "115"}, {"name": "AudioKeys", "url": "https://github.com/kylestetz/AudioKeys", "description": "A QWERTY keyboard for web audio projects.", "stars": "243"}, {"name": "web-audio-test-api", "url": "https://github.com/mohayonao/web-audio-test-api", "description": "A Web Audio test library for CI.", "stars": "68"}, {"name": "javascript-karplus-strong", "url": "https://github.com/mrahtz/javascript-karplus-strong", "description": "JavaScript/Web Audio implementation of Karplus-Strong guitar synthesis.", "stars": "300"}, {"name": "osc-msg", "url": "https://github.com/mohayonao/osc-msg", "description": "OSC message decoder/encoder with fault tolerance.", "stars": "17"}, {"name": "Pizzicato", "url": "https://github.com/alemangui/pizzicato", "description": "A library that aims to simplify the creation and manipulation sounds in the browser.", "stars": "1.7k"}, {"name": "Mooog", "url": "https://github.com/mattlima/mooog", "description": "Tools that simplify working with AudioNodes, inspired by jQuery and mixing tables.", "stars": "29"}, {"name": "envelope-generator", "url": "https://github.com/itsjoesullivan/envelope-generator", "description": "Simple ADSR envelope generator for web audio.", "stars": "34"}, {"name": "audio contour", "url": "https://github.com/danigb/audio-contour", "description": "A 5 stage audio envelope generator.", "stars": "20"}, {"name": "web-audio-recorder-js", "url": "https://github.com/higuma/web-audio-recorder-js", "description": "A library that records audio input (Web Audio API AudioNode object) and encodes to audio file image (Blob object).", "stars": "791"}, {"name": "audiolet", "url": "https://github.com/oampo/Audiolet", "description": "A JavaScript library for real-time audio synthesis and composition from within the browser.", "stars": "896"}, {"name": "playnote", "url": "https://github.com/createbits/playnote", "description": "Play your favorite instrument in the browser, with complex note intervals and scales.", "stars": "2"}, {"name": "Recorderjs", "url": "https://github.com/mattdiamond/Recorderjs", "description": "A plugin for recording/exporting the output of Web Audio API nodes.", "stars": "4.2k"}, {"name": "resampler", "url": "https://github.com/notthetup/resampler", "description": "A utility for resampling audio.", "stars": "39"}, {"name": "bpm-detective", "url": "https://github.com/tornqvist/bpm-detective", "description": "Detects the BPM of a song or audio sample.", "stars": "144"}, {"name": "web-audio-utils", "url": "https://github.com/mohayonao/web-audio-utils", "description": "Commonly needed utility functions for Web Audio API.", "stars": "10"}, {"name": "web-audio-oscillators", "url": "https://github.com/lukehorvat/web-audio-oscillators", "description": "A collection of Web Audio custom oscillators.", "stars": "69"}, {"name": "midi-ports", "url": "https://github.com/AndrejHronco/midi-ports", "description": "handy library to make it easier to work with attached MIDI devices.", "stars": "15"}, {"name": "Midi Logger", "url": "http://outputchannel.com/midi-logger/", "description": "This Midi Logger will print all midi input to your browser for debugging."}, {"name": "Code Player", "url": "https://github.com/jcppman/code-player", "description": "An experimental app that makes your codes sing for you.", "stars": "21"}, {"name": "Web Audio Modules", "url": "https://www.webaudiomodules.org/", "description": "synthesizers and audio effects processors for web browsers (both API and implementations)."}], "notes": [], "source": "Webaudio"}, {"name": "Design Systems", "entries": [{"name": "Design systems", "url": "#design-systems", "description": ""}, {"name": "UI Design tools", "url": "#ui-design-tools", "description": ""}, {"name": "Design tokens", "url": "#design-tokens", "description": ""}, {"name": "Pattern library", "url": "#pattern-library", "description": ""}, {"name": "Testing", "url": "#testing", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Talks", "url": "#talks", "description": ""}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Design systems of some \"known\" companies", "entries": [{"name": "Atlassian Design Guidelines", "url": "https://atlassian.design/", "description": "End-to-end design language to create straightforward and beautiful experiences."}, {"name": "Firefox Photon Design System", "url": "https://design.firefox.com/photon", "description": "Launch recognizable, enjoyable Firefox products and features faster."}, {"name": "GitHub Primer", "url": "https://primer.style/", "description": "Open-source it to allow the community to design and build their own projects."}, {"name": "GitLab Design System - Pajamas", "url": "https://design.gitlab.com/", "description": "Resources, components, and design guidelines behind GitLab."}, {"name": "Google Material Design", "url": "https://material.io/design", "description": "Create intuitive and beautiful products with Material Design."}, {"name": "IBM Carbon", "url": "https://www.carbondesignsystem.com/", "description": "Carbon is IBM's open-source design system for products and experiences."}, {"name": "Shopify Polaris", "url": "https://polaris.shopify.com/", "description": "Our design system helps us work together to build a great experience for all of Shopify's merchants."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Design systems articles", "entries": [{"name": "A design system governance process", "url": "https://bradfrost.com/blog/post/a-design-system-governance-process/", "description": ""}, {"name": "A guide to collaborating on design systems", "url": "https://www.invisionapp.com/inside-design/collaborating-on-design-systems/", "description": ""}, {"name": "Building a Design System? Start with a map", "url": "https://blog.prototypr.io/building-a-design-system-start-with-map-909aa4baf41f", "description": ""}, {"name": "Building your design system", "url": "https://www.designbetter.co/design-systems-handbook/building-design-system", "description": ""}, {"name": "Design Systems are for People", "url": "https://publication.design.systems/design-systems-are-for-people-a484620b6988", "description": ""}, {"name": "Design Systems vs. Pattern Libraries vs. Style Guides \u2013 What's the Difference?", "url": "https://www.uxpin.com/studio/blog/design-systems-vs-pattern-libraries-vs-style-guides-whats-difference/", "description": ""}, {"name": "How Spotify organises work in Figma to improve collaboration", "url": "https://spotify.design/articles/2020-04-20/how-spotify-works-in-figma/", "description": ""}, {"name": "How to Build Design Systems", "url": "https://medium.muz.li/how-to-build-design-systems-3431560f51fb", "description": ""}, {"name": "What is a Design System \u2013 Everything You Need to Know", "url": "https://uxmisfit.com/2019/03/26/what-is-a-design-system-everything-you-need-to-know/", "description": ""}, {"name": "Your sketch library is not a design system", "url": "https://bradfrost.com/blog/post/your-sketch-library-is-not-a-design-system/", "description": ""}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 More resources", "entries": [{"name": "Design system checklist", "url": "https://designsystemchecklist.com/", "description": "Build better design systems. An open-source checklist to help you plan, build and grow your design system."}, {"name": "Design Systems Survey", "url": "https://designsystemssurvey.seesparkbox.com/", "description": "Designers and developers from more than 20 industries tell us about their design systems and their uses."}, {"name": "Design.system", "url": "https://design.systems/", "description": "Resources for the design systems community."}, {"name": "Super friendly", "url": "https://superfriendlydesign.systems/", "description": "We help in-house teams make better digital products with design systems."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Design tools", "entries": [{"name": "Figma", "url": "https://www.figma.com/", "description": "Helps teams create, test, and ship better designs from start to finish (cross-platform)."}, {"name": "InVision", "url": "https://www.invisionapp.com/", "description": "The digital product design platform powering the world's best user experiences."}, {"name": "Sketch", "url": "https://www.sketch.com/", "description": "A design toolkit built to help you create your best work from your earliest ideas, through to final artwork (for macOS)."}, {"name": "AdobeXD", "url": "https://www.adobe.com/products/xd.html", "description": "Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more \u2014 it\u2019s all right here, all in one UI/UX design tool."}, {"name": "Marvel", "url": "https://marvelapp.com/", "description": "Marvel has everything you need to bring ideas to life and transform how you create digital products with your team. Placing the power of design in everyone\u2019s hands."}, {"name": "UXPin", "url": "https://www.uxpin.com/", "description": "Design and manage your entire UX/UI project in one tool."}, {"name": "Penpot", "url": "https://penpot.app", "description": "Penpot is the first Open Source design and prototyping platform meant for cross-domain teams."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Integrations", "entries": [{"name": "Abstract", "url": "https://www.abstract.com/", "description": "Design collaboration without the chaos (for Sketch and XD on macOS)."}, {"name": "Avocode", "url": "https://avocode.com/", "description": "Helps you share design files, discuss changes, and code websites, mobile apps, & newsletters faster."}, {"name": "InVision Design System Manager", "url": "https://www.invisionapp.com/design-system-manager", "description": "Powers creative and consistent design at scale with a central place to manage design and coded components."}, {"name": "Zeplin", "url": "https://zeplin.io/", "description": "The better way to share, organize and collaborate on designs\u2014built with developers in mind."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Accessibility (a11y)", "entries": [{"name": "Accessibility for developers", "url": "https://www.invisionapp.com/inside-design/accessibility-for-developers/", "description": "5 simple ways developers can help improve and enforce website accessibility."}, {"name": "Stark", "url": "https://www.getstark.co/", "description": "Empowers you to design with accessibility in mind from conception of brand to fruition of product. Contrast checker, colorblind simulation and color suggestions."}, {"name": "The A11Y Project", "url": "https://a11yproject.com/", "description": "A community-driven effort to make web accessibility easier. See [resources](https://a11yproject.com/resources/) section."}, {"name": "InclusiveColors palette creator", "url": "https://www.inclusivecolors.com/", "description": "Creates accessible custom Tailwind-style color palettes that pass WCAG contrast checks and can be exported to CSS/Figma/Adobe."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Design tools articles", "entries": [{"name": "Adobe XD vs Sketch vs Figma vs InVision - How to Pick the Best Design Software in 2020", "url": "https://www.freecodecamp.org/news/adobe-xd-vs-sketch-vs-figma-vs-invision/", "description": ""}, {"name": "Design Tokens W3C Community Group", "url": "https://www.w3.org/community/design-tokens/", "description": "View repository on GitHub [here (\u2b501.6k)](https://github.com/design-tokens/community-group)!"}, {"name": "DesignTokens.dev", "url": "https://www.designtokens.dev/", "description": "Ship your design tokens without managing infrastructure."}, {"name": "Diez", "url": "https://diez.org/", "description": "Free & open-source developer toolkit for expressing visual styles that can be shared across codebases, native platforms, and teams."}, {"name": "Design Tokens Validator", "url": "https://animaapp.github.io/design-token-validator-site/", "description": "Validate your design tokens against the Design Token Community Group spec."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Plugins", "entries": [{"name": "Abstract Connect", "url": "https://github.com/MichaelZaporozhets/abstractconnect", "description": "A Design tokens extractor for devs using Abstract & JavaScript.", "stars": "7"}, {"name": "Zeplin JSON export tokens", "url": "https://extensions.zeplin.io/berk/zeplin-json-extension", "description": "Design tokens Zeplin extension to generate your tokens in JSON format."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Tools", "entries": [{"name": "Figmagic", "url": "https://github.com/mikaelvesavuori/figmagic", "description": "Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.", "stars": "819"}, {"name": "Style Dictionary", "url": "https://github.com/amzn/style-dictionary", "description": "A Style Dictionary uses design tokens to define styles once and use those styles on any platform or language.", "stars": "4k"}, {"name": "Superposition", "url": "https://superposition.design/", "description": "Extract design tokens from websites and use them in code and in your design tool. Use the design system you already have."}, {"name": "Theo", "url": "https://github.com/salesforce-ux/theo", "description": "Theo is an abstraction for transforming and formatting Design Tokens.", "stars": "2k"}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Articles", "entries": [{"name": "A designer's guide to the Figma API", "url": "https://medium.com/@danhollick/a-designers-guide-to-the-figma-api-64f2785969d8", "description": ""}, {"name": "Building a Visual Studio Code Theme with Style Dictionary", "url": "https://dbanks.design/blog/vs-code-theme-with-style-dictionary/", "description": ""}, {"name": "Design tokens with Figma", "url": "https://blog.prototypr.io/design-tokens-with-figma-aef25c42430f", "description": ""}, {"name": "Documenting Design Tokens", "url": "https://dbanks.design/blog/documenting-design-tokens/", "description": ""}, {"name": "How to manage your Design Tokens with Style Dictionary", "url": "https://medium.com/@didoo/how-to-manage-your-design-tokens-with-style-dictionary-98c795b938aa", "description": ""}, {"name": "Manage design tokens with TypeScript and styled-components", "url": "https://www.erikverweij.dev/blog/manage-design-tokens-with-typescript-and-styled-components/", "description": ""}, {"name": "Theo Design Tokens Using Node-Sass Importer For Any Build Method", "url": "https://basalt.io/blog/theo-design-tokens-using-node-sass-importer-for-any-build-method", "description": ""}, {"name": "Tokenize it", "url": "https://blog.prototypr.io/tokenize-it-2a544ef1413b", "description": ""}, {"name": "Tokens in Design Systems", "url": "https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421", "description": ""}, {"name": "Backlight", "url": "https://backlight.dev/", "description": "With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design Systems."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Styleguides and documentation", "entries": [{"name": "Stencil", "url": "https://stenciljs.com/", "description": "Toolchain for building reusable, scalable Design Systems."}, {"name": "Zeroheight", "url": "https://zeroheight.com/", "description": "Create beautiful living styleguides and document all your design system resources in one place. *[Learn about this](https://medium.com/zeroheight/zeroheight-3-0-b6643c347596)*."}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Develop isolated components", "entries": [{"name": "Backlight", "url": "https://backlight.dev/", "description": "Collaborative platform to build Design Systems on the code side. Empower your front-end with an all-in-one solution to manage components. Quick start, speed-up collaboration."}, {"name": "Pattern Lab", "url": "https://patternlab.io/", "description": "Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles."}, {"name": "React Styleguidist", "url": "https://react-styleguidist.js.org/", "description": "Isolated React component development environment with a living style guide."}, {"name": "Storybook", "url": "https://storybook.js.org/", "description": "Build bulletproof UI components faster. Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient."}, {"name": "Styled System", "url": "https://styled-system.com/", "description": "Styled System is a collection of utility functions that add style props to your React components and allows you to control styles based on a global theme object."}, {"name": "Accessibility", "url": "https://github.com/storybookjs/storybook/tree/master/addons/a11y", "description": "Test component compliance with web accessibility standards.", "stars": "85k"}, {"name": "Actions", "url": "https://github.com/storybookjs/storybook/tree/master/addons/actions", "description": "Get UI feedback when an action is performed on an interactive element.", "stars": "85k"}, {"name": "Backgrounds", "url": "https://github.com/storybookjs/storybook/tree/master/addons/backgrounds", "description": "Switch backgrounds to view components in different settings.", "stars": "85k"}, {"name": "Console", "url": "https://github.com/storybookjs/storybook-addon-console", "description": "Show console output like logs, errors, and warnings in the Storybook.", "stars": "200"}, {"name": "Docs", "url": "https://github.com/storybookjs/storybook/tree/master/addons/docs", "description": "Document component usage and properties in Markdown.", "stars": "85k"}, {"name": "Knobs", "url": "https://github.com/storybookjs/storybook/tree/master/addons/knobs", "description": "Interact with component inputs dynamically in the Storybook UI.", "stars": "85k"}, {"name": "Links", "url": "https://github.com/storybookjs/storybook/tree/master/addons/links", "description": "Link stories together to build demos and prototypes with your UI components.", "stars": "85k"}, {"name": "Source", "url": "https://github.com/storybookjs/storybook/tree/master/addons/storysource", "description": "View a story's source code to see how it works and paste into your app.", "stars": "85k"}, {"name": "Storyshots", "url": "https://github.com/storybookjs/storybook/tree/master/addons/storyshots", "description": "Take a code snapshot of every story automatically with Jest.", "stars": "85k"}, {"name": "Viewport", "url": "https://github.com/storybookjs/storybook/tree/master/addons/viewport", "description": "Build responsive components by adjusting Storybook's viewport size and orientation.", "stars": "85k"}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Pattern libraries articles", "entries": [{"name": "Dependency discovery in Storybook", "url": "https://medium.com/storybookjs/discover-dependencies-in-storybook-49264d361e21", "description": ""}, {"name": "Design systems workflow in Storybook", "url": "https://blog.hichroma.com/design-systems-in-storybook-2b2be06e394b", "description": ""}, {"name": "How design systems use Storybook", "url": "https://medium.com/storybookjs/how-design-systems-use-storybook-2ed735ad07a9", "description": ""}, {"name": "How packaging makes it dead simple to share UI components", "url": "https://blog.hichroma.com/how-packaging-makes-it-dead-simple-to-share-ui-components-29912593539d", "description": ""}, {"name": "Storybook design system", "url": "https://github.com/storybookjs/design-system", "description": "", "stars": "1.9k"}, {"name": "Storybook Docs sneak peek", "url": "https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a", "description": ""}], "notes": [], "source": "Design Systems"}, {"name": "Design Systems \u2014 Unit & Regression test", "entries": [{"name": "Chromatic", "url": "https://www.chromaticqa.com/", "description": "Visual testing for React, Angular and Vue. Chromatic ensures consistency in UI components, down to the pixel. Every commit is automatically tested for visual changes in the cloud."}, {"name": "Testing library", "url": "https://testing-library.com/", "description": "Simple and complete testing utilities that encourage good testing practices."}, {"name": "Acing the System Design Interview", "url": "https://www.manning.com/books/acing-the-system-design-interview", "description": "Book that gives the insights, skills, and practice needed to ace the toughest system design interview questions by Zhiyong Tan."}, {"name": "Atomic Design", "url": "https://atomicdesign.bradfrost.com/", "description": "Atomic design methodology for creating design systems by Brad Frost."}, {"name": "Building Design Systems", "url": "https://www.apress.com/gp/book/9781484245132", "description": "Unify user experiences through a shared design language by Sarrah Vesselov and Taurie Davis."}, {"name": "Design systems", "url": "https://www.smashingmagazine.com/design-systems-book/", "description": "A practical guide to creating design languages for digital products by Alla Kholmatova (Smashing Magazine)."}, {"name": "Front-End Style Guides", "url": "https://www.maban.co.uk/projects/front-end-style-guides/", "description": "Creating and maintaining style guides for websites by Anna Debenham."}, {"name": "Frontend Architecture for Design Systems", "url": "http://shop.oreilly.com/product/0636920040156.do", "description": "A modern blueprint for scalable and sustainable websites by Micah Godbolt."}, {"name": "Introduction to Design Systems", "url": "https://fem-design-systems.netlify.app/", "description": "A practical introduction to design systems by using React, Figma and Storybook by Emma Bostian"}, {"name": "Modular Web Design", "url": "https://www.amazon.com/Modular-Web-Design-Components-Documentation/dp/0321601351/", "description": "Creating Reusable Components for user experience design and documentation by Nathan Curtis."}, {"name": "Building Accessible Interfaces: Patterns And Techniques", "url": "https://vimeo.com/331530115", "description": "Will be building and refactoring common UI components, and share a couple of techniques she often uses to build with accessibility in mind by Sara Soueidan."}, {"name": "Design Processes & Systems in Craft", "url": "https://dotall.com/sessions/design-processes-systems-in-craft", "description": "Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there? In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded by Courtney Bradford."}, {"name": "Design Systems - The State of the Web", "url": "https://www.youtube.com/watch?v=jpmeWXISU5E", "description": "Conversation about the role of design systems in modern web development and how they can change the dynamics between designer and developer by Adam Argyle (Design Advocate at Google)."}, {"name": "Design Systems", "url": "https://youtu.be/K8MF3aDg-bM?t=4750", "description": "Women of React conf by [Neha Sharma](https://twitter.com/hellonehha)."}, {"name": "How To Build a Design System | UXPin", "url": "https://www.youtube.com/watch?v=h0MqkRJdaao", "description": "Will teach you how to build a UX Design System using the UX Pin prototyping & design platform."}, {"name": "Introducing Design Systems Into Chaos", "url": "https://youtu.be/FZSi1bK-BRM", "description": "Shares practical examples on where to begin to set up a design system, what to prioritize, and how to make a big impact to customers and colleagues, to help you introduce systems that bring order to chaos by Diana Mounter (Design Systems Lead at GitHub)."}, {"name": "Jina Anne - Designing a Design System", "url": "https://youtu.be/7hYOLLO2gc4", "description": "Will share strategies for how to approach, design and build an effective design system; how to successfully maintain the system to ensure ongoing usefulness by Jina (Lead Designer on the Design Systems team at Salesforce UX)."}, {"name": "Level up your Design System with styled-system", "url": "https://youtu.be/K8MF3aDg-bM?t=7280", "description": "Women of React conf by [Taley'a Mirza](https://twitter.com/TaleyaMirza)."}, {"name": "Maintaining Design Systems", "url": "https://aneventapart.com/news/post/maintaining-design-systems-by-brad-frost-aea-video", "description": "Helps you learn how to keep your system and the products it serves in sync and understand how to maintain and evolve your design system to give your users get the best possible experience by Brad Frost (Front-end designer)."}], "notes": [], "source": "Design Systems"}, {"name": "Mobile Web Development", "entries": [{"name": "Articles and Documentation", "url": "#articles-and-documentation", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Specifications from W3C for Enhancing Mobile Web Experience", "url": "#specifications-from-w3c-for-enhancing-mobile-web-experience", "description": ""}, {"name": "Talks", "url": "#talks", "description": ""}, {"name": "Performance Auditing Tools", "url": "#performance-auditing-tools", "description": ""}, {"name": "Platform Monitoring", "url": "#platform-monitoring", "description": ""}, {"name": "Other Useful Tools and Libraries", "url": "#other-useful-tools-and-libraries", "description": ""}, {"name": "300ms Tap Delay, Gone Away", "url": "https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away", "description": "How to prevent 300 ms delay on tap."}, {"name": "60 FPS on Mobile Web", "url": "http://engineering.flipboard.com/2015/02/mobile-web", "description": "How to make a really fast mobile website (by Flipboard)."}, {"name": "Adaptive loading: improving web performance on slow devices", "url": "https://web.dev/adaptive-loading-cds-2019/", "description": "How to optimize site for specific hardware and network constraints."}, {"name": "Animating the Mobile Web", "url": "https://engineeringblog.yelp.com/2015/01/animating-the-mobile-web.html", "description": "A case study on achieving fast animations on mobile web (by Yelp)."}, {"name": "Autofill: What web devs should know, but don\u2019t", "url": "https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/", "description": "Everything you need to know about forms autofill."}, {"name": "Back/forward cache", "url": "https://web.dev/bfcache/", "description": "How to optimize site for navigation through the history."}, {"name": "Benchmarking the global 5G experience", "url": "https://www.opensignal.com/2021/02/03/benchmarking-the-global-5g-experience", "description": "A case study on prolifiration of 5G networks."}, {"name": "Cache-Control for Civilians", "url": "https://csswizardry.com/2019/03/cache-control-for-civilians/", "description": "How to setup Cache-Control to achieve the best reponse time."}, {"name": "CSS fix for 100vh in mobile WebKit", "url": "https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/", "description": "How to fix issue with 100vh in mobile WebKit."}, {"name": "Current Web on Galaxy Fold", "url": "https://medium.com/samsung-internet-dev/current-web-on-galaxy-fold-ad12d7f57c26", "description": "An advices on web development for Galaxy Fold."}, {"name": "Designing a Dark Theme for OLED iPhones", "url": "https://medium.com/lookup-design/designing-a-dark-theme-for-oled-iphones-e13cdfea7ffe", "description": "On issues with dark themes on OLED displays and what to do with them."}, {"name": "Designing Websites for iPhone X", "url": "https://webkit.org/blog/7929/designing-websites-for-iphone-x/", "description": "How to deal with \"the notch\" on iPhone X."}, {"name": "Developing Mobile Web Applications: When, Why, and How", "url": "https://www.toptal.com/android/developing-mobile-web-apps-when-why-and-how", "description": "The good high-level overview of mobile web development."}, {"name": "Enhance SMS-delivered code security with domain-bound codes", "url": "https://developer.apple.com/news/?id=z0i801mg", "description": "On additional security measures for 2FA."}, {"name": "Everyone has JavaScript, right?", "url": "https://kryogenix.org/code/browser/everyonehasjs.html", "description": "A diagram that shows in which cases JavaScript can be unavailable."}, {"name": "Faster Web App Delivery with PRPL", "url": "https://addyosmani.com/blog/the-prpl-pattern/", "description": "On pattern for performant web applications."}, {"name": "Get Started with Remote Debugging Android Devices", "url": "https://developers.google.com/web/tools/chrome-devtools/remote-debugging/", "description": "Debug your web app on Adroid with Chrome DevTools."}, {"name": "Guidelines For Mobile Web Development", "url": "https://www.smashingmagazine.com/guidelines-for-mobile-web-development/", "description": "The compilation of good articles about mobile web development."}, {"name": "Hiding Videos on the Mobile Web", "url": "https://dougsillars.com/2020/01/06/hiding-videos-on-the-mbile-web/", "description": "How to hide videos without an impact on mobile traffic."}, {"name": "How To Poison The Mobile User", "url": "https://www.smashingmagazine.com/2016/10/how-to-poison-the-mobile-user/", "description": "An overview of negative practices on mobile sites."}, {"name": "How Web Content Can Affect Power Usage", "url": "https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/", "description": "What you can do with web app to achieve better battery life."}, {"name": "HTML attributes to improve your users' two factor authentication experience", "url": "https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete", "description": "On autocomplete attribute regarding 2fa."}, {"name": "Interaction Media Features and Their Potential (for Incorrect Assumptions", "url": "https://css-tricks.com/interaction-media-features-and-their-potential-for-incorrect-assumptions/", "description": "On detection of various input devices."}, {"name": "Learn AMP by Example", "url": "https://ampbyexample.com", "description": "A hands-on introduction to Accelerated Mobile Pages focusing on code and live samples."}, {"name": "Loading web pages fast on a $20 feature phone", "url": "https://dev.to/addyosmani/loading-web-pages-fast-on-a-20-feature-phone-8h6", "description": "Best practices for building web pages for feature phones."}, {"name": "Measuring Network Performance in Mobile Safari", "url": "https://csswizardry.com/2021/02/measuring-network-performance-in-mobile-safari/", "description": "An advices on using Mobile Safari for measuring network performance."}, {"name": "Microbrowsers are Everywhere", "url": "https://24ways.org/2019/microbrowsers-are-everywhere/", "description": "On optimizing sites for messengers."}, {"name": "Mobile Performance Inequality Gap", "url": "https://infrequently.org/2021/03/the-performance-inequality-gap/", "description": "Why you need to care of performance on cheap smartphones."}, {"name": "Mobile Search UX 8 Obstacles", "url": "https://blog.algolia.com/mobile-search-ux-8-obstacles/", "description": "Series of articles about mobile search UX."}, {"name": "Mobile Web Best Practices", "url": "https://www.w3.org/TR/mobile-bp/", "description": "A little bit out of date but still useful list of best practices for mobile websites from W3C."}, {"name": "Mobile Web Application Best Practices", "url": "https://www.w3.org/TR/mwabp/", "description": "The list of best practices for mobile web applications from W3C."}, {"name": "Mobile Web Development", "url": "https://developer.mozilla.org/en-US/docs/Web/Guide/Mobile", "description": "Guideline (must read) from Mozilla about designing mobile websites."}, {"name": "Mobile Web Performance Checklist", "url": "https://www.oreilly.com/ideas/mobile-web-performance-checklist", "description": "Best practices for optimizing mobile web apps."}, {"name": "Observing Intersection Observers", "url": "https://davidwalsh.name/intersection-observers", "description": "An introduction to intersection observers."}, {"name": "Offline First (Awesome List)", "url": "https://github.com/pazguille/offline-first", "description": "The awesome list of offline-first stuff (Progressive Web Apps, Service Workers etc.)", "stars": "2.9k"}, {"name": "Prevent Mobile Browser From Sleeping", "url": "https://davidwalsh.name/wake-lock-shim", "description": "How to prevent your phone from sleeping."}, {"name": "Responsive Web Design \u2013 What It Is And How To Use It", "url": "https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/", "description": "Overview of technics of responsive design."}, {"name": "Rules for Mobile Performance Optimization", "url": "https://queue.acm.org/detail.cfm?id=2510122", "description": "An overview of techniques to speed page loading."}, {"name": "Self-Host Your Static Assets", "url": "https://csswizardry.com/2019/05/self-host-your-static-assets/", "description": "Reason why you need to self-host your static assets."}, {"name": "The Impact of Web Performance", "url": "https://simplified.dev/performance/impact-of-web-performance", "description": "On performance as a key factor for the business."}, {"name": "The joy and challenge of developing for KaiOS", "url": "https://nolanlawson.com/2019/09/22/the-joy-and-challenge-of-developing-for-kaios/", "description": "How to start developing for KaiOS."}, {"name": "Timing Out", "url": "https://adactio.com/journal/15122", "description": "A service worker strategy for dealing with lie-fi (a bad network connection)."}, {"name": "Tips for making interactive elements accessible on mobile devices", "url": "https://bitsofco.de/tips-for-making-interactive-elements-accessible-on-mobile-devices/", "description": "List of advices on creating accessible mobile UI."}, {"name": "Touch Devices Should Not Be Judged By Their Size", "url": "https://css-tricks.com/touch-devices-not-judged-size/", "description": "Overview of interaction media features."}, {"name": "Web Content Accessibility Guidelines (WCAG)", "url": "https://www.w3.org/TR/WCAG21/", "description": "Wide range of recommendations for making Web content more accessible."}, {"name": "Web Fundamentals", "url": "https://developers.google.com/web/fundamentals/", "description": "Guideline from Google about creating good mobile web experiences."}, {"name": "What Does A Foldable Web Actually Mean?", "url": "https://www.smashingmagazine.com/2020/02/foldable-web-meaning/", "description": "Musings on the impact of foldable phones on web."}, {"name": "Who Killed My Battery", "url": "https://mobisocial.stanford.edu/papers/boneh-www2012.pdf", "description": "An interesting paper about websites' power consumption."}, {"name": "Brain Food Mobile Performance", "url": "http://www.awwwards.org/brainfood-mobile-performance-vol3.pdf", "description": "Free small ebook on mobile performance from Awwwards."}, {"name": "Going Offline", "url": "https://abookapart.com/products/going-offline", "description": "Guide on building offline experience with service workers."}, {"name": "High-Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps", "url": "https://www.amazon.com/High-Performance-Mobile-Web-Optimizing/dp/1491912553", "description": "Book about the performance of the web on mobile devices."}, {"name": "Mobile Design Pattern Gallery: UI Patterns for Smartphone Apps", "url": "https://www.amazon.com/Mobile-Design-Pattern-Gallery-Smartphone/dp/1449363636", "description": "UI patterns which can be useful for mobile web apps."}, {"name": "Mobile First", "url": "http://mobile-first.abookapart.com/", "description": "How to design sites for mobile devices (free online version)."}, {"name": "Responsive Web Design", "url": "https://abookapart.com/products/responsive-web-design", "description": "Book about responsive web design."}, {"name": "Battery API", "url": "https://www.w3.org/TR/battery-status/", "description": "On access to information about the battery."}, {"name": "Connection API", "url": "http://wicg.github.io/netinfo/", "description": "On access to information about connection."}, {"name": "Generic Sensor API", "url": "https://www.w3.org/TR/generic-sensor/", "description": "The spec for exposing sensor data."}, {"name": "Geolocation API", "url": "https://www.w3.org/TR/geolocation-API/", "description": "On access to geolocation."}, {"name": "HTML Media Capture", "url": "https://www.w3.org/TR/html-media-capture/", "description": "On user access to camera or microphone."}, {"name": "Payment Request API", "url": "https://www.w3.org/TR/payment-request/", "description": "On payment method with minimal integration."}, {"name": "Presentation API", "url": "https://www.w3.org/TR/presentation-api/", "description": "On access to presentation displays."}, {"name": "Remote Playback API", "url": "https://www.w3.org/TR/remote-playback/", "description": "On controlling remote playback of media from a web page."}, {"name": "Vibration API", "url": "https://www.w3.org/TR/vibration/", "description": "On access to the vibration mechanism of the hosting device."}, {"name": "Visual Viewport API", "url": "https://wicg.github.io/visual-viewport/", "description": "On access to a visual portion of a screen excluding on-screen keyboards, areas outside of a pinch-zoom area etc.."}, {"name": "Wake Lock Api", "url": "https://www.w3.org/TR/wake-lock/", "description": "On access to wake lock request (prevents some aspect of a device from entering the power-saving state)."}, {"name": "Web Bluetooth", "url": "https://webbluetoothcg.github.io/web-bluetooth/", "description": "On an API to discover and communicate with devices over the Bluetooth 4."}, {"name": "Web NFC API", "url": "https://w3c.github.io/web-nfc/", "description": "On access to Near Field Communication capabilities of the device."}, {"name": "Web Notifications", "url": "https://www.w3.org/TR/notifications/", "description": "On an API for end-user notifications."}, {"name": "Adaptive Loading - Improving web performance on slow devices", "url": "https://www.youtube.com/watch?v=puUPpVrIRkc\\&feature=emb_title", "description": "Overview of practices for adapting a site to hardware and network constraints, by Addy Osmani, Nate Schloss."}, {"name": "Fundamentals of Mobile Web Development", "url": "https://www.youtube.com/watch?v=z6dg_V22wV0", "description": "Overview of the best practices for mobile web development, by Matt Gaunt."}, {"name": "Future App Model: Advanced Service Worker", "url": "https://www.youtube.com/watch?v=J2dOTKBoTL4", "description": "The glimpse on how to optimize web apps and sites using streams and service workers and other new APIs, by Jake Archibald."}, {"name": "Instant Loading: Building offline-first Progressive Web Apps", "url": "https://www.youtube.com/watch?v=cmGr0RszHc8", "description": "Introduction to service workers, by Jake Archibald."}, {"name": "Mobile Web Performance", "url": "https://www.youtube.com/watch?v=_y5IzI_tpTw", "description": "What to do on your site to achieve the best possible mobile experience, by Estelle Weyl."}, {"name": "Mobile Web Performance Auditing", "url": "https://www.youtube.com/watch?v=WrA85a4ZIaM", "description": "How to audit performance issues on the site, by Paul Lewis."}, {"name": "Lighthouse", "url": "https://github.com/GoogleChrome/lighthouse", "description": "Analyzing tool for web apps and web pages.", "stars": "25k"}, {"name": "Mobile-Friendly Test", "url": "https://search.google.com/test/mobile-friendly", "description": "Tool for testing that your site is mobile-friendly."}, {"name": "PageSpeed Insights", "url": "https://developers.google.com/speed/pagespeed/insights", "description": "The tool that analyzes your page and gives recommendations for increasing downloading speed."}, {"name": "PageSpeed", "url": "https://www.modpagespeed.com", "description": "Web server modules that optimize your site automatically."}, {"name": "Site Speed Checker", "url": "https://www.thinkwithgoogle.com/feature/mobile", "description": "Compare the speed of your mobile site to others."}, {"name": "Test Your Mobile Speed", "url": "https://testmysite.withgoogle.com/intl/en-gb", "description": "The tool from Google that performs comprehesive speed check of the mobile site."}, {"name": "Webpagetest", "url": "https://webpagetest.org", "description": "Website speed test from multiple locations using real browsers and at real consumer connection speeds."}, {"name": "Can I Use", "url": "https://caniuse.com", "description": "State of support of various web features in browsers."}, {"name": "Mobile Browser Market Share", "url": "http://gs.statcounter.com/browser-market-share/mobile", "description": "Market share between various platforms and countries."}, {"name": "Standards for Web Applications on Mobile", "url": "https://www.w3.org/Mobile/mobile-web-app-state", "description": "Current state of mobile-related W3C specifications."}, {"name": "What Web Can Do Today", "url": "https://whatwebcando.today", "description": "What your browser capable of."}, {"name": "Browsersync", "url": "https://browsersync.io", "description": "Time-saving synchronised browser testing."}, {"name": "Eruda", "url": "https://github.com/liriliri/eruda", "description": "Console for mobile web browsers.", "stars": "13k"}, {"name": "Interact.js", "url": "https://github.com/taye/interact.js", "description": "Drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers.", "stars": "11k"}, {"name": "Fastclick", "url": "https://github.com/ftlabs/fastclick", "description": "Removing of 300ms delay in old browsers.", "stars": "19k"}, {"name": "Lozad.js", "url": "https://github.com/ApoorvSaxena/lozad.js", "description": "Highly performant, light and configurable lazy loader using IntersectionObserver API", "stars": "7.1k"}, {"name": "React Dates", "url": "https://github.com/airbnb/react-dates", "description": "An easily internationalizable, mobile-friendly datepicker React library for the web.", "stars": "12k"}, {"name": "Screen Sizes", "url": "http://screensiz.es/phone", "description": "A list of screen sizes of all popular smartphones."}, {"name": "Shiny", "url": "https://github.com/rikschennink/shiny", "description": "Shiny reflections for mobile websites.", "stars": "2.8k"}, {"name": "Slideout", "url": "https://github.com/Mango/slideout", "description": "Standalone and lightweight navigation menu for your mobile web apps.", "stars": "8k"}, {"name": "Swiper", "url": "https://github.com/nolimits4web/swiper", "description": "The most modern mobile touch slider with hardware accelerated transitions.", "stars": "33k"}, {"name": "Web Inspector Remote (Weinre)", "url": "https://www.npmjs.com/package/weinre", "description": "Web inspector for debugging sites in non-mainstream browsers."}, {"name": "Web Starter Kit", "url": "https://github.com/google/web-starter-kit", "description": "A workflow for multi-device websites.", "stars": "18k"}, {"name": "Workbox", "url": "https://developers.google.com/web/tools/workbox/", "description": "JavaScript libraries for adding offline support to web apps."}, {"name": "WorkerDOM", "url": "https://amphtml.wordpress.com/2018/08/21/workerdom/", "description": "Library to provide a full representation of the DOM inside of Web Workers."}], "notes": [], "source": "Mobile Web Development"}, {"name": "Backbone", "entries": [{"name": "Backbone.js", "url": "http://backbonejs.org/", "description": ""}, {"name": "Github repository", "url": "https://github.com/jashkenas/backbone", "description": "", "stars": "28k"}, {"name": "Annotated source", "url": "http://backbonejs.org/docs/backbone.html", "description": ""}, {"name": "Backbone plugins", "url": "http://backplug.io/", "description": ""}, {"name": "Backbone Index", "url": "https://backboneindex.com/", "description": "Discover new Backbone plugins and resources"}, {"name": "BackboneConf", "url": "http://backboneconf.com/", "description": "Conference about building applications on the web, with a focus on the Backbone.js library"}, {"name": "StackOverflow", "url": "http://stackoverflow.com/questions/tagged/backbone.js", "description": "Tagged questions"}, {"name": "Yeoman generator for Backbone.js", "url": "https://github.com/yeoman/generator-backbone", "description": "", "stars": "644"}, {"name": "A pragmatic guide to Backbone.js apps", "url": "http://pragmatic-backbone.com/", "description": ""}, {"name": "Getting Started with Backbone", "url": "http://www.korenlc.com/backbone-js-tutorial-getting-started-with-backbone/", "description": ""}, {"name": "A Complete Guide for Learning Backbone.js", "url": "http://www.codebeerstartups.com/2012/12/a-complete-guide-for-learning-backbone-js/", "description": ""}, {"name": "Hello Backbone.js", "url": "http://jasongiedymin.github.io/hello-backbonejs/", "description": ""}, {"name": "Backbone patterns", "url": "http://ricostacruz.com/backbone-patterns/", "description": ""}, {"name": "Complex Single Page Application Architecture with Backbone.js", "url": "http://blog.soom.la/2013/10/complex-single-page-application.html", "description": ""}, {"name": "Building large Backbone applications", "url": "http://victorsavkin.com/post/59496656297/building-large-backbone-applications", "description": ""}, {"name": "A Guide to Writing Backbone Apps at Coursera", "url": "http://blog.pamelafox.org/2013/07/a-guide-to-writing-backbone-apps-at.html", "description": ""}, {"name": "Our First Node.js App: Backbone on the Client and Server", "url": "http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product/", "description": ""}, {"name": "Using Backbone.js With Require.js", "url": "http://gregfranko.com/blog/using-backbone-dot-js-with-require-dot-js/", "description": ""}, {"name": "Backbone Model Unit Testing with Jasmine", "url": "http://blog.katworksgames.com/2013/03/30/bb_model_test_jasmine/", "description": ""}, {"name": "Backbone.js and Socket.io", "url": "http://developer.teradata.com/blog/jasonstrimpel/2011/11/backbone-js-and-socket-io", "description": ""}, {"name": "Presenter First in Backbone.js", "url": "http://spin.atomicobject.com/2012/01/03/presenter-first-in-backbone-js/", "description": ""}, {"name": "Websockets for Backbone", "url": "http://www.artandlogic.com/blog/2014/06/websockets-for-backbone/", "description": ""}, {"name": "Components with Backbone.js and Marionette.js", "url": "http://blog.jeremyfairbank.com/javascript/components-with-backbone-js-and-marionette-js/", "description": ""}, {"name": "Boilerplate web app using Backbone.js, Express.js, Node.js, MongoDB", "url": "http://kroltech.com/2013/12/boilerplate-web-app-using-backbone-js-expressjs-node-js-mongodb/", "description": ""}, {"name": "Backbone.js Tips And Patterns", "url": "http://www.smashingmagazine.com/2013/08/09/backbone-js-tips-patterns/", "description": ""}, {"name": "Leveraging Deferreds in Backbone.js", "url": "http://quickleft.com/blog/leveraging-deferreds-in-backbonejs", "description": ""}, {"name": "Backbone.js for large scale applications - UI architecture", "url": "http://orizens.com/wp/topics/backbone-js-for-large-scale-applications-ui-architecture/", "description": ""}, {"name": "Decorating A Backbone.Model With Features, For A UI Component", "url": "http://derickbailey.com/2014/09/09/decorating-a-backbone-model-with-features-for-a-ui-component/", "description": ""}, {"name": "Backbone.fwd: Forward Events From One Backbone Object, Through Another", "url": "http://derickbailey.com/2014/05/13/backbone-fwd-forward-events-from-one-backbone-object-through-another/", "description": ""}, {"name": "Backbone.View Patterns - Rendering A Collection", "url": "http://orizens.com/wp/topics/backbone-view-patterns-rendering-a-collection/", "description": ""}, {"name": "Backbone.View Patterns - How & Why Use Subviews", "url": "http://orizens.com/wp/topics/backbone-view-patterns-how-why-to-use-subviews/", "description": ""}, {"name": "Backbone.View Patterns - The \"Render\" Method", "url": "http://orizens.com/wp/topics/backbone-view-patterns-the-render-method/", "description": ""}, {"name": "Building progressively enhanced websites using bulletproof Backbone & CSS transforms", "url": "http://azumbrunnen.me/blog/building-progressively-enhanced-websites-with-bulletproof-backbone/", "description": ""}, {"name": "Decoupling Backbone Apps From WebSockets", "url": "http://lostechies.com/derickbailey/2012/04/19/decoupling-backbone-apps-from-websockets/", "description": ""}, {"name": "Backbone.js And JavaScript Garbage Collection", "url": "http://lostechies.com/derickbailey/2012/03/19/backbone-js-and-javascript-garbage-collection/", "description": ""}, {"name": "Getting familiar with Backbone.js", "url": "https://blog.safaribooksonline.com/2013/11/16/getting-familiar-with-backbone-js/", "description": ""}, {"name": "Backbone Antipatterns", "url": "http://blog.shinetech.com/2013/11/26/backbone-antipatterns/", "description": ""}, {"name": "Backbone with ES6", "url": "http://mikefowler.me/2014/06/11/backbone-with-es6/", "description": ""}, {"name": "How to share Backbone.js models with Node.js", "url": "http://amirmalik.net/2010/11/27/how-to-share-backbonejs-models-with-nodejs", "description": ""}, {"name": "Backbone.js tricks or treats", "url": "http://tiagorg.github.io/talk-backbone-tricks-or-treats-html5devconf", "description": ""}, {"name": "Backbone Cleanup", "url": "http://www.webdeveasy.com/backbone-cleanup/", "description": ""}, {"name": "Lazy loading Backbone collections with Promises", "url": "http://tech.adroll.com/blog/web/2013/11/12/lazyloading-backbone-collection-with-promises.html", "description": ""}, {"name": "5 Ways to Level-Up Your Backbone.js Code", "url": "https://blog.engineyard.com/2015/5-ways-to-level-up-your-backbone-code", "description": ""}, {"name": "Why Backbone.js and ES6 Classes Don't Mix", "url": "http://benmccormick.org/2015/04/07/es6-classes-and-backbone-js/", "description": ""}, {"name": "Top 8 Common Backbone.js Developer Mistakes", "url": "http://www.toptal.com/backbone-js/top-8-common-backbone-js-developer-mistakes", "description": ""}, {"name": "8 Great Backbone.js Interview Questions", "url": "http://www.toptal.com/backbone-js/interview-questions", "description": ""}, {"name": "Integrating React With Backbone", "url": "https://quickleft.com/blog/integrating-react-with-backbone/", "description": ""}, {"name": "Using BackboneJS to improve your JavaScript code organization over a Ruby on Rails app", "url": "https://medium.com/@ezekielriva/using-backbonejs-to-improve-your-javascript-code-organization-over-a-ruby-on-rails-app-11784575a4f2", "description": ""}, {"name": "Building Backbone apps using Flux", "url": "https://medium.com/@victordoss/building-backbone-apps-using-flux-f656fd8a873a", "description": ""}, {"name": "Bringing Meteor\u2019s reactive collections to Backbone", "url": "https://mixmax.com/blog/meteor-and-backbone", "description": ""}, {"name": "Developing Backbone.js Applications", "url": "http://addyosmani.github.io/backbone-fundamentals/", "description": ""}, {"name": "Backbone Tutorials", "url": "https://leanpub.com/backbonetutorials", "description": ""}, {"name": "Building Backbone Plugins", "url": "https://leanpub.com/building-backbone-plugins", "description": ""}, {"name": "Mastering Backbone.js", "url": "http://www.amazon.com/dp/1783288493", "description": ""}, {"name": "Backbone.js Testing", "url": "http://backbone-testing.com/", "description": ""}, {"name": "Backbone.js Patterns and Best Practices", "url": "http://www.amazon.com/dp/1783283572", "description": ""}, {"name": "Backbone.js Cookbook", "url": "http://www.amazon.com/dp/1782162720/", "description": ""}, {"name": "Instant Backbone.js Application Development", "url": "http://www.amazon.com/dp/1782165665", "description": ""}, {"name": "Beginning Backbone.js", "url": "http://www.amazon.com/dp/1430263342/", "description": ""}, {"name": "Backbone.js Blueprints", "url": "http://www.amazon.com/dp/1783286997/", "description": ""}, {"name": "Recipes with Backbone", "url": "http://recipeswithbackbone.com/", "description": ""}, {"name": "Full Stack Web Development with Backbone.js", "url": "http://shop.oreilly.com/product/0636920030799.do", "description": ""}, {"name": "Developing Single Page Apps with Backbone.js", "url": "https://singlepagebook.supportbee.com/", "description": ""}, {"name": "BackboneConf 2013", "url": "https://www.youtube.com/playlist?list=PLlgxAbM67lYLJm9_Ub3gStXa2vjb51aUX", "description": "Youtube playlist"}, {"name": "BackboneConf 2014", "url": "https://www.youtube.com/playlist?list=PLlgxAbM67lYIGw8DnANC7VgREbzJRQged", "description": "Youtube playlist"}, {"name": "Introduction to Backbone.js", "url": "https://www.youtube.com/playlist?list=PLCE344BDBD8FAC282", "description": "Youtube playlist by Joseph Zimmerman"}, {"name": "Backbone App Walkthrough", "url": "https://www.youtube.com/playlist?list=PL0C57F698BD4766B1", "description": "Youtube playlist by Joseph Zimmerman"}, {"name": "Backbone.js Tutorial", "url": "http://www.youtube.com/playlist?list=PLTjRvDozrdlwn9IsHWEs9IQv3HQob4bH3", "description": "Youtube playlist by Mosh Hamedani"}, {"name": "Backbone-Require-Boilerplate Explained", "url": "http://gregfranko.com/blog/backbone-require-boilerplate-explained/", "description": ""}, {"name": "BackboneRails Screencasts", "url": "http://www.backbonerails.com/", "description": "Learn to Build Web Apps Using Backbone + Rails"}, {"name": "Backbone.js with Derick Bailey", "url": "https://www.youtube.com/watch?v=VERQEr-bVTs", "description": ""}, {"name": "JavaScript Application Architecture with Backbone.js", "url": "http://www.youtube.com/watch?v=PGgZ7qRvoGE", "description": ""}, {"name": "An Introduction to Backbone.js", "url": "http://www.youtube.com/watch?v=PcTVQyrWSSs", "description": ""}, {"name": "Put Some Backbone.js in your Apps", "url": "http://www.youtube.com/watch?v=jM8KE_Fa6JI", "description": ""}, {"name": "Evolving Your JavaScript with Backbone.js", "url": "http://wordpress.tv/2013/09/05/k-adam-white-evolving-your-javascript-with-backbone-js/", "description": ""}, {"name": "Backbone Require Boilerplate", "url": "https://github.com/BoilerplateMVC/Backbone-Require-Boilerplate", "description": "A Rad Backbone.js and Require.js Boilerplate Project", "stars": "614"}, {"name": "Wine Cellar Sample Application", "url": "https://github.com/ccoenraets/backbone-cellar", "description": "\"Backbone Cellar\" is a sample application built with Backbone.js", "stars": "916"}, {"name": "Employee Directory", "url": "https://github.com/ccoenraets/directory-backbone-bootstrap", "description": "Employee Directory sample application built with Backbone.js and Twitter Bootstrap", "stars": "465"}, {"name": "Backbone Contact Manager", "url": "https://github.com/dmytroyarmak/backbone-contact-manager", "description": "Simple Backbone.js example application", "stars": "65"}, {"name": "Backbone Boilerplates", "url": "https://github.com/addyosmani/backbone-boilerplates", "description": "Backbone.js stack boilerplates demonstrating integration with Express, Ruby, PHP, Grails and more", "stars": "490"}, {"name": "Backbone TodoMVC example", "url": "http://todomvc.com/examples/backbone/", "description": "Simple todo app built using Backbone and Backbone.localStorage."}, {"name": "Anatomy of Backbone.js", "url": "https://www.codeschool.com/courses/anatomy-of-backbone-js", "description": ""}, {"name": "Advanced Backbone Patterns and Techniques", "url": "http://code.tutsplus.com/courses/advanced-backbone-patterns-and-techniques", "description": ""}, {"name": "Connected to the Backbone", "url": "http://code.tutsplus.com/courses/connected-to-the-backbone", "description": ""}, {"name": "Structuring Your Web Apps via Backbone.js", "url": "https://github.com/hegdeashwin/Backbone", "description": "", "stars": "80"}, {"name": "Backbone.JS In-Depth and Introduction to Testing with Mocha and Sinon", "url": "https://frontendmasters.com/courses/backbone-js-in-depth-testing-mocha-sinon/", "description": ""}, {"name": "Up and Running with Backbone.js", "url": "http://www.lynda.com/Backbonejs-tutorials/Up-Running-Backbonejs/163089-2.html", "description": ""}, {"name": "Application Building Patterns with Backbone.js", "url": "http://www.pluralsight.com/courses/playing-with-backbonejs", "description": ""}, {"name": "Backbone.js Fundamentals", "url": "http://www.pluralsight.com/courses/backbone-fundamentals", "description": ""}, {"name": "Backbone.Relational", "url": "https://github.com/PaulUithol/Backbone-relational", "description": "", "stars": "2.4k"}, {"name": "Backbone-forms", "url": "https://github.com/powmedia/backbone-forms", "description": "", "stars": "2.2k"}, {"name": "Backgrid.js", "url": "https://github.com/wyuenho/backgrid", "description": "", "stars": "2k"}, {"name": "Backbone.localStorage", "url": "https://github.com/jeromegn/Backbone.localStorage", "description": "", "stars": "1.9k"}, {"name": "Backbone.stickit", "url": "https://github.com/NYTimes/backbone.stickit", "description": "", "stars": "1.7k"}, {"name": "Backbone.paginator", "url": "https://github.com/backbone-paginator/backbone.paginator", "description": "", "stars": "1.4k"}, {"name": "Backbone.validation", "url": "https://github.com/thedersen/backbone.validation", "description": "", "stars": "1.3k"}, {"name": "Exoskeleton", "url": "https://github.com/paulmillr/exoskeleton", "description": "", "stars": "889"}, {"name": "Backbone.dualstorage", "url": "https://github.com/nilbus/Backbone.dualStorage", "description": "", "stars": "804"}, {"name": "Backbone.iobind", "url": "https://github.com/noveogroup/backbone.iobind", "description": "", "stars": "583"}, {"name": "Backbone-associations", "url": "https://github.com/dhruvaray/backbone-associations", "description": "", "stars": "496"}, {"name": "Backbone-tastypie", "url": "https://github.com/PaulUithol/backbone-tastypie", "description": "", "stars": "471"}, {"name": "Backbone.Radio", "url": "https://github.com/marionettejs/backbone.radio", "description": "", "stars": "494"}, {"name": "Backbone.BabySitter", "url": "https://github.com/marionettejs/backbone.babysitter", "description": "", "stars": "380"}, {"name": "Backbone.History.Polyfill", "url": "https://github.com/FidelityInternational/BackboneHistoryPolyfill", "description": "", "stars": "4"}], "notes": [], "source": "Backbone"}, {"name": "Canvas \u2014 Summary", "entries": [{"name": "Canvas", "url": "#canvas", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Resources", "url": "#resources", "description": ""}, {"name": "License", "url": "#license", "description": ""}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 Definition", "entries": [], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 Examples", "entries": [{"name": "30.000 particles", "url": "http://codepen.io/soulwire/full/Ffvlo", "description": ""}, {"name": "Canvas Colour Cycling", "url": "http://www.effectgames.com/demos/canvascycle/", "description": ""}, {"name": "Canvas Loader", "url": "http://cssdeck.com/labs/full/4do6cnjm", "description": ""}, {"name": "Circular Rings", "url": "http://cssdeck.com/labs/full/zeaklousedit", "description": ""}, {"name": "Cloth 3D Effect", "url": "http://gyu.que.jp/jscloth/", "description": ""}, {"name": "Cloth Effect", "url": "http://raphamorim.io/canvas-experiments/cloth", "description": ""}, {"name": "Colorful Particles", "url": "http://raphamorim.io/canvas-experiments/particles", "description": ""}, {"name": "Distance Field Waves", "url": "http://www.kevs3d.co.uk/dev/shaders/distancefield3.html", "description": ""}, {"name": "Draw Table", "url": "http://raphamorim.io/canvas-experiments/draw", "description": "\\[[show me the code (\u2b5046)](https://github.com/raphamorim/canvas-experiments)] \u2022 A simple example about events using canvas."}, {"name": "Fibrous Texture", "url": "http://cssdeck.com/labs/full/fibrous", "description": ""}, {"name": "Image Nodes", "url": "http://cssdeck.com/labs/full/image-nodes", "description": ""}, {"name": "Inception", "url": "http://raphamorim.io/canvas-experiments/inception", "description": ""}, {"name": "JS Metaballs", "url": "http://cssdeck.com/labs/full/js-metaballs", "description": ""}, {"name": "Just Canvas", "url": "http://raphamorim.io/just-canvas/", "description": ""}, {"name": "Linjer", "url": "http://lab.hakim.se/linjer/", "description": ""}, {"name": "Liquid Particles", "url": "http://spielzeugz.de/html5/liquid-particles.html", "description": ""}, {"name": "LucidChart", "url": "http://www.lucidchart.com/documents/demo", "description": ""}, {"name": "L-System Turtle Fractal Renderer", "url": "http://www.kevs3d.co.uk/dev/lsystems/", "description": ""}, {"name": "Matrix Animation", "url": "https://matrix.dotglitch.dev/", "description": ""}, {"name": "Motion Graphic Typeface", "url": "http://codepen.io/ara_node/full/nuJCG/", "description": ""}, {"name": "Neatnait Canvas Rain", "url": "http://cssdeck.com/labs/full/neatnait-canvas-rain", "description": ""}, {"name": "Particles", "url": "http://codepen.io/pixelgrid/full/ECrKd", "description": ""}, {"name": "Particles.js", "url": "http://codepen.io/VincentGarreau/full/pnlso/", "description": ""}, {"name": "Ping Pong Game", "url": "http://cssdeck.com/labs/full/ping-pong-game-tutorial-with-html5-canvas-and-sounds", "description": ""}, {"name": "Pirates Love Daisies", "url": "http://www.pirateslovedaisies.com/", "description": ""}, {"name": "PixelCraft", "url": "https://github.com/rgab1508/PixelCraft", "description": "", "stars": "1.2k"}, {"name": "Raining Day", "url": "http://raphamorim.io/raining-day/", "description": ""}, {"name": "Space Noodles", "url": "http://www.spielzeugz.de/html5/space-noodles/", "description": ""}, {"name": "Star Time Lapse Effect", "url": "https://fralonra.github.io/star-time-lapse/demo/", "description": ""}, {"name": "Tree in the Breeze", "url": "http://cssdeck.com/labs/full/fjqj6ifd", "description": ""}, {"name": "Trigonoparty!", "url": "https://ramesaliyev.com/trigonoparty", "description": ""}, {"name": "tsParticles examples", "url": "https://codepen.io/tv/DPOage", "description": ""}, {"name": "Video Destruction", "url": "http://www.craftymind.com/factory/html5video/CanvasVideo.html", "description": ""}, {"name": "Wipers", "url": "http://cssdeck.com/labs/full/oluh99m6", "description": ""}, {"name": "3D Lorenz Atractor", "url": "http://cssdeck.com/labs/full/3d-lorenz-atractor", "description": ""}, {"name": "3D Movement in HTML5 Canvas", "url": "http://cssdeck.com/labs/full/xtunjekt", "description": ""}, {"name": "3D Space Craft", "url": "http://07055944295.com/solvalou.php", "description": ""}, {"name": "Wormz", "url": "https://www.chromeexperiments.com/experiment/wormz", "description": ""}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 To draw using canvas", "entries": [{"name": "Akihabara", "url": "http://www.kesiev.com/akihabara/", "description": ""}, {"name": "Chart.js", "url": "https://github.com/chartjs/Chart.js", "description": "", "stars": "63k"}, {"name": "ChemDoodle", "url": "http://web.chemdoodle.com/", "description": ""}, {"name": "d3", "url": "https://github.com/d3/d3", "description": "", "stars": "107k"}, {"name": "EaselJS", "url": "https://createjs.com/easeljs", "description": ""}, {"name": "fabric.js", "url": "http://fabricjs.com", "description": ""}, {"name": "iio.js", "url": "https://github.com/iioinc/iio.js", "description": "A javascript library that speeds the creation and deployment of HTML5 Canvas applications", "stars": "457"}, {"name": "isomerjs", "url": "http://jdan.github.io/isomer/", "description": "An isometric graphics library for HTML5 canvas"}, {"name": "Javascript-Voronoi", "url": "https://github.com/gorhill/Javascript-Voronoi", "description": "A Javascript implementation of Fortune's algorithm to compute Voronoi cells", "stars": "987"}, {"name": "Konva", "url": "https://github.com/konvajs/konva", "description": "Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.", "stars": "10k"}, {"name": "Origami.js", "url": "https://github.com/raphamorim/origami.js", "description": "JS Lib to redesign canvas API interface", "stars": "767"}, {"name": "p5.js", "url": "https://p5js.org", "description": "p5.js is a JS client-side library for creating graphic and interactive experiences"}, {"name": "Paper.js", "url": "https://github.com/paperjs/paper.js", "description": "Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.", "stars": "14k"}, {"name": "Pencil.js", "url": "https://pencil.js.org/", "description": "Nice modular Javascript library with clear OOP syntaxe and lots of features."}, {"name": "Pixi.js", "url": "http://www.pixijs.com", "description": "Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback"}, {"name": "Processingjs", "url": "http://ejohn.org/blog/processingjs/", "description": ""}, {"name": "Proton", "url": "https://github.com/a-jie/Proton", "description": "", "stars": "2.3k"}, {"name": "Pts.js", "url": "https://ptsjs.org", "description": "Pts is a javascript library for visualization and creative-coding."}, {"name": "Rough.js", "url": "https://roughjs.com/", "description": "Rough.js is a graphics library that lets you draw in a sketchy, hand-drawn-like, style"}, {"name": "Scrawl-canvas", "url": "https://scrawl-v8.rikweb.org.uk/", "description": "easily add multiple responsive, accessible and interactive \\<canvas> elements to a web page"}, {"name": "Sketch", "url": "https://github.com/soulwire/sketch.js", "description": "Cross-Platform JavaScript Creative Coding Framework", "stars": "4.1k"}, {"name": "Three.js", "url": "http://threejs.org/", "description": ""}, {"name": "tsParticles", "url": "https://particles.matteobruni.it/", "description": ""}, {"name": "Visualize", "url": "https://github.com/filamentgroup/jQuery-Visualize", "description": "", "stars": "354"}, {"name": "zDog", "url": "https://github.com/metafizzy/zdog", "description": "Flat, round, designer-friendly pseudo-3D engine for canvas & SVG", "stars": "10k"}, {"name": "ZIM", "url": "https://zimjs.com/", "description": "ZIM is a general Canvas Framework with simple, powerful JavaScript that lets everyone, from beginners to professionals, code creativity."}, {"name": "zrender", "url": "https://github.com/ecomfe/zrender", "description": "A lightweight canvas library which providing 2d draw for Apache ECharts (incubating)", "stars": "5.9k"}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 For other purposes, but still use canvas", "entries": [{"name": "React Canvas", "url": "https://github.com/Flipboard/react-canvas", "description": "High performance <canvas> rendering for React components.", "stars": "13k"}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 Talks", "entries": [{"name": "Google I/O 2012 - GRITS: PvP Gaming with HTML, by Colton McAnlis", "url": "https://www.youtube.com/watch?v=Prkyd5n0P7k", "description": ""}, {"name": "Mobile HTML5 Graphics Performance, by Sam Abadir", "url": "https://www.youtube.com/watch?v=_fBRJgH_c1s", "description": ""}, {"name": "The Making of an HTML5 Platform Game, by David Geary", "url": "https://www.youtube.com/watch?v=S256vAqGY6c", "description": ""}, {"name": "High Performance Mobile Web Game Development in HTML5, by Sangmin Shim", "url": "https://www.youtube.com/watch?v=T8OCEqM7mqU", "description": ""}, {"name": "HTML5 Canvas Animation with Javascript, by Josh Robertson", "url": "https://www.youtube.com/watch?v=sLt9WeyGVEQ", "description": ""}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 Books", "entries": [{"name": "HTML5 Canvas", "url": "http://shop.oreilly.com/product/0636920013327.do", "description": ""}, {"name": "HTML5 Canvas For Dummies", "url": "http://www.amazon.com/HTML5-Canvas-For-Dummies-Cowan/dp/1118385357", "description": ""}, {"name": "Foundation HTML5 Canvas: For Games and Entertainment", "url": "http://www.amazon.com/gp/product/1430232919/ref=as_li_qf_sp_asin_il_tl?ie=UTF8\\&tag=rawkes-20\\&linkCode=as2\\&camp=1789\\&creative=9325\\&creativeASIN=1430232919", "description": ""}, {"name": "HTML5 Canvas Cookbook", "url": "https://www.packtpub.com/web-development/html5-canvas-cookbook", "description": "by Eric Rowell"}, {"name": "HTML Canvas Deep Dive", "url": "http://joshondesign.com/p/books/canvasdeepdive/title.html", "description": "by Josh Marinacci"}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 Twitter", "entries": [{"name": "@jeresig", "url": "https://twitter.com/jeresig", "description": "Creator of [Processing.js (\u2b501.7k)](https://github.com/jeresig/processing-js)"}, {"name": "@mrdoob", "url": "https://twitter.com/mrdoob", "description": "Creator of [three.js (\u2b5097k)](https://github.com/mrdoob/three.js)"}, {"name": "@soulwire", "url": "https://twitter.com/soulwire", "description": "Creator of [sketch.js (\u2b504.1k)](https://github.com/soulwire/sketch.js) and actively creating and sharing canvas/WebGL experiments"}, {"name": "@spielzeugz", "url": "https://twitter.com/spielzeugz", "description": "Actively creating and sharing canvas experiments"}, {"name": "@paul\\_irish", "url": "https://twitter.com/paul_irish", "description": "Active contributor and write a [reference post about requestAnimationFrame](http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/)"}, {"name": "@end3r", "url": "https://twitter.com/end3r", "description": "HTML5 game developer and EnclaveGames indie studio founder"}], "notes": [], "source": "Canvas"}, {"name": "Canvas \u2014 Websites and Tutorials", "entries": [{"name": "Mozilla Developer Network Canvas Tutorial", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial", "description": "This tutorial describes how to use the <canvas> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with canvas and will provide code snippets that may get you started in building your own content."}, {"name": "HTML5 Canvas Tutorials", "url": "http://www.html5canvastutorials.com/", "description": ""}, {"name": "31 days of canvas", "url": "http://creativejs.com/2011/08/31-days-of-canvas-tutorials/", "description": ""}, {"name": "Dev.Opera: HTML5 Canvas \u2014 the Basics", "url": "https://dev.opera.com/articles/html5-canvas-basics/", "description": "This article takes you through the basics of implementing a 2D canvas context, and using the basic canvas functions, including lines, shape primitives, images, text, and more. You are assumed to have mastered JavaScript basics already."}, {"name": "Breakout", "url": "http://billmill.org/static/canvastutorial/", "description": "a fantastic tutorial for any canvas programming wannabes, where he runs through the steps needed to create a Breakout clone. The tutorial consists of 12 very clear and concise steps, where you can view a demo of how your project should look so far."}, {"name": "Canvas Demos by David Walsh", "url": "https://davidwalsh.name/canvas-demos", "description": "9 Mind-Blowing Canvas Demos with their respective source code."}, {"name": "Procedural Drawing in Canvas", "url": "http://acko.net/blog/js1k-demo-the-making-of/", "description": "a tutorial that explains more about how procedural drawing works so that others can also learn the skill and start producing their own patterns."}, {"name": "The canvas element in the HTML5 draft standard", "url": "https://html.spec.whatwg.org/multipage/scripting.html#the-canvas-element", "description": ""}, {"name": "Internet Explorer 9 Guide for Developers: HTML5 canvas element", "url": "https://msdn.microsoft.com/en-us/ie/hh410106#_HTML5_canvas", "description": ""}, {"name": "Accelerated Game Programming with HTML5 and canvas", "url": "http://www.felinesoft.com/blog/index.php/2010/09/accelerated-game-programming-with-html5-and-canvas/", "description": "this tutorial describes the structure of a typical game class in JavaScript, drawing to the canvas, double buffering, map/tile representation and player movement."}, {"name": "Physics for Lazy Game Developers", "url": "http://labs.skookum.com/demos/barcampclt_physics/", "description": "Provides examples of velocity, acceleration, collisions, rotation and particle effects."}, {"name": "Draw Particles using HTML5 Canvas", "url": "https://medium.com/@raphamorim/draw-particles-using-html5-canvas-6151ab214f7a", "description": "Shortcut tutorial shows how create simple and colorful particles."}, {"name": "Create a game chracter with HTML5 and JavaScript - Part 1", "url": "http://www.williammalone.com/articles/create-html5-canvas-javascript-game-character/1/", "description": ""}, {"name": "Create a game chracter with HTML5 and JavaScript - Part 2", "url": "http://www.williammalone.com/articles/create-html5-canvas-javascript-game-character/2/", "description": ""}, {"name": "Khan Academy - Hour of Drawing with Code", "url": "https://www.khanacademy.org/computing/hour-of-code/hour-of-code-tutorial/v/welcome-hour-of-code", "description": ""}, {"name": "Making a Lunar Lander in JavaScript", "url": "http://students.cs.ucl.ac.uk/schoolslab/projects/HT5", "description": "A 5 lesson tutorial that explain how to make a Lunar Lander game in JavaScript."}, {"name": "W3Schools Canvas Tutorial", "url": "https://www.w3schools.com/graphics/canvas_intro.asp", "description": "Tutorial covering various features and methods and with many practical examples"}], "notes": [], "source": "Canvas"}, {"name": "Polymer \u2014 General resources", "entries": [{"name": "Official Site", "url": "https://www.polymer-project.org", "description": ""}, {"name": "Blog", "url": "https://blog.polymer-project.org/", "description": ""}, {"name": "Google+ Profile", "url": "https://plus.google.com/+PolymerProject/", "description": ""}, {"name": "Github", "url": "https://github.com/polymer", "description": ""}, {"name": "Project", "url": "https://github.com/polymer/project", "description": ""}, {"name": "StackOverflow", "url": "http://stackoverflow.com/questions/tagged/polymer", "description": ""}, {"name": "GoogleGroup", "url": "https://groups.google.com/forum/#!forum/polymer-dev", "description": ""}, {"name": "Twitter", "url": "https://twitter.com/polymer", "description": ""}, {"name": "Google+ Community", "url": "https://plus.google.com/u/1/communities/115626364525706131031", "description": ""}, {"name": "Slack channel", "url": "http://polymer-slack.herokuapp.com/", "description": ""}, {"name": "Official Codelabs", "url": "https://codelabs.developers.google.com/polymer-summit", "description": ""}, {"name": "Test your elements", "url": "https://www.polymer-project.org/2.0/docs/tools/tests", "description": ""}, {"name": "Testing Tips", "url": "https://medium.com/google-developer-experts/polymer-testing-tips-f217ba94a64", "description": ""}, {"name": "Unit Testing", "url": "https://medium.com/@granze/polymer-unit-testing-d6a69910dc31", "description": ""}, {"name": "Deploy with Firebase", "url": "https://www.polymer-project.org/2.0/start/toolbox/deploy", "description": ""}, {"name": "Migration guide", "url": "https://www.polymer-project.org/1.0/docs/migration.html", "description": ""}, {"name": "Using elements", "url": "https://elements.polymer-project.org/guides/using-elements", "description": ""}, {"name": "Flexbox layout with iron-flex-layout", "url": "https://elements.polymer-project.org/guides/flex-layout", "description": ""}, {"name": "Using Neon Animations", "url": "https://elements.polymer-project.org/guides/using-neon-animations", "description": ""}, {"name": "Build a real-time to-do app", "url": "https://scotch.io/tutorials/build-a-real-time-polymer-to-do-app", "description": ""}, {"name": "Taming Polymer with SystemJS and TypeScript", "url": "http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/", "description": ""}, {"name": "Polymer 3.0 Preview\u200a\u2014\u200aBuilding a mini card game", "url": "https://medium.com/@jecelynyeen/polymer-3-0-preview-building-a-mini-card-game-ce8948265fd6", "description": ""}, {"name": "Encapsulated Routing with Elements", "url": "https://www.polymer-project.org/1.0/articles/routing.html", "description": ""}, {"name": "Building web components using ES6 classes", "url": "https://www.polymer-project.org/1.0/articles/es6.html", "description": ""}, {"name": "Write web components with ES2015 (ES6)", "url": "http://www.revillweb.com/tutorials/web-components-with-es2015-es6/", "description": ""}, {"name": "Live-reload for Polymer Chrome Apps", "url": "http://codingwithgerwin.blogspot.it/2015/07/live-reload-for-polymer-chrome-apps.html", "description": ""}, {"name": "Using Polymer with Flux and a global app state", "url": "http://paulusschoutsen.nl/blog/2015/07/using-polymer-with-flux-and-a-global-app-state/", "description": ""}, {"name": "Guitar Tuner with Web audio API", "url": "https://aerotwist.com/blog/guitar-tuner/", "description": ""}, {"name": "Polymer for the Performance-obsessed", "url": "https://aerotwist.com/blog/polymer-for-the-performance-obsessed/", "description": ""}, {"name": "What is shady DOM", "url": "https://www.polymer-project.org/1.0/articles/shadydom.html", "description": ""}, {"name": "Using Polymer webcomponents with Angular JS", "url": "http://jcrowther.io/2015/05/26/using-polymer-webcomponents-with-angular-js/", "description": ""}, {"name": "Upgrading to 1.0", "url": "https://www.bithound.io/blog/post/upgrading-to-polymer-10", "description": ""}, {"name": "Dynamically Loading Elements & ES6 Modules", "url": "http://addyosmani.github.io/webcomponent-samples/polymer/modules/", "description": ""}, {"name": "NET-A-PORTER case study", "url": "https://developers.google.com/web/showcase/case-study/net-a-porter", "description": ""}, {"name": "Polymer loves Redux", "url": "https://medium.com/collaborne-engineering/polymer-loves-redux-f89a863394d9#.7f4z92ppy", "description": ""}, {"name": "How to use Polymer with Webpack", "url": "https://medium.com/dev-channel/how-to-use-polymer-with-webpack-b41812d78b15", "description": ""}, {"name": "Polycasts", "url": "https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN", "description": ""}, {"name": "Summit 2017", "url": "https://www.youtube.com/watch?v=TDpiyrcOO30\\&list=PLNYkxOF6rcIDP0PqVaJxqNWwIgvoEPzJi", "description": ""}, {"name": "Summit 2016", "url": "https://www.youtube.com/watch?v=0iM0DZjYGqg\\&list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ", "description": ""}, {"name": "Summit 2015", "url": "https://www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J", "description": ""}, {"name": "The Web Platform Podcast 46: Polymer 1.0", "url": "https://www.youtube.com/watch?v=d9tNO3n0RlM", "description": ""}, {"name": "Google I/O 2017 - Future, Faster: Unlock the Power of Web Components with Polymer", "url": "https://www.youtube.com/watch?v=cuoZenpQveQ", "description": ""}, {"name": "Google I/O 2015 - Polymer and modern web APIs: In production at Google scale", "url": "https://www.youtube.com/watch?v=fD2As5RmM8Q", "description": ""}, {"name": "Componentize your app with Polymer Elements", "url": "https://youtu.be/7WgEuNZCCHk", "description": ""}, {"name": "Learn Polymer 1.0", "url": "https://www.youtube.com/playlist?list=PLPaj_o9gjMYll0sSb47TrzQCjIo5iqQZm", "description": ""}, {"name": "Level up Tutorials", "url": "https://www.youtube.com/playlist?list=PLLnpHn493BHGhoGAb2PRKzv4Zw3QoatK-", "description": ""}, {"name": "Polymer boilerplate", "url": "https://github.com/webcomponents/polymer-boilerplate", "description": "", "stars": "371"}, {"name": "Starter kit", "url": "https://developers.google.com/web/tools/polymer-starter-kit/", "description": ""}, {"name": "Seed element", "url": "https://github.com/polymerlabs/seed-element", "description": "", "stars": "280"}, {"name": "Polymer Admin", "url": "https://github.com/akveo/polymer-admin", "description": "", "stars": "301"}, {"name": "Meteor-Polymer Starter Kit", "url": "https://github.com/aruntk/kickstart-meteor-polymer", "description": "", "stars": "15"}, {"name": "Meteor-Polymer Starter Kit Including Auth", "url": "https://github.com/aruntk/kickstart-meteor-polymer-with-auth", "description": "", "stars": "6"}, {"name": "Generator Polymer", "url": "https://github.com/yeoman/generator-polymer", "description": "", "stars": "932"}, {"name": "Generator element", "url": "https://www.npmjs.com/package/generator-element", "description": ""}, {"name": "Elements Catalog", "url": "https://www.webcomponents.org/collection/Polymer/elements", "description": ""}, {"name": "Iron", "url": "https://www.webcomponents.org/collection/PolymerElements/iron-elements", "description": ""}, {"name": "Paper", "url": "https://www.webcomponents.org/collection/PolymerElements/paper-elements", "description": ""}, {"name": "Google web components", "url": "https://www.webcomponents.org/collection/GoogleWebComponents/google-web-components", "description": ""}, {"name": "Gold", "url": "https://www.webcomponents.org/collection/PolymerElements/gold-elements", "description": ""}, {"name": "Platinum", "url": "https://www.webcomponents.org/collection/PolymerElements/platinum-elements", "description": ""}, {"name": "Molecules", "url": "https://www.webcomponents.org/collection/PolymerElements/molecules", "description": ""}, {"name": "App", "url": "https://www.webcomponents.org/collection/PolymerElements/app-elements", "description": ""}, {"name": "Data", "url": "https://www.webcomponents.org/collection/PolymerElements/data-elements", "description": ""}, {"name": "Layout", "url": "https://www.webcomponents.org/collection/PolymerElements/layout-elements", "description": ""}, {"name": "\\[Obsolete\\] Neon", "url": "https://elements.polymer-project.org/browse?package=neon-elements", "description": ""}, {"name": "Built with Polymer", "url": "http://builtwithpolymer.org/", "description": ""}, {"name": "Webcomponents.org", "url": "https://webcomponents.org/", "description": ""}, {"name": "Components Kitchen", "url": "http://component.kitchen/", "description": ""}, {"name": "open-elements", "url": "http://open-elements.org", "description": ""}, {"name": "App Toolbox", "url": "https://www.polymer-project.org/2.0/toolbox/", "description": ""}, {"name": "Polyserve", "url": "https://github.com/polymerlabs/polyserve", "description": "", "stars": "191"}, {"name": "Polybuild", "url": "https://github.com/PolymerLabs/polybuild", "description": "", "stars": "75"}, {"name": "Polyup", "url": "https://github.com/PolymerLabs/polyup", "description": "", "stars": "38"}, {"name": "Polylint", "url": "https://github.com/PolymerLabs/polylint", "description": "", "stars": "117"}, {"name": "Polygit", "url": "http://polygit.org/", "description": ""}, {"name": "Polydev", "url": "https://github.com/PolymerLabs/polydev", "description": "", "stars": "120"}, {"name": "Polymer Ready", "url": "https://chrome.google.com/webstore/detail/polymer-ready/aaifiopbmiecbpladpjaoemohhfjcbdk", "description": ""}, {"name": "Vulcanize", "url": "https://github.com/Polymer/vulcanize", "description": "", "stars": "1.2k"}, {"name": "Crisper", "url": "https://github.com/PolymerLabs/crisper", "description": "", "stars": "105"}, {"name": "Snippets for Atom editor", "url": "https://atom.io/packages/polymer-snippets", "description": ""}, {"name": "Snippets for Sublime Text editor", "url": "https://packagecontrol.io/packages/Polymer%20%26%20Web%20Component%20Snippets", "description": ""}, {"name": "Synthesis", "url": "https://github.com/meteorwebcomponents/synthesis", "description": "", "stars": "28"}, {"name": "MWC-Layout", "url": "https://github.com/meteorwebcomponents/layout", "description": "", "stars": "5"}, {"name": "WC-Loader", "url": "https://github.com/aruntk/wc-loader", "description": "", "stars": "100"}, {"name": "Polymer Webpack Loader", "url": "https://github.com/webpack-contrib/polymer-webpack-loader", "description": "", "stars": "192"}, {"name": "Polymer CDN", "url": "https://github.com/download/polymer-cdn", "description": "", "stars": "68"}, {"name": "lit-html", "url": "https://github.com/Polymer/lit-html", "description": "", "stars": "13k"}, {"name": "Web components tester", "url": "https://github.com/Polymer/web-component-tester", "description": "", "stars": "566"}, {"name": "Web components tester istambul", "url": "https://github.com/thedeeno/web-component-tester-istanbul", "description": "", "stars": "28"}, {"name": "test-fixture", "url": "https://github.com/PolymerElements/test-fixture", "description": "", "stars": "21"}, {"name": "iron-test-helpers", "url": "https://github.com/PolymerElements/iron-test-helpers", "description": "", "stars": "26"}, {"name": "Polymer-Apollo", "url": "https://github.com/aruntk/polymer-apollo", "description": "", "stars": "79"}, {"name": "MWC-Mixin", "url": "https://github.com/meteorwebcomponents/mixin", "description": "", "stars": "15"}, {"name": "MWC-Router", "url": "https://github.com/meteorwebcomponents/router", "description": "", "stars": "4"}, {"name": "Polymer-Redux", "url": "https://github.com/tur-nr/polymer-redux", "description": "", "stars": "444"}, {"name": "Polymer Themes", "url": "https://polymerthemes.com/", "description": ""}, {"name": "Material Palette", "url": "https://www.materialpalette.com/", "description": ""}, {"name": "Polystyle", "url": "https://poly-style.appspot.com/demo/", "description": ""}], "notes": [], "source": "Polymer"}, {"name": "Polymer \u2014 License", "entries": [], "notes": [], "source": "Polymer"}, {"name": "Dojo \u2014 Index", "entries": [{"name": "DojoToolkit.org resources and documentation", "url": "#dojotoolkitorg-resources-and-documentation", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Bootstraps and boilerplates", "url": "#bootstraps-and-boilerplates", "description": ""}, {"name": "Packages, libraries and scripts", "url": "#packages-libraries-and-scripts", "description": ""}, {"name": "Serverside integrations", "url": "#serverside-integrations", "description": ""}, {"name": "Testing", "url": "#testing", "description": ""}, {"name": "Applications", "url": "#applications", "description": ""}, {"name": "Themes", "url": "#themes", "description": ""}, {"name": "TypeScript", "url": "#typescript", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Other Awesome Lists", "url": "#other-awesome-lists", "description": ""}, {"name": "Contributing and License", "url": "#contributing-and-license", "description": ""}, {"name": "API", "url": "http://dojotoolkit.org/api/", "description": "API reference for Dojo Toolkit"}, {"name": "Roadmap", "url": "https://github.com/dojo/meta/wiki/Roadmap", "description": "", "stars": "227"}, {"name": "Blog", "url": "http://dojotoolkit.org/blog/", "description": "Dojo Toolkit Blog"}, {"name": "Demos", "url": "http://demos.dojotoolkit.org/demos/", "description": "Dojo Toolkit Demos"}, {"name": "Reference guide", "url": "https://github.com/dojo/docs", "description": "<http://dojotoolkit.org/reference-guide/1.10/>", "stars": "92"}, {"name": "Tutorials", "url": "http://dojotoolkit.org/documentation/", "description": "authorized and updated tutorials for Dojo Toolkit"}, {"name": "Dojo Meta", "url": "https://github.com/dojo/meta", "description": "Dojo 2 contribution and coding guidelines", "stars": "227"}, {"name": "Dojo Website", "url": "https://github.com/dojo/dojo-website", "description": "Website for Dojo Toolkit 1.x to 2.x transition", "stars": "4"}, {"name": "Dojo and Bootstrap FAQ", "url": "https://www.sitepen.com/blog/2014/08/13/dojo-faq-how-do-i-use-bootstrap-with-dijit/", "description": "how to use Bootstrap with Dijit"}, {"name": "Dojo Toolkit 1.9 tutorial", "url": "https://github.com/cepa/dojo-tutorial", "description": "A tutorial using Dojo Toolkit 1.9", "stars": "26"}, {"name": "Dojo the Good parts", "url": "https://github.com/DavidSpriggs/Dojo--The-Good-Parts", "description": "ESRI Developer Summit Presentation held March 10-13th 2014 in Palm Springs.", "stars": "35"}, {"name": "Pluralsight's Dojo tutorial", "url": "https://www.pluralsight.com/courses/dojo-fundamentals", "description": "Video tutorials for learning Dojo Toolkit"}, {"name": "dboostrap", "url": "https://github.com/atoha/dbootstrap", "description": "Bootstrap theme for Dojo", "stars": "144"}, {"name": "Dojo Boilerplate", "url": "https://github.com/csnover/dojo-boilerplate", "description": "A starting boilerplate for developing with Dojo Toolkit", "stars": "371"}, {"name": "Dojo Twitter bootstrap", "url": "https://github.com/xsokev/Dojo-Bootstrap", "description": "An implementation of the Twitter Bootstrap framework using Dojo", "stars": "178"}, {"name": "dojo.js", "url": "https://github.com/gpedro/dojo.js", "description": "Minimalistic boilerplate to start your dojo with Jasmine and Gulp.", "stars": "15"}, {"name": "dojo-node-boilerplate", "url": "https://github.com/kitsonk/dojo-node-boilerplate", "description": "A quickstart \"template\" for using Dojo Toolkit on NodeJS", "stars": "17"}, {"name": "AngularJS Dojo", "url": "https://github.com/adrobisch/angular-dojo", "description": "AngularJS directives for dojo widgets", "stars": "34"}, {"name": "delite", "url": "https://github.com/ibm-js/delite", "description": "HTML Custom Element / Widget infrastructure", "stars": "68"}, {"name": "deliteful", "url": "https://github.com/ibm-js/deliteful", "description": "Multichannel (desktop/mobile) UI Custom Elements Library", "stars": "69"}, {"name": "Dojo Foundation packages", "url": "http://packages.dojofoundation.org/", "description": "Packages available on Dojo Foundation"}, {"name": "dojo-smore", "url": "https://github.com/kfranqueiro/dojo-smore", "description": "package with Dojo/Store implementation", "stars": "29"}, {"name": "generator-dojo", "url": "https://github.com/bryanforbes/generator-dojo", "description": "A yeoman generator for Dojo projects", "stars": "38"}, {"name": "grunt-dojo", "url": "https://github.com/phated/grunt-dojo", "description": "Build Dojo inside a Grunt task", "stars": "32"}, {"name": "grunt-dojo2", "url": "https://github.com/dojo/grunt-dojo2", "description": "Build Dojo2 inside a Grunt task", "stars": "4"}, {"name": "karma-dojo", "url": "https://github.com/garcimouche/karma-dojo", "description": "A [Karma](http://karma-runner.github.io/) plugin. Adapter for Dojo Toolkit.", "stars": "1"}, {"name": "Leadfoot", "url": "https://github.com/theintern/leadfoot", "description": "A JavaScript client library that brings cross-platform consistency to the Selenium WebDriver API", "stars": "170"}, {"name": "Sitepen dstore", "url": "https://github.com/SitePen/dstore", "description": "Data infrastructure framework, providing the tools for modelling and interacting with data collections and objects.", "stars": "278"}, {"name": "xaction", "url": "https://github.com/xblox/xaction", "description": "Component providing UI and logic for user actions."}, {"name": "Dojo core", "url": "https://github.com/dojo/core", "description": "Dojo 2 package containing TypeScript and JavaScript core utilities", "stars": "215"}, {"name": "DOM Utilities", "url": "https://github.com/dojo/dom", "description": "Dojo2 DOM Utilities", "stars": "12"}, {"name": "Dojo Command Line Tooling", "url": "https://github.com/dojo/cli", "description": "Command Line Tooling for Dojo2 Applications", "stars": "24"}, {"name": "Dojo loader", "url": "https://github.com/dojo/loader", "description": "AMD loader for Dojo2.", "stars": "13"}, {"name": "Dojo routing", "url": "https://github.com/dojo/routing", "description": "Dojo2 Routing", "stars": "14"}, {"name": "Dojo compose", "url": "https://github.com/dojo/compose", "description": "Dojo2 Composition Library", "stars": "8"}, {"name": "Dojo widgets", "url": "https://github.com/dojo/widgets", "description": "A core UI component library for Dojo 2", "stars": "84"}, {"name": "Dojo has", "url": "https://github.com/dojo/has", "description": "A feature detection library", "stars": "3"}, {"name": "Dojo shim", "url": "https://github.com/dojo/shim", "description": "Modules that provide modular fills of ES6+ functionality", "stars": "14"}, {"name": "Dojo parse", "url": "https://github.com/dojo/parser", "description": "A package for declaratively instantiating widgets.", "stars": "3"}, {"name": "Dojo2 App", "url": "https://github.com/dojo/app", "description": "An application framework for Dojo 2 (example)", "stars": "7"}, {"name": "Dojango", "url": "https://github.com/klipstein/dojango/", "description": "Dojo and Django Python framework integration", "stars": "63"}, {"name": "dojo-rails", "url": "http://robin850.github.io/dojo-rails/", "description": "Dojo and Ruby on Rails framework integration"}, {"name": "Dojo Maven", "url": "https://github.com/cometd/dojo-maven", "description": "Maven packaging of the Dojo Toolkit", "stars": "3"}, {"name": "Intern", "url": "https://github.com/theintern/", "description": "A next-generation code testing stack for JavaScript."}, {"name": "Intern User guide", "url": "https://theintern.github.io/intern/#what-is-intern", "description": "A quite complete manual about how to use The Intern"}, {"name": "Intern Yeoman page objects", "url": "https://github.com/glamb/generator-internjs-pageobjects/", "description": "A Yeoman generator to create unit test and suites", "stars": "1"}, {"name": "Intern Yeoman generator", "url": "https://github.com/naglalakk/generator-intern", "description": "Yeoman generator - Intern", "stars": "2"}, {"name": "AuShada", "url": "https://github.com/dreaswar/AuShadha", "description": "Django and Dojo application for Electronic Medical Records (EMR) and Public Health Management", "stars": "71"}, {"name": "dapi", "url": "https://github.com/dojo/dapi", "description": "node.js Dojo API viewer", "stars": "12"}, {"name": "Dig Dug", "url": "https://github.com/theintern/digdug", "description": "A JavaScript library for launching WebDriver service tunnels", "stars": "45"}, {"name": "Dojo Demo", "url": "https://github.com/rmurphey/dojo-demo", "description": "Dojo demo", "stars": "57"}, {"name": "dojorama", "url": "https://github.com/sirprize/dojorama", "description": "Single page demo application based on Dojo 1.9, Twitter Bootstrap 3 and history API", "stars": "47"}, {"name": "Dojox application", "url": "https://github.com/dmachi/dojox_application", "description": "Dojox Application Framework for mobile, tablets, and desktops", "stars": "27"}, {"name": "js-doc-parse", "url": "https://github.com/dojo/js-doc-parse", "description": "Library for parsing dojo JavaScript files and extracting inline documentation", "stars": "12"}, {"name": "rstwiki", "url": "https://github.com/phiggins42/rstwiki", "description": "Simple reST/wiki system built with Python and Dojo Toolkit", "stars": "28"}, {"name": "Scripted", "url": "https://github.com/scripted-editor", "description": "Scripted is a fast and lightweight code editor with an initial focus on JavaScript editing"}, {"name": "todomvc", "url": "https://github.com/tastejs/todomvc", "description": "Helping you select an MV\\* framework - todo app examples", "stars": "28k"}, {"name": "Dojo2 Example", "url": "https://github.com/dojo/examples", "description": "Dojo 2 Examples", "stars": "78"}, {"name": "xamiro", "url": "https://github.com/xblox/xamiro", "description": "IDE alike file manager in PHP and JavaScript with minimal dependencies."}, {"name": "Windows-dist", "url": "https://github.com/flysurfer28/windows-dist", "description": "Full automation suite for IoT and prototyping."}, {"name": "dijit-claro-stylus", "url": "https://github.com/kfranqueiro/dijit-claro-stylus", "description": "A straight conversion of Dijit's Claro theme from LESS to Stylus.", "stars": "24"}, {"name": "Flat Dojo Theme", "url": "http://yiweima.github.io/flatdojo/", "description": "Esri Flat Dijit Design"}, {"name": "Semantic Dojo Theme", "url": "http://websemantics.github.io/semantic-dojo/", "description": "A responsive Dojo theme that harnesses the style awesomeness of [Semantic UI](http://semantic-ui.com/) Framework."}, {"name": "Definitive TypeScript Guide", "url": "https://www.sitepen.com/blog/2013/12/31/definitive-guide-to-typescript/", "description": "A guide about features and functionalities of TypeScript"}, {"name": "Dojo to Typescript Converter", "url": "https://github.com/stopyoukid/DojoToTypescriptConverter", "description": "A typescript script which creates typescript compatible declarations from a dojo api.json file.", "stars": "9"}, {"name": "Dojo-TypeScript", "url": "https://github.com/schungx/Dojo-TypeScript", "description": "Using Dojo 1.9 AMD-style with Microsoft TypeScript 0.9.5", "stars": "13"}, {"name": "Dojo Typings", "url": "https://github.com/dojo/typings", "description": "A repository of Dojo 1 TypeScript Typings (including Dijit and DojoX)", "stars": "28"}, {"name": "Brazilian Facebook Group", "url": "https://www.facebook.com/groups/288220914564119/", "description": "Brazilian Dojo Community on Facebook"}, {"name": "Dojo mailing list", "url": "http://dojotoolkit.org/community/", "description": "mailing list for questions and discussions"}, {"name": "Dojo on StackOverflow", "url": "http://stackoverflow.com/questions/tagged/dojo", "description": "Dojo Toolkit support on StackOverflow"}, {"name": "Dojo on Twitter", "url": "https://twitter.com/dojo", "description": "Dojo's Twitter account"}, {"name": "Facebook Group", "url": "https://www.facebook.com/groups/4375511291/", "description": "Dojo community on Facebook"}, {"name": "Google Plus Community", "url": "https://plus.google.com/communities/107837593684207188221", "description": "Dojo community on Google Plus"}, {"name": "Linked In Dojo Ajax Toolkit Developers Group", "url": "https://www.linkedin.com/groups/Dojo-Ajax-Toolkit-Developers-71399", "description": "Dojo Community on LinkedIn"}, {"name": "Linked In Dojo Toolkit Group", "url": "https://www.linkedin.com/groups/dojo-toolkit-81926", "description": "Dojo Community on LinkedIn"}, {"name": "Reddit Community", "url": "https://www.reddit.com/r/dojo/", "description": "growing community discussing Dojo on Reddit (invitation-only)."}, {"name": "SensioLabs Connect Club", "url": "https://connect.sensiolabs.com/club/dojo-toolkit", "description": "Sensiolabs Connect Dojo Toolkit Club for PHP and Symfony developers"}, {"name": "IRC", "url": "http://irc.lc/freenode/dojo", "description": "Large and active IRC support channel."}, {"name": "Meetup", "url": "https://www.meetup.com/topics/dojo/", "description": "Get involved locally and find local user groups."}, {"name": "awesome-javascript", "url": "https://github.com/sorrycc/awesome-javascript", "description": "awesome JavaScript list", "stars": "29k"}, {"name": "awesome-javascript-books", "url": "https://github.com/heatroom/awesome-javascript-books", "description": "awesome JavaScript books", "stars": "124"}], "notes": [], "source": "Dojo"}, {"name": "Progressive Enhancement Resources", "entries": [{"name": "The Concept", "url": "#the-concept", "description": ""}, {"name": "Strategies", "url": "#strategies", "description": ""}, {"name": "Feature Detection", "url": "#feature-detection", "description": ""}, {"name": "Support Tables", "url": "#support-tables", "description": ""}, {"name": "Testing Methods", "url": "#testing-methods", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Related Articles", "url": "#related-articles", "description": ""}, {"name": "Progressive Enhancement: It's about the content", "url": "http://cognition.happycog.com/article/progressive-enhancement-its-about-the-content", "description": "Sharing content is the core of the web. Progressive Enhancement ensures access to content."}, {"name": "The Role of Enhancement in Web Design", "url": "https://www.nngroup.com/articles/enhancement/", "description": "From the concept of enhancement to the criteria and rules for enriching the user interface."}, {"name": "Understanding Progressive Enhancement", "url": "http://alistapart.com/article/understandingprogressiveenhancement", "description": "Apply technologies in an intelligent way, layer-upon-layer, to craft an amazing experience."}, {"name": "Designing with Progressive Enhancement", "url": "https://www.filamentgroup.com/dwpe/", "description": "*The book* (400+ pages) on Progressive Enhancement."}, {"name": "Adaptive Web Design", "url": "http://adaptivewebdesign.info/2nd-edition/", "description": "Book on Progressive Enhancement from content to design and interaction."}, {"name": "Detecting (HTML5) features", "url": "http://diveinto.html5doctor.com/detect.html", "description": "Intro to different feature detection techniques with examples and demos."}, {"name": "Progressive Web Apps", "url": "https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/", "description": "Enhancing web sites into native-like apps (progressive, not hybrid)."}, {"name": "The Content-out Approach", "url": "https://articles.uie.com/progressive_enhancement/", "description": "Provide wide access to content without technological restrictions."}, {"name": "Make the page usable with only HTML", "url": "https://www.gov.uk/service-manual/technology/using-progressive-enhancement#make-the-page-usable-with-only-html", "description": "This sets the baseline for every device and browser."}, {"name": "Test Driven Progressive Enhancement", "url": "http://alistapart.com/article/testdriven", "description": "Core functional experience enhanced after testing capabilities."}, {"name": "Cut the mustard", "url": "http://responsivenews.co.uk/post/18948466399/cutting-the-mustard", "description": "Set a threshold for collection of enhancements."}, {"name": "Grade components, not browsers", "url": "https://www.filamentgroup.com/lab/grade-the-components.html", "description": "Component level feature tests and enhancements."}, {"name": "Feature vs Browser vs Form factor detection", "url": "http://www.html5rocks.com/en/tutorials/detection/", "description": "As different strategies to tune your app to its environment."}, {"name": "Server-side device detection", "url": "https://www.smashingmagazine.com/2014/07/server-side-device-detection-with-javascript/", "description": "Use user-agent and other HTTP header info combined with a device database to conditionally serve files."}, {"name": "Writing polyfills", "url": "https://addyosmani.com/blog/writing-polyfills/", "description": "If your baseline is still too high for some browsers, consider [polyfills](https://remysharp.com/2010/10/08/what-is-a-polyfill) (aka [Regressive Enhancement](https://twitter.com/SlexAxton/status/25600963629))."}, {"name": "Application Shell Architecture", "url": "https://medium.com/google-developers/instant-loading-web-apps-with-an-application-shell-architecture-7c0c2f10c73", "description": "Setup for instant loading web apps."}, {"name": "CSS feature queries", "url": "https://www.sitepoint.com/an-introduction-to-css-supports-rule-feature-queries/", "description": ""}, {"name": "Feature Detect ES6", "url": "https://www.npmjs.com/package/feature-detect-es6", "description": "Detect which ES2015 features are available."}, {"name": "SVG requiredFeatures", "url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/requiredFeatures", "description": "Render SVG elements only if their `[requiredFeatures]` evaluate to true."}, {"name": "Modernizr", "url": "https://modernizr.com/", "description": "Extensive feature detection suite (supports custom builds)."}, {"name": "Feature.js", "url": "http://featurejs.com/", "description": "Lightweight feature detection suite."}, {"name": "Conditioner.js", "url": "http://conditionerjs.com/", "description": "Conditionally load JS modules based on directives in HTML attributes."}, {"name": "EnhanceJS", "url": "https://www.filamentgroup.com/lab/introducing-enhancejs-smarter-safer-apply-progressive-enhancement.html", "description": "Lets you asynchronously load CSS & JS after a set pre-defined feature tests."}, {"name": "The Web Platform", "url": "https://platform.html5.org/", "description": "Overview of browser technologies with links to docs and test suites."}, {"name": "Can I use ...?", "url": "http://caniuse.com/", "description": "Compare feature implementations and limitations across desktop & mobile browsers."}, {"name": "I want to use ...", "url": "http://www.iwanttouse.com/", "description": "Figure out the browser support of combinations of features."}, {"name": "HTML5 Test", "url": "http://html5test.com/", "description": "Test and compare HTML5 feature support across browsers."}, {"name": "CSS3 Test", "url": "http://css3test.com/", "description": "Fine-grained tests for CSS3 feature support of your current browser."}, {"name": "Accessibility Support", "url": "https://a11ysupport.io/", "description": "Compare accessibility support of HTML elements and ARIA roles across browsers & assistive technologies."}, {"name": "State of Web Type", "url": "https://github.com/bramstein/stateofwebtype", "description": "Support tables for type and typographic features on the web.", "stars": "67"}, {"name": "Font Family Reunion", "url": "http://fontfamily.io/", "description": "Compatibility tables for default local (system) fonts."}, {"name": "HTML5 Accessibility", "url": "http://html5accessibility.com/", "description": "Compare feature support of HTML5 tags, input types and properties across major browsers."}, {"name": "WAI-ARIA Screen reader compatibility", "url": "https://www.powermapper.com/tests/screen-readers/aria/", "description": "ARIA roles and attributes support for different screen reader and browser combinations."}, {"name": "What web can do today", "url": "https://whatwebcando.today/", "description": "Lists and checks modern web APIs like access to device system, sensors and actuators."}, {"name": "HTML5 Worker test", "url": "https://nolanlawson.github.io/html5workertest/", "description": "Compare which APIs are supported in Web Workers and Service Workers across browsers."}, {"name": "HTML5 Please", "url": "http://html5please.com/", "description": "Explore features with recommendations and links to polyfills."}, {"name": "API Catalog", "url": "https://developer.microsoft.com/en-us/microsoft-edge/platform/catalog/", "description": "Lets you compare implementation of API specifications in major desktop browsers."}, {"name": "Kangax's ECMAScript compatibility table", "url": "http://kangax.github.io/compat-table/", "description": "Overview of JavaScript feature support across browsers and other runtimes."}, {"name": "Node compatibility table", "url": "http://node.green/", "description": "Overview of JavaScript feature support across NodeJS versions."}, {"name": "Is service worker ready?", "url": "https://jakearchibald.github.io/isserviceworkerready/", "description": "Overview of support for all features involved in the core technology behind Progressive Web Apps."}, {"name": "Is PWA ready?", "url": "https://ispwaready.toxicjohann.com/", "description": "Overview of support for the core and related technologies behind Progressive Web Apps for both popular global and many Chinese browsers."}, {"name": "Is WebRTC ready yet?", "url": "http://iswebrtcreadyyet.com/", "description": "Overview of support for the different browser features behind real time communication."}, {"name": "Is WebVR ready?", "url": "https://iswebvrready.org/", "description": "Overview of support of different browser features behind WebVR including display, gamepad, audio and speech APIs."}, {"name": "Is Houdini ready yet?", "url": "https://ishoudinireadyyet.com/", "description": "Overview of support for Houdini (low-level APIs exposing parts of the CSS rendering engine) across browsers."}, {"name": "Chrome Platform Status", "url": "https://www.chromestatus.com/features", "description": ""}, {"name": "Edge Platform Status", "url": "https://developer.microsoft.com/en-us/microsoft-edge/platform/status/", "description": ""}, {"name": "Firefox Platform Status", "url": "https://platform-status.mozilla.org/", "description": ""}, {"name": "Webkit Platform Status", "url": "https://webkit.org/status/", "description": ""}, {"name": "MDN Compatibility tables", "url": "https://developer.mozilla.org/en-US/docs/MDN/Contribute/Structures/Compatibility_tables", "description": "MDN's web technology documentation has a browser compatibility table end the end of each article."}, {"name": "MDN Browser Compat Data", "url": "https://github.com/mdn/browser-compat-data", "description": "npm module powering the MDN Compatibility tables.", "stars": "4.4k"}, {"name": "Device Bugs & Quirks", "url": "https://github.com/scottjehl/Device-Bugs", "description": "Crowd sourced collection of weird HTML, CSS, and JS quirks in mobile devices, which you won't find in the other support tables.", "stars": "859"}, {"name": "Can I Email?", "url": "https://www.caniemail.com/", "description": "Support tables for HTML and CSS in emails. Inspired by [Can I use](http://caniuse.com/)."}, {"name": "Project Fugu API tracker", "url": "https://fugu-tracker.web.app/", "description": "Browser support status overview of web API's filling the \"app gap\"."}, {"name": "iOS PWA Compatibility", "url": "https://firt.dev/notes/pwa-ios/", "description": "Support table for PWA features including service worker, manifest, background sync and push notifications (Unofficial, maintained by Maximiliano Firtman)."}, {"name": "Open Device Lab", "url": "https://opendevicelab.com/", "description": "Lets you *test manually on actual devices* (for free)."}, {"name": "Text browsers", "url": "https://en.wikipedia.org/wiki/Text-based_web_browser", "description": "Good way to test if your content is accessible at the baseline. Try [Lynx](http://lynx.browser.org/) for example."}, {"name": "Testing in Opera Mini", "url": "https://dev.opera.com/articles/making-sites-work-opera-mini/#testing-in-opera-mini", "description": "Download the app, emulate on desktop, setup to test local websites. (Opera Mini accounts for over 5% browser usage world wide)"}, {"name": "cURL", "url": "https://curl.haxx.se/docs/manual.html", "description": "Web page to see the pre-rendered source code of a page."}, {"name": "Browserling", "url": "https://www.browserling.com/", "description": "Lets you manually test web pages in different versions of browsers on Windows and Android platforms."}, {"name": "Run Internet Explorer using Virtual Machines", "url": "https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/mac/", "description": "To test IE browsers on other platforms."}, {"name": "Device emulators and simulators", "url": "https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/testing-other-browsers?hl=en#device-emulators-and-simulators", "description": ""}, {"name": "Configure *Desired Capabilities* in Selenium", "url": "https://github.com/SeleniumHQ/selenium/wiki/DesiredCapabilities", "description": "Run automated browser tests in different scenarios.", "stars": "26k"}, {"name": "Lighthouse", "url": "https://github.com/GoogleChrome/lighthouse", "description": "Audit and meassure performance of Progressive Web Apps (via cli or [Chrome extension](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)).", "stars": "26k"}, {"name": "Progressive Enhancement checklist (1st edition, HTML)", "url": "http://adaptivewebdesign.info/1st-edition/read/chapter-6.html#the-progressive-enhancement-checklist", "description": ""}, {"name": "CSS Feature Toggles", "url": "https://chrome.google.com/webstore/detail/css-feature-toggles/aeinmfddnniiloadoappmdnffcbffnjg", "description": "Chrome DevTools extension to toggle support of selected CSS features for testing progressive enhancement fallbacks."}], "notes": [], "source": "Progressive Enhancement Resources"}, {"name": "Progressive Enhancement Resources \u2014 Custom Form Elements", "entries": [{"name": "Fancy radio buttons", "url": "https://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/", "description": "Based on HTML radio buttons, visually enhanced using CSS pseudo classes and elements."}, {"name": "Checkboxes & radio buttons", "url": "https://www.filamentgroup.com/dwpe/checkbox-radiobutton/", "description": "With custom focus, hover and checked state. Enhanced asynchronously."}, {"name": "Toggle switch", "url": "https://ghinda.net/css-toggle-switch/", "description": "Checkbox or radios, visually enhanced to sliding toggle switches using CSS only."}, {"name": "5-star rating", "url": "http://lea.verou.me/2011/08/accessible-star-rating-widget-with-pure-css/", "description": "Based on HTML radio buttons, visually enhanced using CSS pseudo classes and elements."}, {"name": "jQuery slider", "url": "https://github.com/filamentgroup/jQuery-Slider", "description": "Accessible, custom slider widget based on a standard HTML select.", "stars": "34"}, {"name": "jQuery custom file input", "url": "https://www.filamentgroup.com/lab/jquery-custom-file-input-book-designing-with-progressive-enhancement.html", "description": "Article and library."}, {"name": "React isomorphic form", "url": "https://github.com/ghengeveld/react-isomorphic-form/", "description": "Set of React form components which can be pre-rendered & handled server-side. They are enhanced client-side without losing state.", "stars": "30"}], "notes": [], "source": "Progressive Enhancement Resources"}, {"name": "Progressive Enhancement Resources \u2014 Data Visualisations", "entries": [{"name": "Timeline", "url": "https://css-tricks.com/progressive-enhancement-data-visualizations/", "description": "From definition list to SVG illustration (article with demos)."}, {"name": "Charts", "url": "https://www.filamentgroup.com/lab/update-to-jquery-visualize-accessible-charts-with-html5-from-designing-with.html", "description": "From data table to themed charts using HTML5 canvas (article and library)."}], "notes": [], "source": "Progressive Enhancement Resources"}, {"name": "Progressive Enhancement Resources \u2014 Images", "entries": [{"name": "Responsive Carousel", "url": "http://filamentgroup.github.io/responsive-carousel/test/functional/fade-auto.html", "description": "List of images enhanced into responsive carousel with various behaviour options."}, {"name": "Lazy Progressive Enhancement", "url": "https://github.com/tvler/lazy-progressive-enhancement", "description": "Lazy load images inside `<noscript>` tags. (note: Evergreen browsers only)", "stars": "190"}], "notes": [], "source": "Progressive Enhancement Resources"}, {"name": "Progressive Enhancement Resources \u2014 Menus", "entries": [{"name": "Progressive hamburger menu", "url": "http://heydonworks.com/practical_aria_examples/#hamburger", "description": "List of links in footer enhanced to off-canvas menu."}], "notes": [], "source": "Progressive Enhancement Resources"}, {"name": "Progressive Enhancement Resources \u2014 Page Navigation", "entries": [{"name": "Barba.js", "url": "http://barbajs.org/", "description": "Add page transitions with event hooks, cache and prefetch support."}, {"name": "SmoothState.js", "url": "https://github.com/miguel-perez/smoothState.js", "description": "Add page transitions with event hooks, cache and prefetch support. (requires jQuery).", "stars": "4.5k"}, {"name": "jquery-pjax", "url": "https://github.com/defunkt/jquery-pjax", "description": "Add page transitions with support for multiple containers / content slots (requires jQuery).", "stars": "17k"}, {"name": "MoOx/pjax", "url": "https://github.com/MoOx/pjax", "description": "Similar tot jquery-pjax, but without the jQuery dependency.", "stars": "1.3k"}, {"name": "Turbolinks", "url": "https://github.com/turbolinks/turbolinks", "description": "Add page transitions with event hooks and cache support. Has adapters to bind to native navigation controls on iOS and Android.", "stars": "13k"}, {"name": "Make the web work for everyone", "url": "https://hacks.mozilla.org/2016/07/make-the-web-work-for-everyone/", "description": "Plea to developers to consider browser differences and build a resilient web."}, {"name": "How many people are missing out on JavaScript enhancement?", "url": "https://gds.blog.gov.uk/2013/10/21/how-many-people-are-missing-out-on-javascript-enhancement/", "description": "Research on why in 1.1% of page visits JavaScript isn't loaded."}], "notes": [], "source": "Progressive Enhancement Resources"}, {"name": "Redux", "entries": [{"name": "Code Architecture", "url": "#code-architecture", "description": ""}, {"name": "Utilities", "url": "#utilities", "description": ""}, {"name": "Code Style", "url": "#code-style", "description": ""}, {"name": "Dev tools / Inspection tools", "url": "#dev-tools--inspection-tools", "description": ""}, {"name": "React Integration", "url": "#react-integration", "description": ""}, {"name": "Other Integrations", "url": "#other-integrations", "description": ""}, {"name": "Boilerplate", "url": "#boilerplate", "description": ""}, {"name": "Miscellaneous", "url": "#miscellaneous", "description": ""}, {"name": "Learning Material", "url": "#learning-material", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "redux-schema", "url": "https://github.com/ddsol/redux-schema", "description": "Automatic actions, reducers and validation for Redux.", "stars": "157"}, {"name": "redux-tcomb", "url": "https://github.com/gcanti/redux-tcomb", "description": "Immutable and type-checked state and actions for Redux.", "stars": "212"}, {"name": "redux-action-tree", "url": "https://github.com/cerebral/redux-action-tree", "description": "The Cerebral signals running with Redux.", "stars": "227"}, {"name": "redux-elm", "url": "https://github.com/salsita/redux-elm", "description": "The Elm Architecture in JavaScript.", "stars": "496"}, {"name": "redux-orm", "url": "https://github.com/tommikaikkonen/redux-orm", "description": "Small, simple and immutable ORM to manage relational data in your Redux store.", "stars": "3k"}, {"name": "redux-api-middleware", "url": "https://github.com/agraboso/redux-api-middleware", "description": "Redux middleware for calling an API.", "stars": "1.5k"}, {"name": "redux-ignore", "url": "https://github.com/omnidan/redux-ignore", "description": "Higher-order reducer to ignore Redux actions.", "stars": "841"}, {"name": "redux-modifiers", "url": "https://github.com/calvinfroedge/redux-modifiers", "description": "Collection of generic functions for writing Redux reducers to operate on various data structures.", "stars": "159"}, {"name": "rereduce", "url": "https://github.com/slorber/rereduce", "description": "Reducer library for Redux.", "stars": "166"}, {"name": "redux-search", "url": "https://github.com/treasure-data/redux-search", "description": "Redux bindings for client-side search.", "stars": "1.4k"}, {"name": "redux-logger", "url": "https://github.com/evgenyrodionov/redux-logger", "description": "Logger middleware for Redux.", "stars": "5.7k"}, {"name": "redux-immutable", "url": "https://github.com/gajus/redux-immutable", "description": "Redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.", "stars": "1.9k"}, {"name": "reselect", "url": "https://github.com/reactjs/reselect", "description": "Selector library for Redux.", "stars": "19k"}, {"name": "redux-requests", "url": "https://github.com/idolize/redux-requests", "description": "Manages in-flight requests with a Redux reducer to avoid issuing duplicate requests.", "stars": "245"}, {"name": "redux-undo", "url": "https://github.com/omnidan/redux-undo", "description": "Higher order reducer to add undo/redo functionality to Redux state containers.", "stars": "2.8k"}, {"name": "redux-bug-reporter", "url": "https://github.com/dtschust/redux-bug-reporter", "description": "Bug reporter and bug playback tool for Redux.", "stars": "689"}, {"name": "redux-transducers", "url": "https://github.com/acdlite/redux-transducers", "description": "Transducer utilities for Redux.", "stars": "130"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Store Persistence", "entries": [{"name": "redux-storage", "url": "https://github.com/michaelcontento/redux-storage", "description": "Persistence layer for Redux with flexible backends.", "stars": "675"}, {"name": "redux-persist", "url": "https://github.com/rt2zz/redux-persist", "description": "Persist and rehydrate a Redux store.", "stars": "12k"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Side Effects", "entries": [{"name": "redux-saga", "url": "https://github.com/yelouafi/redux-saga", "description": "Alternative side effect model for Redux apps.", "stars": "22k"}, {"name": "redux-promise-middleware", "url": "https://github.com/pburtchaell/redux-promise-middleware", "description": "Redux middleware for resolving and rejecting promises with conditional optimistic updates.", "stars": "2k"}, {"name": "redux-effects", "url": "https://github.com/redux-effects/redux-effects", "description": "You write pure functions, redux-effects handles the rest.", "stars": "492"}, {"name": "redux-thunk", "url": "https://github.com/gaearon/redux-thunk", "description": "Thunk middleware for Redux.", "stars": "17k"}, {"name": "redux-connect", "url": "https://github.com/makeomatic/redux-connect", "description": "Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React.", "stars": "549"}, {"name": "redux-loop", "url": "https://github.com/redux-loop/redux-loop", "description": "Port of elm-effects and the Elm Architecture to Redux that allows you to sequence your effects naturally and purely by returning them from your reducers.", "stars": "2k"}, {"name": "redux-side-effects", "url": "https://github.com/salsita/redux-side-effects", "description": "Redux toolset for keeping all the side effects inside your reducers while maintaining their purity.", "stars": "182"}, {"name": "redux-logic", "url": "https://github.com/jeffbski/redux-logic", "description": "Redux middleware for organizing business logic and action side effects.", "stars": "1.8k"}, {"name": "redux-observable", "url": "https://github.com/redux-observable/redux-observable", "description": "RxJS middleware for action side effects in Redux using \"Epics\".", "stars": "7.8k"}, {"name": "redux-ship", "url": "https://github.com/clarus/redux-ship", "description": "Composable, testable and typable side effects.", "stars": "615"}, {"name": "redux-act", "url": "https://github.com/pauldijou/redux-act", "description": "Opinionated lib to create actions and reducers for Redux.", "stars": "1.5k"}, {"name": "redux-crud", "url": "https://github.com/Versent/redux-crud", "description": "Set of standard actions and reducers for Redux CRUD Applications.", "stars": "632"}, {"name": "redux-devtools-inspector", "url": "https://github.com/alexkuz/redux-devtools-inspector", "description": "Another Redux DevTools Monitor.", "stars": "240"}, {"name": "redux-diff-logger", "url": "https://github.com/fcomb/redux-diff-logger", "description": "Diff logger between states for Redux.", "stars": "177"}, {"name": "redux-devtools-chart-monitor", "url": "https://github.com/romseguy/redux-devtools-chart-monitor", "description": "Chart monitor for Redux DevTools.", "stars": "294"}, {"name": "redux-devtools", "url": "https://github.com/gaearon/redux-devtools", "description": "DevTools for Redux with hot reloading, action replay, and customizable UI.", "stars": "13k"}, {"name": "redux-devtools-dispatch", "url": "https://github.com/YoruNoHikage/redux-devtools-dispatch", "description": "Dispatch your actions manually to test if your app Reacts well.", "stars": "145"}, {"name": "redux-devtools-dock-monitor", "url": "https://github.com/gaearon/redux-devtools-dock-monitor", "description": "Resizable and movable dock for Redux DevTools monitors.", "stars": "403"}, {"name": "redux-devtools-filterable-log-monitor", "url": "https://github.com/bvaughn/redux-devtools-filterable-log-monitor", "description": "Filterable tree view monitor for Redux DevTools.", "stars": "154"}, {"name": "redux-devtools-log-monitor", "url": "https://github.com/gaearon/redux-devtools-log-monitor", "description": "The default monitor for Redux DevTools with a tree view.", "stars": "312"}, {"name": "remote-redux-devtools", "url": "https://github.com/zalmoxisus/remote-redux-devtools", "description": "Redux DevTools remotely.", "stars": "1.8k"}, {"name": "redux-test-recorder", "url": "https://github.com/conorhastings/redux-test-recorder", "description": "Redux middleware to automatically generate tests for reducers through ui interaction.", "stars": "492"}, {"name": "react-redux", "url": "https://github.com/reactjs/react-redux", "description": "Official React bindings for Redux.", "stars": "22k"}, {"name": "react-easy-universal", "url": "https://github.com/keystonejs/react-easy-universal", "description": "Universal Routing & Rendering with React & Redux was too hard. Now it's easy."}, {"name": "redux-form-material-ui", "url": "https://github.com/erikras/redux-form-material-ui", "description": "Set of wrapper components to facilitate using Material UI with Redux Form.", "stars": "834"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Routing", "entries": [{"name": "redux-async-connect", "url": "https://github.com/Rezonans/redux-async-connect", "description": "It allows you to request async data, store them in Redux state and connect them to your React component.", "stars": "650"}, {"name": "redux-tiny-router", "url": "https://github.com/Agamennon/redux-tiny-router", "description": "Router made for Redux and made for universal apps. Stop using the router as a controller, it's just state.", "stars": "130"}, {"name": "redux-router", "url": "https://github.com/acdlite/redux-router", "description": "Redux bindings for React Router \u2013 keep your router state inside your Redux store.", "stars": "2.3k"}, {"name": "react-router-redux", "url": "https://github.com/reactjs/react-router-redux", "description": "Ruthlessly simple bindings to keep react-router and Redux in sync.", "stars": "7.9k"}, {"name": "ground-control", "url": "https://github.com/raisemarketplace/ground-control", "description": "Scalable reducer management & powerful data fetching for React Router & Redux.", "stars": "263"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Forms", "entries": [{"name": "redux-form", "url": "https://github.com/erikras/redux-form", "description": "Higher Order Component using react-redux to keep form state in a Redux store.", "stars": "13k"}, {"name": "react-redux-form", "url": "https://github.com/davidkpiano/react-redux-form", "description": "Create forms easily in React with Redux.", "stars": "2.1k"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Component State", "entries": [{"name": "redux-react-local", "url": "https://github.com/threepointone/redux-react-local", "description": "Local component state via Redux.", "stars": "373"}, {"name": "redux-ui", "url": "https://github.com/tonyhb/redux-ui", "description": "Easy UI state management for React Redux.", "stars": "640"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Flux", "entries": [{"name": "redux-actions", "url": "https://github.com/acdlite/redux-actions", "description": "Flux Standard Action utilities for Redux.", "stars": "6.6k"}, {"name": "redux-promise", "url": "https://github.com/acdlite/redux-promise", "description": "FSA-compliant promise middleware for Redux.", "stars": "2.7k"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Backbone", "entries": [{"name": "backbone-redux", "url": "https://github.com/redbooth/backbone-redux", "description": "Easy way to keep your backbone collections and Redux store in sync.", "stars": "189"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Falcor", "entries": [{"name": "redux-falcor", "url": "https://github.com/ekosz/redux-falcor", "description": "Connect your Redux front-end to your falcor back-end.", "stars": "369"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 RxJS", "entries": [{"name": "redux-observable", "url": "https://github.com/redux-observable/redux-observable", "description": "RxJS middleware for action side effects in Redux using \"Epics\".", "stars": "7.8k"}, {"name": "rx-redux", "url": "https://github.com/jas-chen/rx-redux", "description": "Reimplementation of Redux using RxJS.", "stars": "421"}, {"name": "redux-rx", "url": "https://github.com/acdlite/redux-rx", "description": "RxJS utilities for Redux.", "stars": "1k"}, {"name": "redurx", "url": "https://github.com/shiftyp/redurx", "description": "Redux'ish Functional State Management using RxJS.", "stars": "97"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Electron", "entries": [{"name": "redux-electron-store", "url": "https://github.com/samiskin/redux-electron-store", "description": "Redux store enhancer that allows automatic synchronization between electron processes.", "stars": "375"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Deku", "entries": [{"name": "deku-redux", "url": "https://github.com/troch/deku-redux", "description": "Bindings for Redux in deku < v2.", "stars": "31"}], "notes": [], "source": "Redux"}, {"name": "Redux \u2014 Other", "entries": [{"name": "redux-rollbar-middleware", "url": "https://github.com/netguru/redux-rollbar-middleware", "description": "Redux middleware that wraps exceptions in actions and sends them to Rollbar with current state."}, {"name": "kasia", "url": "https://github.com/outlandishideas/kasia", "description": "React Redux toolset for the WordPress API.", "stars": "218"}, {"name": "redux-cli", "url": "https://github.com/SpencerCDixon/redux-cli", "description": "Opinionated CLI for building Redux/React apps quicker.", "stars": "890"}, {"name": "reactuate", "url": "https://github.com/reactuate/reactuate", "description": "React/Redux stack (not a boilerplate kit).", "stars": "490"}, {"name": "react-chrome-extension-boilerplate", "url": "https://github.com/jhen0409/react-chrome-extension-boilerplate", "description": "Boilerplate for Chrome Extension React.js project.", "stars": "2.1k"}, {"name": "universal-redux", "url": "https://github.com/bdefore/universal-redux", "description": "Npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to.", "stars": "462"}, {"name": "generator-react-aspnet-boilerplate", "url": "https://github.com/pauldotknopf/react-aspnet-boilerplate", "description": "Starting point for building isomorphic React applications with ASP.NET Core 1, leveraging existing techniques.", "stars": "284"}, {"name": "generator-redux", "url": "https://github.com/banderson/generator-redux", "description": "CLI tools for Redux: next-gen functional Flux/React with devtools.", "stars": "251"}, {"name": "generator-react-webpack-redux", "url": "https://github.com/stylesuxx/generator-react-webpack-redux", "description": "React Webpack Generator including Redux support.", "stars": "552"}, {"name": "socrates", "url": "https://github.com/matthewmueller/socrates", "description": "Small (8kb), batteries-included Redux store to reduce boilerplate and promote good habits.", "stars": "579"}, {"name": "redux-core", "url": "https://github.com/jas-chen/redux-core", "description": "Minimal Redux.", "stars": "42"}, {"name": "Reddit", "url": "https://www.reddit.com/r/reduxjs/", "description": ""}, {"name": "Stack Overflow", "url": "http://stackoverflow.com/questions/tagged/redux", "description": ""}, {"name": "Discord", "url": "https://discord.gg/0ZcbPKXt5bZ6au5t", "description": ""}, {"name": "Slack", "url": "http://slack.redux.io/", "description": ""}, {"name": "Gitter", "url": "https://gitter.im/reactjs/redux", "description": ""}, {"name": "`#rackt` on freenode", "url": "https://webchat.freenode.net/", "description": ""}], "notes": [], "source": "Redux"}, {"name": "Marionette", "entries": [{"name": "Official site", "url": "http://marionettejs.com/", "description": ""}, {"name": "Github repository", "url": "https://github.com/marionettejs/backbone.marionette", "description": "", "stars": "7.1k"}, {"name": "Annotated source", "url": "http://marionettejs.com/annotated-src/backbone.marionette", "description": ""}, {"name": "Marionette.js Blog", "url": "http://blog.marionettejs.com/", "description": ""}, {"name": "StackOverflow", "url": "http://stackoverflow.com/questions/tagged/marionette", "description": "Tagged questions"}, {"name": "Gitter chat", "url": "https://gitter.im/marionettejs/backbone.marionette", "description": ""}, {"name": "Marionette Inspector", "url": "https://github.com/marionettejs/marionette.inspector", "description": "", "stars": "171"}, {"name": "Yeoman generator for Marionette.js", "url": "https://github.com/mrichard/generator-marionette", "description": "", "stars": "333"}, {"name": "Marionette CLI", "url": "https://github.com/denar90/marionette-cli", "description": "", "stars": "22"}, {"name": "MarionetteJS CLI package for atom", "url": "https://atom.io/packages/atom-marionettejs-cli", "description": ""}, {"name": "A Thorough Introduction To Backbone.Marionette Part 1: Application", "url": "https://www.smashingmagazine.com/2013/02/introduction-backbone-marionette/", "description": ""}, {"name": "A Thorough Introduction To Backbone.Marionette Part 2: Modules", "url": "https://www.smashingmagazine.com/2013/04/thorough-introduction-backbone-marionette-part-2-modules/", "description": ""}, {"name": "A Thorough Introduction To Backbone.Marionette Part 3: Views", "url": "https://www.smashingmagazine.com/2014/06/thorough-introduction-backbone-marionette-part-3/", "description": ""}, {"name": "A Simple Backbone.Marionette tutorial: Application. Simple List", "url": "http://davidsulc.com/blog/2012/05/06/tutorial-a-full-backbone-marionette-application-part-1/", "description": ""}, {"name": "A Simple Backbone.Marionette tutorial: Application with Interactions", "url": "http://davidsulc.com/blog/2012/04/22/a-simple-backbone-marionette-tutorial-part-2/", "description": ""}, {"name": "A Visual Guide To Marionette.js Views", "url": "http://www.artandlogic.com/blog/2013/03/a-visual-guide-to-marionette-js-views/", "description": ""}, {"name": "Representing Marionette.js Views With State", "url": "http://www.artandlogic.com/blog/2013/06/representing-marionette-js-views-with-state/", "description": ""}, {"name": "The Case for Marionette.js", "url": "http://benmccormick.org/2014/12/02/the-case-for-marionette-js/", "description": ""}, {"name": "Connecting Data to Your Views", "url": "http://benmccormick.org/2014/12/10/marionette-explained-connecting-your-data-to-your-views/", "description": ""}, {"name": "Building Complex Layouts with Marionette.js", "url": "http://benmccormick.org/2014/12/22/building-complex-layouts-with-marionette-js/", "description": ""}, {"name": "The Life of a Marionette View", "url": "http://benmccormick.org/2015/01/05/marionette-view-life-cycles/", "description": ""}, {"name": "Building Modular Web Apps with Backbone.Radio", "url": "http://benmccormick.org/2015/01/26/backbone-radio/", "description": ""}, {"name": "From Backbone.js to Marionette.js (Russian)", "url": "http://habrahabr.ru/post/207730/", "description": "by Mahnunchik"}, {"name": "Marionette.js Behaviors, Part 1: The Basics", "url": "https://spin.atomicobject.com/2014/09/11/marionette-behaviors-overview/", "description": ""}, {"name": "Marionette.js Behaviors, Part 2: Testing Behaviors", "url": "https://spin.atomicobject.com/2014/09/12/testing-marionette-js-behaviors/", "description": ""}, {"name": "Things I Learned from Building a Large Scale Backbone + Marionette Application", "url": "http://authenticff.com/journal/building-large-scale-backbone-marionette-applications", "description": ""}, {"name": "Design Rules in a Backbone-Marionette App", "url": "http://cloudandcode.tumblr.com/post/98671637921/design-rules-in-a-backbone-marionette-app", "description": ""}, {"name": "A Short Primer on Marionette.js", "url": "http://cloudandcode.tumblr.com/post/98265035816/a-short-primer-on-marionette-js", "description": ""}, {"name": "Pimping Backbone with Marionette", "url": "http://scm.io/blog/hack/2014/09/backbone-marionette/", "description": ""}, {"name": "Handling Forms with Marionette.js", "url": "http://spin.atomicobject.com/2013/11/25/forms-marionette-js-backbone/", "description": ""}, {"name": "Nested Views in Backbone.Marionette", "url": "http://blog.mojotech.com/nested-views-in-backbone-marionette/", "description": ""}, {"name": "DRY up Your Views in Backbone Marionette", "url": "http://blog.mojotech.com/dry-up-your-views-in-backbone-marionette/", "description": ""}, {"name": "Strengthening Our Backbone with Marionette (Part I)", "url": "http://tech.kinja.com/strengthening-our-backbone-with-marionette-part-i-1583630931", "description": ""}, {"name": "Tutorial: Nested Views Using Backbone Marionette's CompositeView", "url": "http://davidsulc.com/blog/2013/02/03/tutorial-nested-views-using-backbone-marionettes-compositeview/", "description": ""}, {"name": "Components with Backbone.js and Marionette.js", "url": "http://blog.jeremyfairbank.com/javascript/components-with-backbone-js-and-marionette-js/", "description": ""}, {"name": "Managing Layouts and Nested Views with Backbone.Marionette", "url": "http://lostechies.com/derickbailey/2012/03/22/managing-layouts-and-nested-views-with-backbone-marionette/", "description": ""}, {"name": "Revisiting the Backbone Event Aggregator: Lessons Learned", "url": "http://lostechies.com/derickbailey/2012/04/03/revisiting-the-backbone-event-aggregator-lessons-learned/", "description": ""}, {"name": "Why Should I Use Backbone.Marionette Instead of \u2026 ?", "url": "http://lostechies.com/derickbailey/2012/06/13/why-should-i-use-backbone-marionette-instead-of-%E2%80%A6/", "description": ""}, {"name": "Polymer Web Components with Marionette.js", "url": "http://blog.jeremyfairbank.com/javascript/polymer-web-components-with-marionette-js/", "description": ""}, {"name": "Building a Marionette App with Flux Architecture", "url": "http://iamnotarealprogrammer.com/flux-architecture-in-a-backbone-and-marionette-app/", "description": ""}, {"name": "Marionette-Service: Service Objects for Marionette", "url": "http://benmccormick.org/2015/05/25/marionette-service-service-objects-for-marionette/", "description": ""}, {"name": "Refactoring a JavaScript Application to Use Microservices: What We Learned with Backbone and Marionette", "url": "https://www.safaribooksonline.com/blog/2015/11/24/refactoring-javascript-microservice-backbone-marionette/", "description": ""}, {"name": "SEO-Enabling Your Marionette App", "url": "https://docs.google.com/presentation/d/1jy9SXyr6ZjbY7lOSKN8QraH96-vR7mnAo0ePvzDb8uc/pub?start=false\\&loop=false\\&delayms=3000\\&slide=id.p", "description": ""}, {"name": "Building Backbone Plugins", "url": "https://leanpub.com/building-backbone-plugins", "description": ""}, {"name": "Backbone.Marionette.js: A Gentle Introduction", "url": "https://leanpub.com/marionette-gentle-introduction", "description": ""}, {"name": "Structuring Backbone Code with RequireJS and Marionette Modules", "url": "https://leanpub.com/structuring-backbone-with-requirejs-and-marionette", "description": ""}, {"name": "Marionette Expos\u00e9", "url": "https://leanpub.com/marionetteexpose", "description": ""}, {"name": "Backbone.Marionette.js: A Serious Progression", "url": "https://leanpub.com/marionette-serious-progression", "description": ""}, {"name": "Getting Started with Backbone Marionette", "url": "http://www.amazon.com/dp/1783284250/", "description": ""}, {"name": "Marionette Guides", "url": "https://www.gitbook.com/book/marionette/marionette-guides/details", "description": ""}, {"name": "Better Backbone Applications with MarionetteJS", "url": "https://shop.smashingmagazine.com/products/better-backbone-applications-with-marionettejs", "description": ""}, {"name": "Dancing with Marionette", "url": "https://www.youtube.com/channel/UC6dVRPnSACav2AYB5XG7BZw", "description": "Youtube channel"}, {"name": "Backbone.js with Derick Bailey", "url": "https://www.youtube.com/watch?v=VERQEr-bVTs", "description": ""}, {"name": "The Tools and Patterns for Building Large-Scale Backbone Applications", "url": "https://www.youtube.com/watch?v=qWr7x9wk6_c", "description": ""}, {"name": "Episode 03 of BackboneRails Screencast", "url": "https://www.youtube.com/watch?v=KT31H3Ayliw", "description": ""}, {"name": "Backbone Marionette and Require.js", "url": "https://www.youtube.com/watch?v=4K4JKtAGPu4", "description": ""}, {"name": "Backbone's Rarely Enough: An Introduction to Backbone Marionette", "url": "https://www.youtube.com/watch?v=fZJMF4SOKm4", "description": ""}, {"name": "Unsuck Your Backbone", "url": "http://www.youtube.com/watch?v=0o2whtCJw8I", "description": ""}, {"name": "Building Modular and Component Driven Architecture in Backbone.js and Marionette.js", "url": "https://www.youtube.com/watch?v=PrQSpdWkN6Q", "description": ""}, {"name": "Marionette: The Backbone Framework from BackboneConf 2014", "url": "https://www.youtube.com/watch?v=EvQnntaqVdE\\&index=13\\&list=PLlgxAbM67lYIGw8DnANC7VgREbzJRQged", "description": ""}, {"name": "Building Beautiful Apps with Marionette", "url": "https://www.youtube.com/watch?v=7yZKsgKxziw", "description": ""}, {"name": "Nesting Your Views in Marionette", "url": "https://www.youtube.com/watch?v=CTr-tTwRH3o", "description": ""}, {"name": "Marionette Behaviors", "url": "https://www.youtube.com/watch?v=6wvAswHkarE", "description": ""}, {"name": "Backbone.Wreqr", "url": "https://www.youtube.com/watch?v=2b1G3TdlQEU", "description": ""}, {"name": "Jason Laster - Backbone Under the Magnifying Glass Tools for Exploring and Debugging Your Apps", "url": "https://www.youtube.com/watch?v=jbGm3mJXh_s", "description": ""}, {"name": "Browserify + Marionette = Better Apps", "url": "https://www.youtube.com/watch?v=7bGWuyuLK_4", "description": ""}, {"name": "Using DevTools for Marionette Debugging", "url": "https://www.youtube.com/watch?v=75d0odmbu38", "description": ""}, {"name": "Routing Made Better", "url": "https://www.youtube.com/watch?v=F32QhaHFn1k", "description": ""}, {"name": "View and Application State", "url": "https://www.youtube.com/watch?v=FCUS6RrhRtI", "description": ""}, {"name": "Marionette Require Boilerplate", "url": "https://github.com/BoilerplateMVC/Marionette-Require-Boilerplate", "description": "", "stars": "243"}, {"name": "Marionette Contact Manager", "url": "https://github.com/dmytroyarmak/marionette-contact-manager", "description": "Continuation of development \"Backbone Contact Manager\" but using Marionette.js", "stars": "22"}, {"name": "Marionette, Require, and Gulp.js Boilerplate", "url": "https://github.com/jroeckle/Marionette-Require-Gulpjs-Boilerplate", "description": "A Lightweight boilerplate originally project based off \"Marionette Require Boilerplate\", with Gulp.js integration instead of Grunt.js", "stars": "18"}, {"name": "MarionetteJS + RequireJS + Twitter Bootstrap", "url": "https://github.com/ajaxray/marionette-boilerplate", "description": "Let's start the dance! This boilerplate is a ready setup for starting your next awesome javascript app in minutes", "stars": "62"}, {"name": "Marionette Gentle Introduction", "url": "https://github.com/davidsulc/marionette-gentle-introduction", "description": "", "stars": "353"}, {"name": "Marionette Wires", "url": "https://github.com/thejameskyle/marionette-wires", "description": "", "stars": "325"}, {"name": "Marionette Cookbook", "url": "https://github.com/MarionetteLabs/marionette-cookbook", "description": "", "stars": "105"}, {"name": "MarionetteJS + Brunch + Babel/ES6", "url": "https://github.com/denar90/brunch-with-marionettejs", "description": "", "stars": "14"}, {"name": "A Place to Write About Technical Subjects on the Web", "url": "https://github.com/jmeas/gistbook", "description": "", "stars": "89"}, {"name": "The Front End App for edit.sx", "url": "https://github.com/samccone/edit.sx-frontend", "description": "", "stars": "30"}, {"name": "Streamus", "url": "https://github.com/MeoMix/StreamusChromeExtension", "description": "", "stars": "1.1k"}, {"name": "Marionette-Integrations", "url": "https://github.com/marionettejs/marionette-integrations", "description": "example marionette apps using several different asset management tools", "stars": "116"}, {"name": "ES6 Marionette Project", "url": "https://github.com/abiee/es6-marionette", "description": "", "stars": "64"}, {"name": "Todo List", "url": "https://github.com/tastejs/todomvc/tree/master/examples/backbone_marionette", "description": "TodoMVC example", "stars": "28k"}, {"name": "Webpack-Marionette", "url": "https://github.com/alexpsi/webpack-marionette", "description": "", "stars": "19"}, {"name": "Marionette State", "url": "https://github.com/Squareknot/marionette.state", "description": "", "stars": "112"}, {"name": "Marionette Virtual Dom", "url": "https://github.com/tiagorg/marionette-vdom", "description": "", "stars": "128"}, {"name": "Marionette Form View", "url": "https://github.com/viverae/marionette.formview", "description": "", "stars": "78"}, {"name": "A Better Router for Backbone and Marionette Applications", "url": "https://github.com/Betterment/backbone.blazer", "description": "", "stars": "70"}, {"name": "Marionette.Toolkit", "url": "https://github.com/RoundingWellOS/marionette.toolkit", "description": "A collection of opinionated Backbone.Marionette extensions for large scale application architecture.", "stars": "69"}, {"name": "Orchestra", "url": "https://github.com/BedeGaming/orchestra", "description": "Client-side app orchestration framework", "stars": "27"}], "notes": [], "source": "Marionette"}, {"name": "Typography \u2014 Articles", "entries": [{"name": "No @font-face Syntax will ever be Bulletproof, Nor Should It Be", "url": "https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/", "description": ""}, {"name": "Font Aliasing, or how to rename a font in CSS", "url": "https://www.zachleat.com/web/rename-font/", "description": ""}, {"name": "The Future of Web Fonts", "url": "https://viljamis.com/2016/the-future-of-web-fonts/", "description": ""}, {"name": "Your Body Text Is Too Small", "url": "https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902#.w1wdaeqzo", "description": ""}, {"name": "Methods for Controlling Spacing in Web Typography", "url": "https://css-tricks.com/methods-controlling-spacing-web-typography/", "description": ""}, {"name": "Bold or Italic", "url": "https://practicaltypography.com/bold-or-italic.html", "description": ""}, {"name": "Webfonts on the Prairie", "url": "https://alistapart.com/article/webfonts-on-the-prairie", "description": ""}, {"name": "Typography is impossible", "url": "https://medium.engineering/typography-is-impossible-5872b0c7f891#.5tnat6wy5", "description": ""}, {"name": "The New Web Typography", "url": "https://robinrendle.com/essays/new-web-typography/", "description": ""}, {"name": "Tools And Resources For A More Meaningful Web Typography", "url": "https://www.smashingmagazine.com/2016/03/meaningful-web-typography/", "description": ""}, {"name": "A more modern scale for Web Typography", "url": "http://typecast.com/blog/a-more-modern-scale-for-web-typography", "description": ""}, {"name": "Better web typography in 13 simple steps", "url": "https://www.creativebloq.com/typography/better-web-typography-few-simple-steps-5132803", "description": ""}, {"name": "Choosing web fonts: 15 expert tips", "url": "https://www.creativebloq.com/web-design/choose-web-fonts-1233034", "description": ""}, {"name": "The Good, The Bad And The Great Examples Of Web Typography", "url": "https://www.smashingmagazine.com/2014/12/the-good-the-bad-and-the-great-examples-of-web-typography/", "description": ""}, {"name": "Web Fonts Performance: Making Pretty, Fast", "url": "https://www.igvita.com/2012/09/12/web-fonts-performance-making-pretty-fast/", "description": ""}, {"name": "Font Smoothing", "url": "https://davidwalsh.name/font-smoothing", "description": ""}, {"name": "The State of Web Type", "url": "https://dev.opera.com/articles/state-of-web-type/", "description": ""}, {"name": "Dashes in Web Typography", "url": "https://viljamis.com/dashes/", "description": ""}, {"name": "Scale & Rhythm in Typography", "url": "http://lamb.cc/typograph/", "description": ""}, {"name": "Typographic Scale", "url": "http://retinart.net/typography/typographicscale/", "description": ""}, {"name": "The Mathematical Symphony of Typography", "url": "https://pearsonified.com/2011/12/golden-ratio-typography.php", "description": ""}, {"name": "The Best Free Alternatives to the Most Popular Fonts", "url": "https://blog.spoongraphics.co.uk/articles/the-best-free-alternatives-to-the-most-popular-fonts", "description": ""}, {"name": "A History of Typeface Styles & Type Classification", "url": "https://blog.spoongraphics.co.uk/articles/a-history-of-typeface-styles-type-classification", "description": ""}, {"name": "26 digital typography rules for beginners", "url": "https://medium.com/product-design-ux-ui/26-digital-typography-rules-for-beginners-a04c6a5aaff3", "description": ""}, {"name": "Variable Fonts for Responsive Design", "url": "https://alistapart.com/blog/post/variable-fonts-for-responsive-design", "description": ""}, {"name": "Typeface Mechanics", "url": "https://frerejones.com/blog/typeface-mechanics-001/", "description": ""}, {"name": "Truly Fluid Typography With vh And vw Units", "url": "https://www.smashingmagazine.com/2016/05/fluid-typography/", "description": ""}, {"name": "Viewport Based Typography", "url": "https://zellwk.com/blog/viewport-based-typography/", "description": ""}, {"name": "Animated Typographic Cheat Sheet", "url": "https://www.supremo.co.uk/typeterms/", "description": ""}, {"name": "Typography for User Interfaces", "url": "https://viljamis.com/2016/typography-for-user-interfaces/", "description": ""}, {"name": "Loading Web Fonts Asynchronously", "url": "https://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/", "description": ""}, {"name": "Font-size: An Unexpectedly Complex CSS Property", "url": "https://manishearth.github.io/blog/2017/08/10/font-size-an-unexpectedly-complex-css-property/", "description": ""}, {"name": "93 most popular premium fonts alternative google fonts", "url": "https://designtheway.com/most-used-fonts-alternative-google-fonts/", "description": ""}, {"name": "Font Aliasing, or How to Rename a Font in CSS", "url": "https://www.zachleat.com/web/rename-font/", "description": ""}, {"name": "Controlling Font Performance with font-display", "url": "https://developers.google.com/web/updates/2016/02/font-display", "description": ""}, {"name": "Lightning Fast Font Loading Techniques", "url": "https://davidwalsh.name/font-loading", "description": ""}, {"name": "Loading webfonts with high performance on responsive websites", "url": "http://bdadam.com/blog/loading-webfonts-with-high-performance.html", "description": ""}, {"name": "Font Loading Revisited with Font Events", "url": "https://www.filamentgroup.com/lab/font-events.html", "description": ""}, {"name": "How we use web fonts responsibly, or, avoiding a @font-face-palm", "url": "https://www.filamentgroup.com/lab/font-loading.html", "description": ""}, {"name": "Better @font-face with Font Load Events", "url": "https://dev.opera.com/articles/better-font-face/", "description": ""}, {"name": "Better webfont loading with using localStorage and providing WOFF2 support", "url": "http://bdadam.com/blog/better-webfont-loading-with-localstorage-and-woff2.html", "description": ""}, {"name": "Using Web Fonts the Best Way (in 2015)", "url": "https://helloanselm.com/writings/using-webfonts-in-2015", "description": ""}, {"name": "Web Font Loading Patterns", "url": "http://bramstein.com/writing/web-font-loading-patterns.html", "description": ""}, {"name": "Performance and Web Typography - Video", "url": "https://www.youtube.com/watch?v=emLfXChvVPQ", "description": ""}, {"name": "Tips for balancing web fonts & page load", "url": "https://frontendnews.io/editions/2018-07-25-tips-for-loading-web-fonts", "description": ""}, {"name": "Loading Web Fonts Asynchronously", "url": "http://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/", "description": ""}, {"name": "Font Aliasing, or How to Rename a Font in CSS", "url": "https://www.zachleat.com/web/rename-font/", "description": ""}, {"name": "A Collection of Web Font Loading Recipes", "url": "https://www.zachleat.com/web/recipes/", "description": ""}, {"name": "No @font-face Syntax will ever be Bulletproof, Nor Should It Be", "url": "http://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/", "description": ""}, {"name": "Performance and Web Typography", "url": "https://www.youtube.com/watch?v=emLfXChvVPQ", "description": ""}, {"name": "The State of Web Type - Up-to-date data on support for type and typographic features on the web", "url": "http://stateofwebtype.com/", "description": ""}, {"name": "A simple plugin to keep font-size in proportion with it's containers size", "url": "https://github.com/jkroso/flowtype", "description": "", "stars": "42"}, {"name": "Type Rendering Mix", "url": "http://typerendering.com/", "description": ""}, {"name": "Web Font Loader", "url": "https://developers.google.com/fonts/docs/webfont_loader", "description": ""}, {"name": "Preventing the Performance Hit from Custom Fonts", "url": "https://css-tricks.com/preventing-the-performance-hit-from-custom-fonts/", "description": ""}, {"name": "Web Font Optimization", "url": "https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=en", "description": ""}, {"name": "Font Face and Performance", "url": "http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/", "description": ""}, {"name": "Normalize-Opentype.css - Adds OpenType features\u2014ligatures, kerning, and more\u2014to Normalize.css.", "url": "https://github.com/kennethormandy/normalize-opentype.css", "description": "", "stars": "792"}, {"name": "Type\u00adset.js - A typographic pre-processor for your html which uses zero client-side JavaScript", "url": "https://blot.im/typeset/", "description": ""}, {"name": "brick.im", "url": "https://github.com/alfredxing/brick", "description": "", "stars": "2.9k"}, {"name": "Typebase.css", "url": "http://devinhunt.github.io/typebase.css/", "description": ""}, {"name": "Google WebFonts Helper", "url": "https://google-webfonts-helper.herokuapp.com/fonts/aguafina-script?subsets=latin", "description": ""}, {"name": "Using Custom Fonts in Emails", "url": "https://github.com/ladjs/custom-fonts-in-emails", "description": "", "stars": "132"}, {"name": "Typographist \u2014 Modular scale calculator API with config validation", "url": "https://github.com/typographist", "description": ""}, {"name": "Font Face Observer is a fast and simple web font loader", "url": "https://fontfaceobserver.com/", "description": ""}, {"name": "MixFont A Modern Font Generator", "url": "https://www.mixfont.com/", "description": ""}, {"name": "How to use custom fonts in emails", "url": "https://github.com/forwardemail/custom-fonts-in-emails", "description": "", "stars": "132"}, {"name": "On Web Typography", "url": "https://abookapart.com/products/on-web-typography", "description": ""}, {"name": "The Elements of Typographic Style", "url": "https://www.amazon.co.uk/Elements-Typographic-Style-Robert-Bringhurst/dp/0881792063", "description": ""}, {"name": "The Elements of Typographic Style - Online Version", "url": "http://webtypography.net/", "description": ""}, {"name": "Practical Typography", "url": "https://practicaltypography.com/", "description": ""}, {"name": "Combining Typefaces: Free guide to great typography", "url": "https://blog.typekit.com/2016/04/29/combining-typefaces-free-guide-to-great-typography/", "description": ""}, {"name": "The Typography Handbook", "url": "http://typographyhandbook.com/", "description": ""}, {"name": "Mixfont", "url": "https://www.mixfont.com/", "description": ""}, {"name": "Font Combinations", "url": "https://www.canva.com/font-combinations/", "description": ""}, {"name": "Google web fonts in action", "url": "http://femmebot.github.io/google-type/", "description": ""}, {"name": "Beautiful Web Type", "url": "https://beautifulwebtype.com/", "description": ""}, {"name": "Google Font Combinations", "url": "https://briangardner.com/google-font-combinations/", "description": ""}, {"name": "Top 5 Google Fonts", "url": "http://techdissected.com/web-and-computing/design/top-5-google-font-combinations/", "description": ""}, {"name": "100 Days of Fonts", "url": "http://100daysoffonts.com/", "description": ""}, {"name": "Sessions with Typography", "url": "http://www.sessions-with-typography.com", "description": ""}, {"name": "Google Web Font inspiration in HTML & CSS", "url": "http://tobiasahlin.com/typesource/", "description": ""}, {"name": "Google Font Pairing Tool", "url": "http://www.ourownthing.co.uk/fontpairing/", "description": ""}, {"name": "Web Fonts are Rocket Science", "url": "https://www.filamentgroup.com/lab/rocket-science.html", "description": ""}, {"name": "Video Screencast - Font Loading with Zach Leatherman", "url": "https://css-tricks.com/video-screencasts/152-font-loading-zach-leatherman/", "description": ""}], "notes": [], "source": "Typography"}, {"name": "Draft Js", "entries": [{"name": "Community", "url": "https://github.com/nikgraf/awesome-draft-js#community", "description": "", "stars": "2.4k"}, {"name": "Presentations", "url": "https://github.com/nikgraf/awesome-draft-js#presentations", "description": "", "stars": "2.4k"}, {"name": "Projects on Top of Draft.js", "url": "https://github.com/nikgraf/awesome-draft-js#standalone-editors-built-on-draftjs", "description": "", "stars": "2.4k"}, {"name": "Common Utilities", "url": "https://github.com/nikgraf/awesome-draft-js#common-utilities", "description": "", "stars": "2.4k"}, {"name": "Blog Posts & Articles", "url": "https://github.com/nikgraf/awesome-draft-js#blog-posts--articles", "description": "", "stars": "2.4k"}, {"name": "Live Demos", "url": "https://github.com/nikgraf/awesome-draft-js#live-demos", "description": "", "stars": "2.4k"}, {"name": "Usage in Production", "url": "https://github.com/nikgraf/awesome-draft-js#usage-in-production", "description": "", "stars": "2.4k"}, {"name": "License", "url": "https://github.com/nikgraf/awesome-draft-js#license", "description": "", "stars": "2.4k"}, {"name": "Slack channel", "url": "https://draftjs.herokuapp.com/", "description": ""}, {"name": "Rich Text Editing with React @ React.js Conf 2016 by Isaac Salier-Hellendag", "url": "https://www.youtube.com/watch?v=feUYwoLhE_4", "description": ""}, {"name": "Rich text editing with Draft.js & DraftJS Plugins by Nik Graf", "url": "https://www.youtube.com/watch?v=gxNuHZXZMgs", "description": ""}, {"name": "React Ep. 37: Draftjs by What I Learned Today \u2013 Atomic Jolt", "url": "https://www.youtube.com/watch?v=0k9suXgCtTA", "description": ""}, {"name": "008 - Draft.js Plugins @ React30", "url": "https://www.youtube.com/watch?v=w-PqnpMizcQ", "description": ""}, {"name": "Draft.js at HubSpot by Ben Briggs", "url": "https://product.hubspot.com/blog/tech-talk-at-night-react-meetup", "description": ""}, {"name": "Draft.js under the hood - React Melbourne meetup", "url": "https://www.youtube.com/watch?feature=player_embedded\\&v=vOZAO3jFSHI", "description": ""}, {"name": "Draft WYSIWYG", "url": "https://github.com/bkniffler/draft-wysiwyg", "description": "WYSIWYG editor that with drag\\&drop, resizing & tooltips.", "stars": "454"}, {"name": "Draft.js Editor", "url": "https://github.com/AlastairTaft/draft-js-editor/", "description": "A Rich text editor inspired by Medium & Facebook Notes.", "stars": "150"}, {"name": "React-RTE", "url": "https://github.com/sstur/react-rte/", "description": "A full-featured textarea replacement similar to CKEditor or TinyMCE.", "stars": "2.8k"}, {"name": "Facebook Notes Clone(ish)", "url": "https://github.com/andrewcoelho/react-text-editor", "description": "Rich text editor similar to Facebook notes.", "stars": "228"}, {"name": "Megadraft", "url": "https://github.com/globocom/megadraft", "description": "A rich text editor with a nice default base of plugins and extensibility.", "stars": "1.1k"}, {"name": "Medium Draft", "url": "https://github.com/brijeshb42/medium-draft", "description": "Medium-like rich text editor with a focus on keyboard shortcuts.", "stars": "1.7k"}, {"name": "React-Draft-Wyiswyg", "url": "https://github.com/jpuri/react-draft-wysiwyg", "description": "A WYISWYG editor, with various text editing options and corresponding HTML generation.", "stars": "5.9k"}, {"name": "Dante 2", "url": "https://github.com/michelson/dante2", "description": "Just another Medium clone built on top of DraftJs.", "stars": "921"}, {"name": "Last Draft", "url": "https://github.com/vacenz/last-draft", "description": "A Draft editor built with Draft.js plugins.", "stars": "215"}, {"name": "Z-Editor", "url": "https://github.com/Z-Editor/Z-Editor", "description": "Online Z-notations editor.", "stars": "125"}, {"name": "Draftail", "url": "https://github.com/springload/draftail/", "description": "A configurable rich text editor based on Draft.js, built for Wagtail.", "stars": "568"}, {"name": "Braft", "url": "https://github.com/margox/braft-editor", "description": "Extensible Draft JS Editor", "stars": "4.5k"}, {"name": "Draft.js Plugins", "url": "https://github.com/draft-js-plugins/draft-js-plugins", "description": "A Plugin architecture on top of Draft.js", "stars": "4k"}, {"name": "Draft.js Gutter", "url": "https://github.com/seejamescode/draft-js-gutter", "description": "Compliments line number gutter.", "stars": "15"}, {"name": "Draft.js Basic HTML Editor", "url": "https://github.com/dburrows/draft-js-basic-html-editor", "description": "Accept html as its input format, and return html to an onChange.", "stars": "83"}, {"name": "Draft.js Prism", "url": "https://github.com/SamyPesse/draft-js-prism", "description": "Highlight code blocks using Prism.", "stars": "277"}, {"name": "Draft.js Typeahead", "url": "https://github.com/dooly-ai/draft-js-typeahead", "description": "Support for typeahead functionality.", "stars": "121"}, {"name": "Draft Extend", "url": "https://github.com/HubSpot/draft-extend", "description": "Build extensible Draft.js editors with configurable plugins and integrated serialization.", "stars": "116"}, {"name": "Draft.js Code", "url": "https://github.com/SamyPesse/draft-js-code", "description": "A collection of low-level utilities for nicer code editing", "stars": "107"}, {"name": "Draft.js Annotatable", "url": "https://github.com/cltk/annotations", "description": "Out of the box annotation system for Draft.js with support for user-created annotations.", "stars": "13"}, {"name": "Draft.js Regex", "url": "https://github.com/YozhikM/draft-regex", "description": "The set of flexible helpers, like regex, blank lines preventing and pasted HTML clearing.", "stars": "19"}, {"name": "BackDraft.js", "url": "https://github.com/evanc/backdraft-js", "description": "Function to turn a rawContentBlock into a marked-up string.", "stars": "49"}, {"name": "Draft.js Exporter", "url": "https://github.com/rkpasia/draft-js-exporter", "description": "Export and format the content from Draft.js.", "stars": "33"}, {"name": "Draft.js: Export ContentState to HTML", "url": "https://github.com/sstur/draft-js-utils/tree/master/packages/draft-js-export-html", "description": "Export ContentState to HTML.", "stars": "875"}, {"name": "Draft.js: Export ContentState to PDFMake", "url": "https://github.com/datagenno/draft-js-export-pdfmake", "description": "Export ContentState to PDFMake.", "stars": "10"}, {"name": "Redraft", "url": "https://github.com/lokiuz/redraft", "description": "Renders the result of Draft.js convertToRaw using provided callbacks, works well with React", "stars": "278"}, {"name": "Draft.js exporter (Ruby)", "url": "https://github.com/ignitionworks/draftjs_exporter", "description": "Export Draft.js content state into HTML.", "stars": "16"}, {"name": "Draft.js exporter (Python)", "url": "https://github.com/springload/draftjs_exporter", "description": "Library to convert Draft.js raw ContentState to HTML", "stars": "76"}, {"name": "Draft.js AST Exporter", "url": "https://github.com/icelab/draft-js-ast-exporter", "description": "Export content into an abstract syntax tree (AST).", "stars": "37"}, {"name": "Draft.js AST Importer", "url": "https://github.com/icelab/draft-js-ast-importer", "description": "Import an abstract syntax tree (AST) output from the companion draft-js-ast-exporter.", "stars": "13"}, {"name": "Draft.js Multidecorators", "url": "https://github.com/SamyPesse/draft-js-multidecorators", "description": "Combine multiple decorators.", "stars": "32"}, {"name": "Draft.js SimpleDecorator", "url": "https://github.com/Soreine/draft-js-simpledecorator", "description": "Easily create flexible decorators.", "stars": "25"}, {"name": "DraftJS Utils", "url": "https://github.com/jpuri/draftjs-utils", "description": "Set of utility functions for DraftJS.", "stars": "280"}, {"name": "DraftJs to HTML", "url": "https://github.com/jpuri/draftjs-to-html", "description": "Library for generating HTML for DraftJS editor content.", "stars": "299"}, {"name": "Draft Convert", "url": "https://github.com/HubSpot/draft-convert", "description": "Extensibly serialize & deserialize Draft.js ContentState with HTML.", "stars": "472"}, {"name": "HTML to DraftJS", "url": "https://github.com/jpuri/html-to-draftjs", "description": "Convert plain HTML to DraftJS Editor content.", "stars": "150"}, {"name": "Draft.js Exporter (Go)", "url": "https://github.com/ejilay/draftjs", "description": "Export Draft.js content state into HTML.", "stars": "22"}, {"name": "React Native Draft.js Render", "url": "https://github.com/globocom/react-native-draftjs-render", "description": "A React Native render for Draft.js model.", "stars": "386"}, {"name": "Draft.js filters", "url": "https://github.com/thibaudcolas/draftjs-filters", "description": "Filter Draft.js content to preserve only the formatting you allow.", "stars": "53"}, {"name": "Sticky", "url": "https://github.com/nadunindunil/sticky", "description": "A simple note taking and clipboard managing desktop application", "stars": "7"}, {"name": "Facebook open sources rich text editor framework Draft.js", "url": "https://code.facebook.com/posts/1684092755205505/facebook-open-sources-rich-text-editor-framework-draft-js/", "description": ""}, {"name": "This Blog Post Was Written Using Draft.js", "url": "https://dev.to/ben/this-blog-post-was-written-using-draftjs", "description": ""}, {"name": "How Draft.js Represents Rich Text Data", "url": "https://medium.com/@rajaraodv/how-draft-js-represents-rich-text-data-eeabb5f25cf2#.7gd8psdvi", "description": ""}, {"name": "A Beginner\u2019s Guide to Draft.js", "url": "https://medium.com/@adrianli/a-beginner-s-guide-to-draft-js-d1823f58d8cc#.uufeulpl5", "description": ""}, {"name": "Implementing todo list in Draft.js", "url": "http://bitwiser.in/2016/08/31/implementing-todo-list-in-draft-js.html", "description": ""}, {"name": "Draft.js Pieces", "url": "https://cannibalcoder.com/2016/12/02/draft-js-pieces/", "description": ""}, {"name": "Learning Draft.js", "url": "https://reactrocket.com/series/learning-draft-js/", "description": "Series of blog posts on how to develop with draft.js"}, {"name": "Why Wagtail\u2019s new editor is built with Draft.js", "url": "https://wagtail.io/blog/why-wagtail-new-editor-is-built-with-draft-js/", "description": ""}, {"name": "Rethinking rich text pipelines with Draft.js", "url": "https://wagtail.io/blog/rethinking-rich-text-pipelines-with-draft-js/", "description": ""}, {"name": "Draft-js Samples - An app with examples and code explanations", "url": "https://github.com/Mair/react-meetup-draftjs", "description": "", "stars": "69"}, {"name": "Draftail Playground", "url": "https://draftail-playground.herokuapp.com/", "description": "Wagtail\u2019s Draft.js dependencies as a standalone demo."}, {"name": "Draft drag and drop demo for mobile browser", "url": "https://github.com/jan4984/draft-dnd-example", "description": "", "stars": "15"}, {"name": "Rich Text Editor", "url": "https://codepen.io/Kiwka/pen/YNYvyG", "description": ""}, {"name": "Color Editor", "url": "https://codepen.io/Kiwka/pen/oBpVve", "description": ""}, {"name": "Convert from HTML Editor", "url": "https://codepen.io/Kiwka/pen/YNYgWa", "description": ""}, {"name": "Entity Editor", "url": "https://codepen.io/Kiwka/pen/wgpOoZ", "description": ""}, {"name": "Link Editor", "url": "https://codepen.io/Kiwka/pen/ZLvPeO", "description": ""}, {"name": "Media Editor", "url": "https://codepen.io/Kiwka/pen/rjpRzj", "description": ""}, {"name": "Plain Text Editor", "url": "https://codepen.io/Kiwka/pen/jyYJzb", "description": ""}, {"name": "Decorators Editor - Tweet example", "url": "https://codepen.io/Kiwka/pen/KaZERV", "description": ""}, {"name": "StoryChief", "url": "https://www.storychief.io/", "description": ""}, {"name": "HKW Technosphere Magazine", "url": "https://technosphere-magazine.hkw.de/", "description": ""}, {"name": "Douban Read", "url": "https://read.douban.com/editor_ng", "description": ""}, {"name": "Dooly", "url": "https://www.dooly.ai", "description": ""}, {"name": "Wagtail", "url": "https://wagtail.io/", "description": ""}, {"name": "Patreon", "url": "https://www.patreon.com/", "description": ""}], "notes": [], "source": "Draft Js"}, {"name": "Mdbootstrap", "entries": [{"name": "Resources", "url": "#resources", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Useful Links", "url": "#useful-links", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Data Grid", "url": "#data-grid", "description": ""}, {"name": "CLI & hosting", "url": "#cli--hosting", "description": ""}, {"name": "Education", "url": "#education", "description": ""}, {"name": "MDB Standard Free", "url": "https://mdbootstrap.com/docs/standard/", "description": "Free to download, open-source Bootstrap 5 UI Kit."}, {"name": "MDB Angular Free", "url": "https://mdbootstrap.com/docs/angular/", "description": "Bootstrap 5 & Angular 11 Free UI KIT with Material Design."}, {"name": "MDB React Free", "url": "https://mdbootstrap.com/docs/react/", "description": "Bootstrap 5 & React 17 Free UI KIT with Material Design."}, {"name": "MDB Vue Free", "url": "https://mdbootstrap.com/docs/vue/", "description": "Bootstrap 5 & Vue 3 Free UI KIT with Material Design."}, {"name": "MDB Standard Pro", "url": "https://mdbootstrap.com/docs/standard/pro/", "description": "Premium UI Kit for the latest Bootstrap 5. Lifetime usage of 5000+ premium components, thousands of templates, plugins, design blocks."}, {"name": "MDB Angular Pro", "url": "https://mdbootstrap.com/docs/angular/pro/", "description": "Material Design for Bootstrap 5 with Angular."}, {"name": "MDB React Pro", "url": "https://mdbootstrap.com/docs/react/pro/", "description": "Material Design for Bootstrap 5 with React."}, {"name": "MDB Vue Pro", "url": "https://mdbootstrap.com/docs/vue/pro/", "description": "Material Design for Bootstrap 5 with Vue."}, {"name": "Snippets", "url": "https://mdbootstrap.com/snippets/?tag=community", "description": "Projects created with MDBootstrap."}, {"name": "Support", "url": "https://mdbootstrap.com/support/", "description": "Place where you can solve your technical problems."}, {"name": "Snippets", "url": "https://mdbootstrap.com/snippets/", "description": "Best source of Bootstrap code examples & plugins."}, {"name": "LAB", "url": "https://mdbootstrap.com/docs/standard/lab/", "description": "Inspirational concepts & experiments created by the community of MDB."}, {"name": "UI/UX Tips", "url": "https://mdbootstrap.com/docs/standard/customization/ui-ux-tips/", "description": "Quick and easy-to-implement tips to improve your design."}, {"name": "Services", "url": "https://mdbootstrap.com/services/", "description": "We incorporate all of them in our own products, so our developers are uniquely experienced with these tools. We also use a variety of other solutions."}, {"name": "Visual Studio Code snippets", "url": "https://github.com/mdbootstrap/MDB-VSCode-snippets", "description": "An extension that allows you to add useful snippets of the most popular MDB 5 components to Visual Studio Code.", "stars": "11"}, {"name": "Angular Visual Studio Code snippets", "url": "https://github.com/mdbootstrap/mdb-angular-vscode-snippets", "description": "This extension adds snippets for MDB Angular - Angular Bootstrap UI KIT.", "stars": "10"}, {"name": "Webpack starter", "url": "https://github.com/mdbootstrap/mdb-webpack-starter", "description": "This guide describes in detail the capabilities of Webpack Starter.", "stars": "60"}, {"name": "Reviews", "url": "https://www.g2.com/products/material-design-for-bootstrap/reviews", "description": "User feedback on mdbootstrap."}, {"name": "Technology comparision", "url": "https://mdbootstrap.com/docs/technology-comparison/", "description": "What will be the best JavaScript framework in 2022?"}, {"name": "Articles", "url": "https://mdbootstrap.com/articles/", "description": "Contribute to the community and share your technical knowledge - or just read the articles written by others."}, {"name": "UI Kits & Themes", "url": "https://mdbootstrap.com/publications/ui-kits/", "description": "Bootstrap, Angular, React, Vue UI Kits."}, {"name": "Free Bootstrap Templates & Themes", "url": "https://mdbootstrap.com/publications/free-templates/", "description": "Stunning, Responsive Material Design Themes."}, {"name": "Premium Bootstrap Templates & Themes", "url": "https://mdbootstrap.com/publications/templates/", "description": "Blog, Portfolio, eCommerce, Magazine, Admin Angular & React & Vue Templates."}, {"name": "Backend Bootstrap Templates & Themes", "url": "https://mdbootstrap.com/publications/backend/", "description": "Jamstack, PHP, MySQL, Python, NodeJS, Tailwind, Laravel Backend Integrations UI Kits."}, {"name": "Logo generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/logo-generator/", "description": "Create an elegant and stylish logo in 5 minutes."}, {"name": "CSS Masks & Glassmorphism Generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/masks/", "description": "Generate the perfect masks for your design."}, {"name": "Instagram filters CSS generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/instagram-filters/", "description": "Use famous Instagram filters via CSS and apply them to your project."}, {"name": "CSS gradients generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/gradients/", "description": "Generate the perfect gradient for your design."}, {"name": "Fancy border radius generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/fancy-border-radius/", "description": "Generate unusual shapes with our border-radius generator."}, {"name": "Meta tags generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/meta-tags/", "description": "Take care of your SEO generate the most accurate meta data for Google and social media."}, {"name": "Cards generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/cards/", "description": "Create bootstrap cards with custom shapes, buttons, colors, sizes."}, {"name": "Buttons generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/buttons/", "description": "Create bootstrap buttons with custom icons, text, shapes, colors, sizes."}, {"name": "Charts creator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/charts/", "description": "Easy to use chart builder (pie charts, line charts, bar charts)."}, {"name": "Shadows generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/shadows/", "description": "Generate the perfect shadow for your design."}, {"name": "SVG waves generator", "url": "https://mdbootstrap.com/docs/standard/tools/design/waves/", "description": "Easily generate beautiful SVG shapes and apply them to your design."}, {"name": "Datatables builder", "url": "https://mdbootstrap.com/docs/standard/tools/builders/datatables/", "description": "Create an elegant and stylish logo in 5 minutes."}, {"name": "Alerts generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/alerts/", "description": "Create bootstrap alerts with custom shapes, buttons, colors, sizes."}, {"name": "Modals generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/modals/", "description": "Create bootstrap modals with custom shapes, sizes, animations."}, {"name": "Icons generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/icons/", "description": "1600+ icons. Create bootstrap icons custom with sizes, colors, animations."}, {"name": "Table generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/table/", "description": "Create bootstrap table custom with sizes, colors, animations."}, {"name": "Flexbox generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/flexbox/", "description": "The easiest and fastest way to create and test flexbox in Bootstrap 5."}, {"name": "Footer generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/footer/", "description": "Create bootstrap footer with custom coprytight, buttons, forms, links colors, sizes."}, {"name": "Navbar generator", "url": "https://mdbootstrap.com/docs/standard/tools/builders/navbar/", "description": "Create bootstrap navbar with custom colors, brand, icons, forms, placement."}, {"name": "GetDataDen", "url": "https://getdataden.com/", "description": "The ultimate customizable Data Grid"}, {"name": "Advanced data structure", "url": "https://getdataden.com/docs/grid/features/data-loader/#client-side-data-example", "description": "The latest and most advanced data structure allows customizing each column (sort, width, resize, field) and matches values from each row to a column in which the `field` equals a given key value."}, {"name": "Draggable columns", "url": "https://getdataden.com/docs/grid/features/drag-and-drop/#basic-section", "description": "Experience seamless interactivity with our draggable columns feature. Effortlessly rearrange your data grid to suit your workflow, ensuring optimal organization and efficiency. Just click, drag, and drop to customize your data display exactly as you need."}, {"name": "Pagination", "url": "https://getdataden.com/docs/grid/features/pagination/#basic-section", "description": "Explore efficient data navigation with our pagination example. Learn to seamlessly handle large datasets by integrating simple, intuitive pagination controls."}, {"name": "Column search", "url": "https://getdataden.com/docs/grid/features/filtering/header-filters/#basic-section", "description": "Discover the power of quick data retrieval with our search column feature. Easily locate the information you need within your DataDen grids for a more streamlined and productive data management experience."}, {"name": "Cell formatting", "url": "https://getdataden.com/docs/grid/layout/custom-css/#cell-formatting-section", "description": "Enhance your data grid with our versatile cell formatting options. Tailor each cell's appearance for clarity and impact, using colors, fonts, and styles that make your data speak volumes. Perfect for highlighting critical insights and personalizing your data view"}, {"name": "Compact version", "url": "https://getdataden.com/docs/grid/layout/custom-css/", "description": "Unlock the full potential of your data grid with advanced CSS customization. Style every aspect to match your brand or personal preference, from colors and fonts to layouts. Create a visually cohesive and highly functional data interface with ease."}, {"name": "MDB CLI", "url": "https://mdbgo.com/", "description": "Create, deploy and host your project with a single command."}, {"name": "Quick Start", "url": "https://mdbgo.com/docs/getting-started/quick-start/", "description": "Get started with MDB CLI easily and quickly and how to use its full potential."}, {"name": "Getting Started", "url": "https://mdbgo.com/docs/getting-started/installation/", "description": "Step by step on how to create your project and deploy."}, {"name": "Overview", "url": "https://mdbgo.com/docs/getting-started/overview/", "description": "Guide which will take you on how to perform different actions."}, {"name": "UI Kit", "url": "https://tw-elements.com/", "description": "Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities"}, {"name": "Django Integration", "url": "https://tw-elements.com/docs/standard/integrations/django-integration/", "description": ""}, {"name": "Angular Integration", "url": "https://tw-elements.com/docs/standard/integrations/angular-integration/", "description": ""}, {"name": "Express Integration", "url": "https://tw-elements.com/docs/standard/integrations/express-integration/", "description": ""}, {"name": "Laravel Integration", "url": "https://tw-elements.com/docs/standard/integrations/laravel-integration/", "description": ""}, {"name": "Next Integration", "url": "https://tw-elements.com/docs/standard/integrations/next-integration/", "description": ""}, {"name": "Nuxt Integration", "url": "https://tw-elements.com/docs/standard/integrations/nuxt-integration/", "description": ""}, {"name": "Django Integration", "url": "https://tw-elements.com/docs/standard/integrations/react-integration/", "description": ""}, {"name": "Remix Integration", "url": "https://tw-elements.com/docs/standard/integrations/remix-integration/", "description": ""}, {"name": "Solid Integration", "url": "https://tw-elements.com/docs/standard/integrations/solid-integration/", "description": ""}, {"name": "Svelte Integration", "url": "https://tw-elements.com/docs/standard/integrations/svelte-integration/", "description": ""}, {"name": "Sveltekit Integration", "url": "https://tw-elements.com/docs/standard/integrations/sveltekit-integration/", "description": ""}, {"name": "Vue Integration", "url": "https://tw-elements.com/docs/standard/integrations/vue-integration/", "description": ""}, {"name": "Video Tutorials", "url": "https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdA", "description": ""}, {"name": "Written Tutorials", "url": "https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/", "description": ""}], "notes": [], "source": "Mdbootstrap"}, {"name": "Chrome Devtools", "entries": [{"name": "Learning", "url": "#learning", "description": ""}, {"name": "DevTools tooling and ecosystem", "url": "#devtools-tooling-and-ecosystem", "description": ""}, {"name": "Chrome DevTools Protocol", "url": "#chrome-devtools-protocol", "description": ""}, {"name": "Using DevTools frontend with other platforms", "url": "#using-devtools-frontend-with-other-platforms", "description": ""}, {"name": "Applications", "url": "#applications", "description": ""}, {"name": "DevTools Extensions", "url": "#devtools-extensions", "description": ""}, {"name": "Alumni", "url": "#alumni", "description": ""}, {"name": "Dev Tips", "url": "https://umaar.com/dev-tips/", "description": "Large collection of tips as animated gifs."}, {"name": "DevTools Tips", "url": "https://devtoolstips.org/", "description": "Collection of illustrated tips as mini tutorials."}, {"name": "Can I DevTools?", "url": "https://www.canidev.tools/", "description": "Various workflows, documented. Also a weekly tips & tricks [newsletter](https://canidevtools.substack.com/)."}, {"name": "Web cheatcodes", "url": "https://codepo8.github.io/web-cheatcodes/", "description": "Browser developer tools for non-developers."}, {"name": "Dear Console", "url": "https://codepo8.github.io/dearconsole", "description": "A collection of snippets to use in the browser console."}, {"name": "Chrome Secret Menus", "url": "https://github.com/sparkyrider/chrome-secret-menus", "description": "Comprehensive guide to internal pages and diagnostic tools in Chrome.", "stars": "63"}, {"name": "Front-end Debugging Tools Handbook", "url": "https://github.com/lala-hakobyan/front-end-debugging-handbook", "description": "Practical guide to mastering front-end debugging tools, from Chrome DevTools and framework extensions to AI-enhanced IDE debugging.", "stars": "40"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Object formatting", "entries": [{"name": "immutable-devtools", "url": "https://github.com/andrewdavey/immutable-devtools", "description": "Custom formatter for Immutable-js values.", "stars": "671"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Network Inspection", "entries": [{"name": "betwixt", "url": "https://github.com/kdzwinel/betwixt", "description": "System level network proxy, providing inspection via Network panel.", "stars": "4.6k"}, {"name": "Weer", "url": "https://weerdbg.com/", "description": "A HTTP protocol debugger **(closed source)**"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 CPU profile", "entries": [{"name": "call-trace", "url": "https://github.com/brendankenny/call-trace", "description": "Can instrument your JS with hooks, and then generate a `.cpuprofile` of the of the complete (non-sampled) execution. View either time or call counts.", "stars": "43"}, {"name": "cpuprofilify", "url": "https://github.com/thlorenz/cpuprofilify", "description": "Converts output of various profiling/sampling tools to the `.cpuprofile` format.", "stars": "169"}, {"name": "Wishbone Python framework", "url": "https://wishbone.readthedocs.io/en/latest/misc/profiling.html", "description": "Profiling data can export as `.cpuprofile`."}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Multimedia", "entries": [{"name": "snapline", "url": "https://github.com/pmdartus/snapline", "description": "Converts timeline screenshots to gif.", "stars": "401"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Timeline, Tracing & Profiling", "entries": [{"name": "DevTools Timeline Viewer", "url": "https://chromedevtools.github.io/timeline-viewer/", "description": "Share URLs of your timeline recordings."}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Chrome Debugger integration with Editors", "entries": [{"name": "VS Code - Debugger for Chrome", "url": "https://github.com/Microsoft/vscode-chrome-debug/", "description": "Breakpoint debugging in VS Code.", "stars": "2.2k"}, {"name": "VS Code - Elements for Microsoft Edge", "url": "https://github.com/microsoft/vscode-edge-devtools", "description": "Elements panel inside VS Code.", "stars": "809"}, {"name": "ChromeREPL", "url": "https://github.com/acarabott/ChromeREPL", "description": "Within Sublime Text, use the Chrome console.", "stars": "356"}, {"name": "Sublime Web Inspector", "url": "http://sokolovstas.github.io/SublimeWebInspector/", "description": "JavaScript Breakpoint debugging right in Sublime Text."}, {"name": "WebStorm/JetBrains Chrome Extension", "url": "https://www.jetbrains.com/help/webstorm/2017.1/configuring-javascript-debugger-and-jetbrains-chrome-extension.html", "description": "The WebStorm IDE can debug JavaScript, view the DOM tree, and edit HTML, CSS and JS live."}, {"name": "ChromeDevTools/devtools-protocol", "url": "https://github.com/chromedevtools/devtools-protocol", "description": "**Canonical location of the protocol JSON**. Issue tracker for protocol bugs. TypeScript types.", "stars": "1.5k"}, {"name": "DevTools Protocol API Docs", "url": "https://chromedevtools.github.io/devtools-protocol/", "description": "Easy browsable UI for exploring the protocol's domains, methods and events."}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Developing with the protocol", "entries": [{"name": "chrome-remote-interface Wiki", "url": "https://github.com/cyrus-and/chrome-remote-interface/wiki", "description": "Many useful recipes.", "stars": "4.5k"}, {"name": "Chrome Protocol Proxy", "url": "https://github.com/wendigo/chrome-protocol-proxy", "description": "Tool for debugging clients using devtools protocol.", "stars": "247"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 The big two automation libraries", "entries": [{"name": "Puppeteer", "url": "https://github.com/GoogleChrome/puppeteer/", "description": "Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also [awesome-puppeteer (\u2b502.5k)](https://github.com/transitive-bullshit/awesome-puppeteer).", "stars": "94k"}, {"name": "Playwright", "url": "https://github.com/microsoft/playwright", "description": "Library to automate Chromium, Firefox and WebKit with a single API. Available for Node.js, Python, .Net, Java. See also [awesome-playwright (\u2b501.4k)](https://github.com/mxschmitt/awesome-playwright).", "stars": "85k"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Libraries for driving the protocol (or a layer above)", "entries": [], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Browser Adapters", "entries": [{"name": "devtools-remote-debugger", "url": "https://github.com/Nice-PLQ/devtools-remote-debugger", "description": "Use devtools against a webpage; a CDP agent implemeted in client-side JS.", "stars": "411"}, {"name": "Inspect", "url": "https://inspect.dev/", "description": "Use devtools against iOS and Android, easily. Browser and Webviews. **(closed source)**"}, {"name": "Facebook Stetho", "url": "https://github.com/facebook/stetho", "description": "Native Android debugging with Chrome DevTools.", "stars": "13k"}, {"name": "j2v8-debugger", "url": "https://github.com/AlexTrotsenko/j2v8-debugger", "description": "Debugging JavaScript running in [J2V8 (\u2b502.6k)](https://github.com/eclipsesource/J2V8) with Chrome DevTools.", "stars": "94"}, {"name": "Dirac", "url": "https://github.com/binaryage/dirac", "description": "Debugging of ClojsureScript.", "stars": "772"}, {"name": "PonyDebugger", "url": "https://github.com/square/PonyDebugger", "description": "Remote network and data debugging iOS apps with Chrome DevTools.", "stars": "5.9k"}, {"name": "ndb", "url": "https://github.com/GoogleChromeLabs/ndb", "description": "An improved Node.js debugging experience with the DevTools Frontend.", "stars": "11k"}, {"name": "Debugging Node.js with Chrome DevTools", "url": "https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27", "description": "Guide on using the full debugging and profiling support in Node v6.3+."}, {"name": "thetool", "url": "https://github.com/sfninja/thetool", "description": "CPU, memory, coverage, type profiling with Node.", "stars": "223"}, {"name": "chrome-devtools-frontend", "url": "https://www.npmjs.com/package/chrome-devtools-frontend", "description": "Mirror of the frontend that ships in Chrome."}, {"name": "ruby/debug", "url": "https://github.com/ruby/debug", "description": "Debugging functionality for Ruby.", "stars": "1.3k"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Browsers", "entries": [{"name": "BrowserBox", "url": "https://github.com/BrowserBox/BrowserBox", "description": "Embed Chrome in a web page, largely powered by DevTools and supporting multiuser browsing, remote DevTools, audio, and documents like `.docx`, `.pdf`, and more.", "stars": "3.8k"}, {"name": "Puppetromium", "url": "https://github.com/dosyago/puppetromium", "description": "A proof-of-concept web browser built with Puppeteer, written in Node.js, HTML and CSS, with 0% client-side JavaScript.", "stars": "62"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Web Archivers and Indexers", "entries": [{"name": "dn", "url": "https://github.com/dosyago/dn", "description": "Archive and index pages you browse for offline viewing and search, implemented using the `Fetch` domain's interceptions, and works with any Chromium-based browser.", "stars": "3.9k"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Accessibility (A11y)", "entries": [{"name": "Chromelens", "url": "https://chromewebstore.google.com/detail/chromelens/idikgljglpfilbhaboonnpnnincjhjkd", "description": "See how your web app will look to people with different types of vision and the path users will travel when tabbing through your page."}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Workflow", "entries": [{"name": "Clockwork", "url": "https://chromewebstore.google.com/detail/clockwork/dmggabnehkmmfmdffgajcflpdjlnoemp?hl=en", "description": "View PHP application profiling data."}, {"name": "Emulated Device Lab", "url": "https://chromewebstore.google.com/detail/emulated-device-lab/oaonfodocibcdobdeelbbfggjombamff", "description": "Experiment with multiple devices being emulated at the same time."}, {"name": "RailsPanel", "url": "https://chromewebstore.google.com/detail/railspanel/gjpfobpafnhjhbajcjgccbbdofdckggg?hl=en-US", "description": "View Ruby on Rails application profiling data."}, {"name": "React Developer Tools", "url": "https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi", "description": "Inspect the React component hierarchies."}, {"name": "Ember.js Inspector", "url": "https://chromewebstore.google.com/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi", "description": "Allows you to inspect Ember.js objects in your application."}, {"name": "Vue.js Developer Tools", "url": "https://github.com/vuejs/vue-devtools", "description": "Inspect Vue.js components and manipulate their data.", "stars": "25k"}, {"name": "Angular DevTools", "url": "https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh", "description": "Debugging and Profiling for Angular applications."}, {"name": "Marionette Inspector", "url": "https://chromewebstore.google.com/detail/marionette-inspector/fbgfjlockdhidoaempmjcddibjklhpka", "description": "Inspect a Marionette application's views, events, and live data."}, {"name": "Backbone Debugger", "url": "https://chromewebstore.google.com/detail/backbone-debugger/bhljhndlimiafopmmhjlgfpnnchjjbhd", "description": "Inspect a Backbone application's views, models, events, and routes."}, {"name": "App Inspector for Sencha", "url": "https://chromewebstore.google.com/detail/app-inspector-for-sencha/pbeapidedgdpniokbedbfbaacglkceae", "description": "Inspect a Sencha ExtJS/Touch application's component tree, data stores, events, and layouts."}, {"name": "Redux Devtools", "url": "https://chromewebstore.google.com/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd", "description": "Inspect Redux with actions history, undo and replay."}, {"name": "Three.js", "url": "https://chromewebstore.google.com/detail/threejs-editor-extension/fbgbekpggeldiacgjkacbkkcbjhmakea/", "description": "Edit any three.js project."}, {"name": "Insight", "url": "https://github.com/3Dparallax/insight/", "description": "A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications.", "stars": "918"}, {"name": "BEM devtools", "url": "https://github.com/escaton/bem-chrome-devtools", "description": "Inspect BEM entities expressed in `i-bem` framework.", "stars": "47"}, {"name": "Metal.js Developer Tools", "url": "https://chromewebstore.google.com/detail/metaljs-developer-tools/fagnjmppkokolnbloalifcmcooldhiik", "description": "Inspect the Metal component hierarchies."}, {"name": "Web Component DevTools", "url": "https://chromewebstore.google.com/detail/web-component-devtools/gdniinfdlmmmjpnhgnkmfpffipenjljo", "description": "Inspect, modify and observe Web Components on page."}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Themes", "entries": [{"name": "DevTools Author", "url": "https://chromewebstore.google.com/detail/devtools-author/egfhcfdfnajldliefpdoaojgahefjhhi", "description": "A selection of themes to modify parts of DevTools related to authoring web applications."}, {"name": "Zero Dark Matrix", "url": "https://chromewebstore.google.com/detail/devtools-theme-zero-dark/bomhdjeadceaggdgfoefmpeafkjhegbo", "description": "Dark theme for Chrome Developer Tools."}, {"name": "Material UI Theme", "url": "https://chromewebstore.google.com/detail/material-devtools-theme-c/jmefikbdhgocdjeejjnnepgnfkkbpgjo", "description": "Provides various Material Design inspired themes."}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Performance", "entries": [{"name": "sloth", "url": "https://github.com/denar90/sloth", "description": "Chrome extension allows to enable and save CPU and network throttling for selected tabs.", "stars": "200"}, {"name": "TracerBench", "url": "https://github.com/TracerBench/tracerbench", "description": "A controlled performance benchmarking tool for web applications, providing clear, actionable and usable insights into performance deltas.", "stars": "250"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Chrome Devtools \u2014 Automation", "entries": [{"name": "Puppeteer IDE", "url": "https://github.com/gajananpp/puppeteer-ide-extension", "description": "Standalone Puppeteer playground in browser's developer tools.", "stars": "241"}, {"name": "k6 browser", "url": "https://github.com/grafana/xk6-browser", "description": "Browser automation and end-to-end web testing tool that interacts with browsers and collects frontend performance metrics.", "stars": "360"}, {"name": "Remote Debug Gateway", "url": "https://github.com/RemoteDebug/remotedebug-gateway", "description": "Allows you to connect a client to multiple browsers at once.", "stars": "96"}, {"name": "DevTools Backend", "url": "https://github.com/christian-bromann/devtools-backend", "description": "Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.", "stars": "148"}, {"name": "ios-webkit-debug-proxy", "url": "https://github.com/google/ios-webkit-debug-proxy", "description": "Exposes Mobile Safari & UIWebView instances via the CDP.", "stars": "6.2k"}, {"name": "IE Diagnostics Adapter", "url": "https://github.com/Microsoft/IEDiagnosticsAdapter", "description": "Protocol adaptor for Microsoft IE 11 to CDP.", "stars": "572"}, {"name": "go-debugger-devtools", "url": "https://github.com/allada/go-debugger-devtools", "description": "", "stars": "42"}], "notes": [], "source": "Chrome Devtools"}, {"name": "Choo", "entries": [{"name": "Official resources", "url": "#official-resources", "description": ""}, {"name": "Dependencies", "url": "#dependencies", "description": ""}, {"name": "Demos", "url": "#demos", "description": ""}, {"name": "Community", "url": "#community", "description": ""}, {"name": "Plugins and addons", "url": "#plugins-and-addons", "description": ""}, {"name": "Elements", "url": "#elements", "description": ""}, {"name": "CLI Templates", "url": "#cli-templates", "description": ""}, {"name": "Resources", "url": "#resources", "description": ""}, {"name": "Projects using choo", "url": "#projects-using-choo", "description": ""}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Official resources", "entries": [{"name": "Docs", "url": "https://github.com/yoshuawuyts/choo/blob/master/README.md", "description": "", "stars": "6.7k"}, {"name": "Handbook", "url": "https://github.com/yoshuawuyts/choo-handbook", "description": "", "stars": "266"}, {"name": "Repo", "url": "https://github.com/yoshuawuyts/choo", "description": "", "stars": "6.7k"}, {"name": "Website", "url": "https://choo.io/", "description": ""}, {"name": "Twitter thread", "url": "https://twitter.com/yoshuawuyts/status/730087077803528193", "description": ""}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Dependencies", "entries": [{"name": "bel", "url": "https://github.com/shama/bel", "description": "Create composable DOM elements using", "stars": "672"}, {"name": "hyperx", "url": "https://github.com/substack/hyperx", "description": "Convert template strings to", "stars": "993"}, {"name": "nanomorph", "url": "https://github.com/choojs/nanomorph", "description": "Hyper fast diffing algorithm for real DOM nodes.", "stars": "684"}, {"name": "nanoraf", "url": "https://github.com/yoshuawuyts/nanoraf", "description": "Only call RAF when needed."}, {"name": "nanorouter", "url": "https://github.com/choojs/nanorouter", "description": "Smol frontend router.", "stars": "117"}, {"name": "nanobus", "url": "https://github.com/choojs/nanobus", "description": "Tiny message bus.", "stars": "215"}, {"name": "nanolocation", "url": "https://github.com/choojs/nanolocation", "description": "Small window\\.location library.", "stars": "10"}, {"name": "nanohref", "url": "https://github.com/choojs/nanohref", "description": "Tiny href click handler library.", "stars": "40"}, {"name": "nanoquery", "url": "https://github.com/choojs/nanoquery", "description": "Tiny querystring module.", "stars": "48"}, {"name": "nanotiming", "url": "https://github.com/choojs/nanotiming", "description": "Small timing library.", "stars": "34"}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Demos", "entries": [{"name": "Input example", "url": "http://requirebin.com/?gist=e589473373b3100a6ace29f7bbee3186", "description": "([repo (\u2b506.7k)](https://github.com/yoshuawuyts/choo/tree/master/examples/title))"}, {"name": "HTTP effects", "url": "https://hyperdev.com/#!/project/fork-fang", "description": ""}, {"name": "Mailbox routing", "url": "https://github.com/yoshuawuyts/choo/tree/master/examples/mailbox", "description": "", "stars": "6.7k"}, {"name": "TodoMVC", "url": "http://shuheikagawa.com/todomvc-choo", "description": "([repo (\u2b5039)](https://github.com/shuhei/todomvc-choo))"}, {"name": "choo-firebase", "url": "https://choo-firebase-2ec21.firebaseapp.com", "description": "([repo (\u2b5019)](https://github.com/mw222rs/choo-firebase))"}, {"name": "Grow", "url": "https://grow.static.land", "description": "([repo (\u2b5013)](https://github.com/sethvincent/grow))"}, {"name": "Chatbot", "url": "http://chootbot.herokuapp.com", "description": "([repo (\u2b502)](https://github.com/plaey/chatbot))"}, {"name": "chat-random", "url": "https://github.com/akiva/chat-random", "description": ""}, {"name": "choo-leaflet-demo", "url": "https://github.com/timwis/choo-leaflet-demo", "description": "", "stars": "16"}, {"name": "choo-scriber", "url": "https://zhouhansen.github.io/choo-scriber", "description": "([repo (\u2b506)](https://github.com/ZhouHansen/choo-scriber))"}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Community", "entries": [{"name": "Freenode", "url": "https://webchat.freenode.net/?channels=choo", "description": ""}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Plugins and addons", "entries": [{"name": "choo-location-electron", "url": "https://github.com/bcomnes/choo-location-electron", "description": "Fix `choo`'s router in electron.", "stars": "12"}, {"name": "choo-log", "url": "https://github.com/yoshuawuyts/choo-log", "description": "Development logger for choo.", "stars": "46"}, {"name": "choo-test", "url": "https://github.com/mantoni/choo-test", "description": "Easy choo app unit testing.", "stars": "23"}, {"name": "choo-persist", "url": "https://github.com/yoshuawuyts/choo-persist/", "description": "Synchronize choo state with LocalStorage.", "stars": "44"}, {"name": "choo-promise", "url": "https://github.com/rahatarmanahmed/choo-promise", "description": "Use promises in effects and subscriptions.", "stars": "4"}, {"name": "choo-pull", "url": "https://github.com/yoshuawuyts/choo-pull", "description": "Wrap handlers to use pull-stream in a choo plugin.", "stars": "15"}, {"name": "choo-redirect", "url": "https://github.com/yoshuawuyts/choo-redirect", "description": "Redirect a view to another view.", "stars": "19"}, {"name": "choo-model", "url": "https://github.com/yoshuawuyts/choo-model", "description": "Experimental state management lib for choo.", "stars": "14"}, {"name": "choo-resume", "url": "https://github.com/bengourley/choo-resume", "description": "choo-resume + hot-rld = hot app reload in choo.", "stars": "15"}, {"name": "choo-detached", "url": "https://github.com/graforlock/choo-detached", "description": "Use `choo` as a mountable, simple stand-alone component (no routing).", "stars": "19"}, {"name": "choo-service-worker", "url": "https://github.com/choojs/choo-service-worker", "description": "Service worker loader for `choo`.", "stars": "25"}, {"name": "choo-websocket", "url": "https://github.com/YerkoPalma/choo-websocket", "description": "Small wraper around WebSocket browser API, for `choo` apps.", "stars": "28"}, {"name": "choo-store", "url": "https://github.com/ungoldman/choo-store", "description": "Lightweight state structure for choo apps.", "stars": "39"}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Elements", "entries": [{"name": "dom-notifications", "url": "https://github.com/finnp/dom-notifications", "description": "Atom-inspired notifications component.", "stars": "108"}, {"name": "choodown", "url": "https://github.com/trainyard/choodown", "description": "A simple markdown component for choo.", "stars": "14"}, {"name": "choo-md-editor", "url": "https://github.com/dbtek/choo-md-editor", "description": "Lightweight markdown editor that can be used inside Choo app or as a standalone library.", "stars": "5"}, {"name": "choo-chartist", "url": "https://github.com/rexmortus/choo-chartist", "description": "A little component for using [Chartist](https://gionkunz.github.io/chartist-js/) with the choo framework.", "stars": "8"}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 CLI Templates", "entries": [{"name": "trainyard/template-basic", "url": "https://github.com/trainyard/template-basic", "description": "", "stars": "2"}, {"name": "haroenv/template-webpack", "url": "https://github.com/haroenv/template-webpack", "description": "", "stars": "7"}, {"name": "simonwjackson/atomic-choo", "url": "https://github.com/simonwjackson/atomic-choo", "description": "An opinionated project seed to get started developing with electron, webpack and choo."}, {"name": "graforlock/choo-bandwagon", "url": "https://github.com/graforlock/choo-bandwagon", "description": "", "stars": "13"}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Resources", "entries": [], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 Projects using choo", "entries": [{"name": "boxcar", "url": "https://github.com/toddself/boxcar", "description": "A choo-based grid/spreadsheet editor.", "stars": "10"}, {"name": "choo-sortable", "url": "https://github.com/willkessler/choo-sortable", "description": "Building sortable code with choo.", "stars": "2"}, {"name": "hacker-choo", "url": "https://github.com/mw222rs/hacker-choo", "description": "Hacker Typer clone written in choo.", "stars": "10"}, {"name": "footprint-rechoo", "url": "https://github.com/npeihl/footprint-rechoo", "description": "A choo rewrite of [footprint-review (\u2b506)](http://github.com/sjcgis/footprint-review).", "stars": "4"}, {"name": "minidocs", "url": "https://github.com/freeman-lab/minidocs", "description": "A documentation site generator built with choo.", "stars": "136"}, {"name": "dataface", "url": "https://github.com/timwis/dataface", "description": "Desktop application to manage databases.", "stars": "43"}, {"name": "BlankUp", "url": "https://github.com/HoverBaum/BlankUp-Electron", "description": "Multiplatform markdown editor.", "stars": "38"}, {"name": "hackernews-choo", "url": "https://github.com/kvnneff/hackernews-choo", "description": "A Hacker News reader built with choo.", "stars": "30"}, {"name": "tic-tac-choo", "url": "https://github.com/YerkoPalma/tic-tac-toe", "description": "Progressive tic tac toe game, made with choo.", "stars": "6"}, {"name": "enviar", "url": "https://github.com/timwis/enviar", "description": "Chat interface for SMS / text messages.", "stars": "34"}, {"name": "kaktus", "url": "https://github.com/kaktus/kaktus", "description": "A new minimalistic web browser, built on `choo` and IndexedDB.", "stars": "0"}, {"name": "civicdr.org", "url": "https://github.com/CiviCDR/civicdr.org", "description": "Website for [CiviCDR](https://civicdr.org/).", "stars": "3"}, {"name": "nekocafe", "url": "https://github.com/notenoughneon/nekocafe", "description": "Web chat room :cat: :speech\\_balloon:.", "stars": "16"}, {"name": "Robotopia", "url": "https://github.com/robotopia-x/robotopia", "description": "Introducing kids to coding with tiny virtual robots!", "stars": "502"}, {"name": "busca", "url": "https://github.com/afk-mcz/busca", "description": "A small web-extension to search the current tab on reddit.", "stars": "10"}, {"name": "choo-ban", "url": "https://github.com/luizbaldi/choo-ban", "description": "Simple kanban to manage board tasks, built with `choo`.", "stars": "5"}, {"name": "boowa", "url": "https://github.com/boowajs/boowa", "description": "A fun blog generator, built with `choo`.", "stars": "43"}, {"name": "hyperamp", "url": "https://github.com/hypermodules/hyperamp", "description": "Humble music player.", "stars": "294"}], "notes": [], "source": "Choo"}, {"name": "Choo \u2014 License", "entries": [], "notes": [], "source": "Choo"}, {"name": "Web Performance Budget", "entries": [{"name": "Articles", "url": "#articles", "description": ""}, {"name": "Tools to measure Performance Budget", "url": "#tools-to-measure-performance-budget", "description": ""}, {"name": "Open source tools", "url": "#open-source-tools", "description": ""}, {"name": "Build Tools to set up performance budget", "url": "#build-tools-to-set-up-performance-budget", "description": ""}, {"name": "Bundle Analyzers", "url": "#bundle-analyzers", "description": ""}, {"name": "Website Analyzers", "url": "#website-analyzers", "description": ""}, {"name": "Blogs", "url": "#blogs", "description": ""}, {"name": "Podcasts", "url": "#podcasts", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Case Studies", "url": "#case-studies", "description": ""}, {"name": "JavaScript Start-up Performance", "url": "https://medium.com/reloading/javascript-start-up-performance-69200f43b201", "description": "Performance Budget by Addyosmani."}, {"name": "Performance Budget", "url": "https://addyosmani.com/blog/performance-budgets/", "description": "Performance Budget by Addyosmani."}, {"name": "Your first performance budget", "url": "https://web.dev/your-first-performance-budget/", "description": "Explained how to define your first performance budget in a few simple steps."}, {"name": "Designing for Performance", "url": "http://designingforperformance.com/index.html#table-of-contents", "description": "How performance is important for designers."}, {"name": "Web Performance for Designers and developers", "url": "https://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/", "description": "Front-end performance for web designers and front-end developers."}, {"name": "Performance as design", "url": "http://bradfrost.com/blog/post/performance-as-design/", "description": "Best practise to see performance as an essential design feature."}, {"name": "Inside Design - Setting a web performance budget", "url": "https://www.invisionapp.com/inside-design/setting-a-web-performance-budget/", "description": "Setting a performance budget by Invision."}, {"name": "Real-world Web Performance Budgets By Alex Russel", "url": "https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/", "description": "Can You Afford It?: Real-world Web Performance Budgets."}, {"name": "Performance Budget using Angular CLI", "url": "https://medium.com/dailyjs/how-did-angular-cli-budgets-save-my-day-and-how-they-can-save-yours-300d534aae7a", "description": "Implementing Performance Budget in Angular projects."}, {"name": "Performance budgets 101", "url": "https://web.dev/performance-budgets-101/", "description": "How to start a journey by setting up the performance budget."}, {"name": "Incorporate performance budgets into your build process", "url": "https://web.dev/incorporate-performance-budgets-into-your-build-tools", "description": "Set up performance budget into your build process."}, {"name": "How to make Performance Budget", "url": "http://v3.danielmall.com/articles/how-to-make-a-performance-budget/", "description": "Instructions for developing the performance budget."}, {"name": "Impact of Page Weight on Load Time", "url": "https://paulcalvano.com/2018-07-02-impact-of-page-weight-on-load-time/", "description": "Impact of Page Weight on Load Time."}, {"name": "Performance Budget Calculator", "url": "http://www.performancebudget.io/", "description": "Calculate A Performance Budget For Your Site."}, {"name": "Web Page Test", "url": "https://www.webpagetest.org/easy", "description": "Test your performance."}, {"name": "lightest app", "url": "https://www.lightest.app/", "description": "Visualize web performance against competitors."}, {"name": "Speed Curve", "url": "https://speedcurve.com", "description": "Measuring web performance, get today's performance metrics."}, {"name": "Yellow Lab Tools", "url": "https://yellowlab.tools/", "description": "Online test to help speeding up heavy web pages."}, {"name": "Sitespeed.io", "url": "https://www.sitespeed.io/", "description": "Easy to monitor and measure the performance of your web site."}, {"name": "Perf Track", "url": "https://perf-track.web.app/", "description": "Tracking framework performance at scale."}, {"name": "Perfume.js", "url": "https://zizzamia.github.io/perfume/", "description": "Tiny, web performance monitoring library that reports field data back to your favorite analytics tool."}, {"name": "Falco", "url": "https://github.com/theodo/falco", "description": "Helps you monitor, analyze, and optimize your websites.", "stars": "768"}, {"name": "Bundle Size", "url": "https://github.com/siddharthkp/bundlesize", "description": "Keep your bundle size in check.", "stars": "4.5k"}, {"name": "Webpack Perf Budget", "url": "https://webpack.js.org/configuration/performance/", "description": "If you are using Webpack in your project then you can prefer this."}, {"name": "Lighthouse", "url": "https://web.dev/use-lighthouse-for-performance-budgets/", "description": "How to set up a performance budget using [lighthouse](https://developers.google.com/web/tools/lighthouse) and automate using [Lighthouse bot](https://web.dev/using-lighthouse-bot-to-set-a-performance-budget/)."}, {"name": "Grunt-perfbudget", "url": "https://github.com/tkadlec/grunt-perfbudget", "description": "Grunt task for performance budgeting.", "stars": "856"}, {"name": "Size Limit", "url": "https://github.com/ai/size-limit", "description": "Calculate the real cost to run your JS app or lib to keep good performance. Show error in pull request if the cost exceeds the limit.", "stars": "6.6k"}, {"name": "Size Plugin", "url": "https://github.com/GoogleChromeLabs/size-plugin", "description": "Track compressed Webpack asset sizes over time.", "stars": "1.7k"}, {"name": "Performance Budget Builder", "url": "https://github.com/GoogleChromeLabs/pr-bot", "description": "Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template.", "stars": "181"}, {"name": "Progressive Web Metrics", "url": "https://github.com/paulirish/pwmetrics", "description": "Lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template.", "stars": "1.2k"}, {"name": "rollup-plugin-size-snapshot", "url": "https://github.com/TrySound/rollup-plugin-size-snapshot", "description": "CLI tool and lib to gather performance metrics via Lighthouse.", "stars": "164"}, {"name": "ImportCost - VS Extension", "url": "https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost", "description": "Extension to display inline in the VS code editor the size of the imported package."}, {"name": "Bundlephobia", "url": "https://bundlephobia.com/", "description": "Find the cost of adding a npm package to your bundle."}, {"name": "bundle-buddy", "url": "https://bundle-buddy.firebaseapp.com/", "description": "A tool to help you find source code duplication across your JavaScript chunks/splits."}, {"name": "webpack-bundle-analyzer", "url": "https://github.com/webpack-contrib/webpack-bundle-analyzer", "description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap.", "stars": "13k"}, {"name": "Disc", "url": "http://hughsk.io/disc/", "description": "Visualise the module tree of browserify project bundles and track down bloat."}, {"name": "lasso-analyzer", "url": "https://github.com/ajay2507/lasso-analyzer", "description": "Analyze and Visualise project bundles created by Lasso.", "stars": "4"}, {"name": "Rollup Visualizer", "url": "https://github.com/btd/rollup-plugin-visualizer", "description": "Visualize and analyze your Rollup bundle to see which modules are taking up space.", "stars": "2k"}, {"name": "Parcel plugin Visualizer", "url": "https://github.com/gregtillbrook/parcel-plugin-bundle-visualiser", "description": "A plugin for the parcel bundler to visualise bundle contents.", "stars": "274"}, {"name": "CSS Analyzer", "url": "https://github.com/macbre/analyze-css", "description": "CSS selectors complexity and performance analyzer.", "stars": "699"}, {"name": "Lighthouse Metrics", "url": "https://lighthouse-metrics.com/", "description": "Lighthouse Metrics provides easy insights for your site's performance. Save your time by running tests from multiple locations to get the valuable insight you need."}, {"name": "UITest.com Site Check", "url": "https://uitest.com/check/", "description": "Test your website in more than 80 tools (web-based and free)."}, {"name": "Web Performance Calender", "url": "https://calendar.perfplanet.com/2020/", "description": "Speed geek's favorite time of the year."}, {"name": "Web Performance Budget: How to Set up, Calculate, And Apply", "url": "https://uxify.com/blog/post/web-performance-budget-guide", "description": "How to Set up budget, Calculate, And Apply"}, {"name": "Chasing Waterfalls", "url": "https://chasingwaterfalls.io/", "description": "Conversation with people to make web faster by [Tim kadlec](https://timkadlec.com/)"}, {"name": "Shoptalk Show", "url": "https://shoptalkshow.com/", "description": "A podcast about building websites."}, {"name": "Concept of Performance Budget", "url": "https://www.youtube.com/watch?list=PLYo5nh8xQFpkwsu9QNlCpPGkmCCuTTWDJ\\&v=yqejmZrtmNg", "description": "Performance Budget with Tim Kadlec."}, {"name": "Implementing Performance Budgets", "url": "https://youtu.be/vVlpCmK1l5k", "description": "How to implement performance budgets to avoid regression - Google Chrome Developers."}, {"name": "Design Decisions Through The Lens Of A Performance Budget", "url": "https://vimeo.com/108328247", "description": "How we can make smarter design decisions, from the beginning of a project, to ensure that our sites perform well."}, {"name": "Revisiting Performance Budgets", "url": "https://www.youtube.com/watch?v=cnr3CJwpaps", "description": "Revisiting Performance Budgets"}, {"name": "Web Performance Warrior", "url": "https://www.oreilly.com/library/view/web-performance-warrior/9781492048114/", "description": ""}, {"name": "Designing for Performance", "url": "http://designingforperformance.com/", "description": ""}, {"name": "Web Performance Optimization case studies", "url": "https://wpostats.com/", "description": "Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics."}, {"name": "BBC - Cutting the mustard", "url": "http://responsivenews.co.uk/post/18948466399/cutting-the-mustard", "description": "Optimizations while building responsive websites."}, {"name": "Casper.com Self-hosting Optimization", "url": "https://medium.com/caspertechteam/we-shaved-1-7-seconds-off-casper-com-by-self-hosting-optimizely-2704bcbff8ec", "description": "How we shaved 1.7 seconds off casper.com by self-hosting Optimizely."}, {"name": "Netflix Performance Improvement by shipping less JS", "url": "https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9", "description": "A Netflix Web Performance Case Study."}, {"name": "Pinterest Web App Optimization", "url": "https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154/", "description": "A Pinterest Progressive Web App Performance Case Study."}, {"name": "Smashing Magazine's Web Performance", "url": "https://www.smashingmagazine.com/2014/09/improving-smashing-magazine-performance-case-study/", "description": "Improving Smashing Magazine's Web Performance Case Study."}, {"name": "Tinder Web App Performance", "url": "https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0/", "description": "A Tinder Progressive Web App Performance Case Study."}, {"name": "Treebo PWA Case Study", "url": "https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299/", "description": "Treebo - React And Preact PWA Performance Case Study."}, {"name": "Twitter Lite", "url": "https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3/", "description": "A Twitter Lite Web App at Scale."}, {"name": "Telegraph - Creating a web performance culture", "url": "https://medium.com/the-telegraph-engineering/improving-third-party-web-performance-at-the-telegraph-a0a1000be5", "description": "Improving third-party web performance at The Telegraph."}, {"name": "Zillow's Performance Budget", "url": "https://www.zillow.com/engineering/bigger-faster-more-engaging-budget/", "description": "A true story of how Zillow uses performance budgeting."}], "notes": [], "source": "Web Performance Budget"}, {"name": "Web Animation", "entries": [{"name": "SVG", "url": "#svg", "description": ""}, {"name": "Common", "url": "#common", "description": ""}, {"name": "CSS", "url": "#css", "description": ""}, {"name": "Canvas", "url": "#canvas", "description": ""}, {"name": "Animate on scroll", "url": "#animate-on-scroll", "description": ""}, {"name": "Text", "url": "#text", "description": ""}, {"name": "GUI tools", "url": "#gui-tools", "description": ""}, {"name": "React", "url": "#react", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Snap.svg", "url": "https://github.com/adobe-webplatform/Snap.svg", "description": "The JavaScript library for modern SVG graphics."}, {"name": "Svg.js", "url": "https://github.com/svgdotjs/svg.js", "description": "The lightweight library for manipulating and animating SVG.", "stars": "9.9k"}, {"name": "Vivus", "url": "https://github.com/maxwellito/vivus", "description": "Library to make drawing animation on SVG.", "stars": "14k"}, {"name": "Walkway", "url": "https://github.com/ConnorAtherton/walkway", "description": "An easy way to animate SVG elements.", "stars": "4.4k"}, {"name": "Raphael", "url": "https://github.com/DmitryBaranovskiy/raphael", "description": "JavaScript Vector Library.", "stars": "11k"}, {"name": "Bonsai", "url": "https://github.com/uxebu/bonsai", "description": "BonsaiJS is a graphics library and renderer.", "stars": "2k"}, {"name": "GSAP", "url": "https://github.com/greensock/GSAP", "description": "JavaScript animation library.", "stars": "15k"}, {"name": "TweenJS", "url": "https://github.com/CreateJS/TweenJS", "description": "A simple but powerful tweening / animation library for JavaScript. Part of the CreateJS suite of libraries.", "stars": "3.4k"}, {"name": "Anime.js", "url": "https://github.com/juliangarnier/anime", "description": "JavaScript animation engine.", "stars": "43k"}, {"name": "Mojs", "url": "https://github.com/mojs/mojs", "description": "The motion graphics toolbelt for the web.", "stars": "18k"}, {"name": "Animo.js", "url": "https://github.com/ThrivingKings/animo.js", "description": "A powerful little tool for managing CSS animations.", "stars": "2.1k"}, {"name": "Move.js", "url": "https://github.com/visionmedia/move.js", "description": "CSS3 backed JavaScript animation framework.", "stars": "4.7k"}, {"name": "Velocity", "url": "https://github.com/julianshapiro/velocity", "description": "Accelerated JavaScript animation.", "stars": "17k"}, {"name": "Animateplus", "url": "https://github.com/bendc/animateplus", "description": "A+ animation module for the modern web.", "stars": "5.9k"}, {"name": "Animatic", "url": "https://github.com/lvivski/animatic", "description": "CSS animations engine.", "stars": "1.4k"}, {"name": "Just Animate", "url": "https://github.com/just-animate/just-animate", "description": "Making Animation Simple.", "stars": "255"}, {"name": "Haiku Core", "url": "https://github.com/HaikuTeam/core", "description": "Interactive UI animation engine for the Web. Core renderer for Haiku Animator.", "stars": "756"}, {"name": "Between.js", "url": "https://github.com/sasha240100/between.js", "description": "Lightweight JavaScript (ES6) tweening engine.", "stars": "706"}, {"name": "Progressbar.js", "url": "https://github.com/kimmobrunfeldt/progressbar.js", "description": "Responsive and slick progress bars.", "stars": "7.6k"}, {"name": "Bezier easing", "url": "https://github.com/gre/bezier-easing", "description": "Cubic-bezier implementation for your JavaScript animation easings.", "stars": "1.6k"}, {"name": "Glsl easings", "url": "https://github.com/glslify/glsl-easings", "description": "Easing functions in GLSL.", "stars": "367"}, {"name": "ES6-tween", "url": "https://github.com/tweenjs/es6-tween", "description": "ES6 version of tween.js.", "stars": "178"}, {"name": "Weeee.js", "url": "https://github.com/sfi0zy/weeee", "description": "Tiny Javascript tweening engine.", "stars": "2"}, {"name": "Animate.css", "url": "https://github.com/daneden/animate.css", "description": "A cross-browser library of CSS animations. As easy to use as an easy thing.", "stars": "76k"}, {"name": "Motion-ui", "url": "https://github.com/foundation/motion-ui", "description": "The powerful Sass library for creating CSS transitions and animations.", "stars": "1.1k"}, {"name": "Magic", "url": "https://github.com/miniMAC/magic", "description": "CSS3 Animations with special effects.", "stars": "7.8k"}, {"name": "Css-loaders", "url": "https://github.com/lukehaas/css-loaders", "description": "A collection of loading spinners animated with CSS.", "stars": "6.9k"}, {"name": "SpinKit", "url": "https://github.com/tobiasahlin/SpinKit", "description": "A collection of loading indicators animated with CSS.", "stars": "19k"}, {"name": "Bounce.js", "url": "https://github.com/tictail/bounce.js", "description": "Create beautiful CSS3 powered animations in no time.", "stars": "6.2k"}, {"name": "EaselJS", "url": "https://github.com/CreateJS/EaselJS", "description": "EaselJS is a library for building high-performance interactive 2D content in HTML5.", "stars": "8k"}, {"name": "Fabric.js", "url": "https://github.com/fabricjs/fabric.js", "description": "JavaScript canvas library with animation support.", "stars": "23k"}, {"name": "Paper.js", "url": "https://github.com/paperjs/paper.js", "description": "The Swiss Army Knife of Vector Graphics Scripting \u2013 Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.", "stars": "13k"}, {"name": "Konva", "url": "https://github.com/konvajs/konva", "description": "Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.", "stars": "8.3k"}, {"name": "Two.js", "url": "https://github.com/jonobr1/two.js", "description": "A renderer agnostic two-dimensional drawing api for the web with animation support.", "stars": "7.8k"}, {"name": "Ocanvas", "url": "https://github.com/koggdal/ocanvas", "description": "JavaScript library for object-based canvas drawing.", "stars": "482"}, {"name": "Curtainsjs", "url": "https://github.com/martinlaxenaire/curtainsjs", "description": "Lightweight vanilla WebGL JavaScript library that turns HTML DOM elements into interactive textured planes.", "stars": "1.3k"}, {"name": "Hover-effect", "url": "https://github.com/robin-dela/hover-effect", "description": "JavaScript library to draw and animate images on hover.", "stars": "1.5k"}, {"name": "Pts.js", "url": "https://github.com/williamngan/pts", "description": "Pts is a typescript/javascript library for visualization and creative-coding.", "stars": "4.9k"}, {"name": "tsParticles", "url": "https://github.com/matteobruni/tsparticles/", "description": "tsParticles is a lightweight typescript/javascript library for creating easily particles animations.", "stars": "4.3k"}, {"name": "AOS", "url": "https://github.com/michalsnik/aos", "description": "Animate on scroll library.", "stars": "22k"}, {"name": "Laxxx", "url": "https://github.com/alexfoxy/laxxx", "description": "Simple & light weight (3kb minified & zipped) vanilla JavaScript plugin to create smooth & beautiful animations when you scrolllll!", "stars": "9.3k"}, {"name": "Wow", "url": "https://github.com/matthieua/WOW", "description": "Reveal CSS animation as you scroll down a page.", "stars": "9.7k"}, {"name": "Scrollreveal", "url": "https://github.com/scrollreveal/scrollreveal", "description": "Animate elements as they scroll into view.", "stars": "21k"}, {"name": "ScrollMagic", "url": "https://github.com/janpaepke/ScrollMagic", "description": "The JavaScript library for magical scroll interactions.", "stars": "14k"}, {"name": "Motus", "url": "https://github.com/alexcambose/motus", "description": "Animation library that mimics CSS keyframes when scrolling.", "stars": "564"}, {"name": "Sal", "url": "https://github.com/mciastek/sal", "description": "Performance focused, lightweight scroll animation library.", "stars": "3.3k"}, {"name": "Malarkey", "url": "https://github.com/yuanqing/malarkey", "description": "Simulate a typewriter effect in vanilla JavaScript.", "stars": "238"}, {"name": "Typed.js", "url": "https://github.com/mattboldt/typed.js", "description": "A JavaScript Typing Animation Library.", "stars": "12k"}, {"name": "Shuffle-text", "url": "https://github.com/ics-ikeda/shuffle-text", "description": "Shuffle-text is JavaScript text effect library such as cool legacy of Flash.", "stars": "93"}, {"name": "Typebot", "url": "https://github.com/akzhy/typebot", "description": "JavaScript library for typing animation.", "stars": "17"}, {"name": "Blotter", "url": "https://github.com/bradley/Blotter", "description": "A JavaScript API for drawing unconventional text effects on the web.", "stars": "2.9k"}, {"name": "Motion", "url": "https://github.com/framer/motion", "description": "Open source, production-ready animation and gesture library for React.", "stars": "16k"}, {"name": "SVGR", "url": "https://github.com/gregberge/svgr", "description": "Transform SVGs into React components.", "stars": "9.1k"}, {"name": "React tsParticles", "url": "https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md", "description": "ReactJS wrapper for *tsParticles*", "stars": "4.3k"}, {"name": "React spring", "url": "https://www.react-spring.io/", "description": "Open source, spring-physics based animation library for React that supports interpolations. Fast and easy to use."}, {"name": "Svgartista", "url": "https://svgartista.net/", "description": "SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain CSS code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind."}, {"name": "Mantra", "url": "https://jeremyckahn.github.io/mantra/", "description": "Mantra is a timeline editing tool for web animations. It is inspired by tools such as Adobe Flash and After Effects."}, {"name": "Animista", "url": "https://animista.net/", "description": "Animista is a place where you can play with a collection of pre-made css animations, tweak them and get only those you will actually use."}, {"name": "Cssanimate", "url": "http://cssanimate.com/", "description": "Welcome to CssAnimate.com, tool for easy and fast creating CSS3 keyframes animation, right in your browser without using any desktop software. If you want to render complex and consistent CSS3 animation on your site this tool is made for you! You can create complex CSS3 keyframe animation without any coding and to get ready made css styles for using on your site."}, {"name": "Ceaser", "url": "https://matthewlein.com/tools/ceaser", "description": "Now that we can use CSS transitions in all the modern browsers, let's make them pretty. I love the classic Penner equations with Flash and jQuery, so I included most of those. If you're anything like me\\*, you probably thought this about the default easing options: \u201cease-in, ease-out etc.\u201d The mysterious cubic-bezier has a lot of potential, but was cumbersome to use. Until now. Also, touch-device friendly!"}, {"name": "Cubic Bezier", "url": "https://cubic-bezier.com/", "description": "A great utility for creating Bezier curves. You can import and export curves to/from your library to share them with others."}, {"name": "Keyframer", "url": "http://alexberg.in/keyframer/", "description": "Tool that help visualize animation components and output the code required."}, {"name": "CSS Animation Kit", "url": "http://angrytools.com/css/animation/", "description": "Select any predefined samples from top panel. Below samples there is a timeline of @keyframes. Timeline has 101 keyframes ( 0% to 100%) direction from left to right. Highlighted keyframe indicate that some style is assigned to that point. You can add new style at selected point."}], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [SVG animation](https://www.amazon.com/SVG-Animations-Implementations-Responsive-Animation/dp/1491939702)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [Creating Web Animations: Bringing Your UIs to Life](https://www.amazon.com/Creating-Web-Animations-Bringing-Your/dp/1491957514/)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [Transitions and Animations in CSS: Adding Motion with CSS](https://www.amazon.com/Transitions-Animations-CSS-Adding-Motion/dp/149192988X/)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [Designing Interface Animation: Meaningful Motion for User Experience](https://www.amazon.com/Designing-Interface-Animation-Meaningful-Experience/dp/1933820322/)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [Web Animation using JavaScript: Develop & Design](https://www.amazon.com/Web-Animation-using-JavaScript-Develop/dp/0134096665)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [CSS Animations and Transitions for the Modern Web](https://www.amazon.com/gp/product/0133980502/)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [Animation in HTML, CSS, and JavaScript](https://www.amazon.com/Animation-HTML-JavaScript-Kirupa-Chinnathambi/dp/1502548704)", "entries": [], "notes": [], "source": "Web Animation"}, {"name": "Web Animation \u2014 [Foundation HTML5 Animation with JavaScript](https://www.amazon.com/Foundation-HTML5-Animation-JavaScript-Lamberta/dp/1430236655/)", "entries": [{"name": "Yuri Artyukh youtube channel", "url": "https://www.youtube.com/user/flintyara", "description": "This man creates amazing web animations using various technologies for this, and recording it all in steam format."}], "notes": [], "source": "Web Animation"}, {"name": "Es6 Tools \u2014 Transpilers", "entries": [{"name": "Babel", "url": "https://github.com/babel/babel", "description": "Turn ES6+ code into vanilla ES5 with no runtime", "stars": "42k"}, {"name": "Traceur compiler", "url": "https://github.com/google/traceur-compiler", "description": "ES6 features > ES5. Includes classes, generators, promises, destructuring patterns, default parameters & more.", "stars": "8.2k"}, {"name": "es6ify", "url": "https://github.com/thlorenz/es6ify", "description": "Traceur compiler wrapped as a [Browserify](http://browserify.org/) v2 transform", "stars": "600"}, {"name": "babelify", "url": "https://github.com/babel/babelify", "description": "Babel transpiler wrapped as a [Browserify](http://browserify.org/) transform", "stars": "1.7k"}, {"name": "es6-transpiler", "url": "https://github.com/termi/es6-transpiler", "description": "ES6 > ES5. Includes classes, destructuring, default parameters, spread", "stars": "217"}, {"name": "defs", "url": "https://github.com/olov/defs", "description": "ES6 block-scoped const and let variables to ES3 vars", "stars": "118"}, {"name": "es6\\_module\\_transpiler-rails", "url": "https://github.com/DavyJonesLocker/es6_module_transpiler-rails", "description": "ES6 Modules in the Rails Asset Pipeline", "stars": "87"}, {"name": "Some Sweet.js macros", "url": "https://github.com/jlongster/es6-macros", "description": "", "stars": "235"}, {"name": "regexpu", "url": "https://github.com/mathiasbynens/regexpu", "description": "Transform Unicode-aware ES6 regular expressions to ES5", "stars": "218"}, {"name": "Lebab", "url": "https://github.com/mohebifar/lebab", "description": "Transformations for ES5 code to ES6 (approximates)", "stars": "5.5k"}], "notes": [], "source": "Es6 Tools"}, {"name": "Es6 Tools \u2014 Gulp Plugins", "entries": [], "notes": [], "source": "Es6 Tools"}, {"name": "Es6 Tools \u2014 Grunt Tasks", "entries": [{"name": "grunt-microlib", "url": "https://github.com/thomasboyt/grunt-microlib", "description": "tools for libs using ES6 module transpiler (sample [Gruntfile (\u2b507.3k)](https://github.com/jakearchibald/es6-promise/blob/c3336087fffc52e66cf5398e5b56b23a291080fc/Gruntfile.js))", "stars": "29"}, {"name": "grunt-defs", "url": "https://github.com/EE/grunt-defs", "description": "ES6 block scoped const and let variables, to ES3", "stars": "5"}], "notes": [], "source": "Es6 Tools"}, {"name": "Es6 Tools \u2014 Broccoli Plugins", "entries": [], "notes": [], "source": "Es6 Tools"}, {"name": "Es6 Tools \u2014 Brunch Plugins", "entries": [{"name": "Scratch JS", "url": "https://github.com/richgilbank/Scratch-JS", "description": "A Chrome/Opera DevTools extension to run ES6 on a page with either Babel or Traceur", "stars": "349"}, {"name": "generator-typescript", "url": "https://github.com/mrkev/generator-typescript", "description": "Yeoman generator for TypeScript apps", "stars": "19"}, {"name": "Mocha Traceur", "url": "https://github.com/domenic/mocha-traceur", "description": "A simple plugin for Mocha to pass JS files through the Traceur compiler", "stars": "15"}, {"name": "js-loaders", "url": "https://github.com/jorendorff/js-loaders", "description": "Mozilla's spec-compliant loader prototype", "stars": "54"}, {"name": "JSPM", "url": "http://jspm.io/", "description": "ES6, AMD, CJS module loading/package management"}, {"name": "Babel Module Loader", "url": "https://github.com/babel/babel-loader", "description": "", "stars": "4.7k"}, {"name": "beck.js", "url": "https://github.com/unscriptable/beck", "description": "toolkit for ES6 Module Loader pipelines, shim for legacy environments", "stars": "5"}, {"name": "es6-boilerplate", "url": "https://github.com/davidjnelson/es6-boilerplate", "description": "Tooling to allow the community to use es6 now via traceur in conjunction with amd and browser global modules, with source maps, concatenation, minification, compression, and unit testing in real browsers.", "stars": "88"}, {"name": "es6-jspm-gulp-boilerplate", "url": "https://github.com/alexweber/es6-jspm-gulp-boilerplate", "description": "Tooling to allow the community to use es6 now via babel in conjunction jspm, with source maps, concatenation, minification, compression, and unit testing in real browsers using es6.", "stars": "137"}, {"name": "generator-node-esnext", "url": "https://github.com/briandipalma/generator-node-esnext", "description": "Yeoman generator for Traceur apps", "stars": "4"}, {"name": "generator-es6-babel", "url": "https://github.com/HenriqueLimas/generator-es6-babel", "description": "Yeoman generator for Babel apps", "stars": "9"}, {"name": "generator-gulp-babelify", "url": "https://github.com/HenriqueLimas/generator-gulp-babelify", "description": "Yeoman generator for [Babel](https://babeljs.io/), [Browserify](http://browserify.org/) and [Gulp](http://gulpjs.com/)", "stars": "3"}, {"name": "grunt-init-es6", "url": "https://www.npmjs.com/package/grunt-init-es6", "description": "scaffold node modules with unit tests, authored in ES6"}, {"name": "Loom generators with ES6 ember modules", "url": "https://github.com/ryanflorence/loom-generators-ember", "description": "", "stars": "15"}, {"name": "core-js", "url": "https://github.com/zloirock/core-js", "description": "Modular and compact polyfills for ES6 including Symbols, Map, Set, Iterators, Promises, setImmediate, Array generics, etc. The standard library used by [Babel (\u2b5042k)](https://github.com/babel/babel).", "stars": "18k"}, {"name": "es6-shim", "url": "https://github.com/paulmillr/es6-shim", "description": "almost all new ES6 methods \u2014 from Map, Set, String, Array, Object, Object.is and more.", "stars": "3.1k"}, {"name": "WeakMap, Map, Set, HashMap - ES6 Collections", "url": "https://github.com/Benvie/harmony-collections", "description": ""}, {"name": "`String.prototype.startsWith`", "url": "https://github.com/mathiasbynens/String.prototype.startsWith", "description": ""}, {"name": "`String.prototype.endsWith`", "url": "https://github.com/mathiasbynens/String.prototype.endsWith", "description": ""}, {"name": "`String.prototype.at`", "url": "https://github.com/mathiasbynens/String.prototype.at", "description": ""}, {"name": "`String.prototype.repeat`", "url": "https://github.com/mathiasbynens/String.prototype.repeat", "description": ""}, {"name": "`String.prototype.includes`", "url": "https://github.com/mathiasbynens/String.prototype.includes", "description": ""}, {"name": "`String.prototype.codePointAt`", "url": "https://github.com/mathiasbynens/String.prototype.codePointAt", "description": ""}, {"name": "`String.fromCodePoint`", "url": "https://github.com/mathiasbynens/String.fromCodePoint", "description": ""}, {"name": "`Array.prototype.find`", "url": "https://github.com/paulmillr/Array.prototype.find", "description": ""}, {"name": "`Array.prototype.findIndex`", "url": "https://github.com/paulmillr/Array.prototype.findIndex", "description": ""}, {"name": "`Array.from`", "url": "https://github.com/mathiasbynens/Array.from", "description": ""}, {"name": "`Array.of`", "url": "https://github.com/mathiasbynens/Array.of", "description": ""}, {"name": "`Object.assign`", "url": "https://github.com/sindresorhus/object-assign", "description": ""}, {"name": "`Number.isFinite`", "url": "https://github.com/sindresorhus/is-finite", "description": ""}, {"name": "`Math.sign`", "url": "https://github.com/sindresorhus/math-sign", "description": ""}, {"name": "`RegExp.prototype.match`", "url": "https://github.com/mathiasbynens/RegExp.prototype.match", "description": ""}, {"name": "`RegExp.prototype.search`", "url": "https://github.com/mathiasbynens/RegExp.prototype.search", "description": ""}, {"name": "es6-promise", "url": "https://github.com/jakearchibald/es6-promise", "description": "polyfill for Promises matching the ES6 API", "stars": "7.3k"}, {"name": "ES6 Map Shim", "url": "https://github.com/eriwen/es6-map-shim", "description": "destructive shim that follows the latest specification as closely as possible.", "stars": "24"}, {"name": "`Function.create`", "url": "https://github.com/walling/Function.create.js", "description": ""}, {"name": "ES6 shim", "url": "https://github.com/inexorabletash/polyfill/blob/master/es6.md", "description": "", "stars": "1.4k"}, {"name": "ES6 Symbol polyfill", "url": "https://github.com/medikoo/es6-symbol", "description": "", "stars": "179"}, {"name": "ES6 Map, Set, WeakMap", "url": "https://github.com/EliSnow/Blitz-Collections", "description": "", "stars": "4"}, {"name": "harmony-reflect", "url": "https://github.com/tvcutsem/harmony-reflect", "description": "ES6 [reflection module](http://wiki.ecmascript.org/doku.php?id=harmony:reflect_api) (contains the [Proxy API](http://soft.vub.ac.be/\\~tvcutsem/proxies/))", "stars": "445"}, {"name": "ES5 based shims in pure CJS style", "url": "https://gist.github.com/medikoo/102b7d0e697627133788#list-of-ecmascript-6-shims", "description": "Array, Object, Number, Math and String functions/methods, plus Map, Set, Symbol and WeakMap objects"}, {"name": "Esprima", "url": "http://esprima.org", "description": "JavaScript parser supporting ES6, parses to [ESTree AST format (\u2b504.3k)](https://github.com/estree/estree)"}, {"name": "Acorn", "url": "https://github.com/ternjs/acorn", "description": "A small, fast, JavaScript-based JavaScript parser with ES6 support, parses to [SpiderMonkey AST](https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey/Parser_API) format.", "stars": "8.8k"}, {"name": "esparse", "url": "https://github.com/zenparsing/esparse", "description": "ES6 parser written in ES6.", "stars": "115"}, {"name": "Traceur compiler", "url": "https://github.com/google/traceur-compiler", "description": "", "stars": "8.2k"}, {"name": "ES.next showcase", "url": "https://github.com/sindresorhus/esnext-showcase", "description": "real-world usage examples of ES6 features", "stars": "300"}, {"name": "looper", "url": "https://github.com/wycats/looper", "description": "static analysis tools for ES6", "stars": "16"}, {"name": "es6-module-packager", "url": "https://www.npmjs.com/package/es6-module-packager", "description": ""}, {"name": "es-dependency-graph", "url": "https://github.com/yahoo/es-dependency-graph", "description": "", "stars": "30"}, {"name": "es6-import-validate", "url": "https://github.com/sproutsocial/es6-import-validate", "description": "", "stars": "6"}, {"name": "let-er", "url": "https://github.com/getify/let-er", "description": "transpiles [let-block block-scoping](http://wiki.ecmascript.org/doku.php?id=proposals:block_expressions#let_statement) (not accepted into ES6) into either ES3 or ES6", "stars": "186"}, {"name": "Recast", "url": "https://github.com/benjamn/recast", "description": "Esprima-based JavaScript syntax tree transformer, conservative pretty-printer, and automatic source map generator. Used by several of the transpilers listed above, including [regenerator (\u2b503.7k)](https://github.com/facebook/regenerator) and [es6-arrow-function (\u2b5052)](https://github.com/esnext/es6-arrow-function).", "stars": "4.3k"}, {"name": "Paws on ES6", "url": "https://github.com/hemanth/paws-on-es6", "description": "Minimalist examples of ES6 functionalities.", "stars": "332"}, {"name": "ES6 on node", "url": "http://h3manth.com/new/blog/2013/es6-on-nodejs/", "description": "How to use ES6 features in node.js."}, {"name": "es6-translate", "url": "https://github.com/calvinmetcalf/es6-translate", "description": "Uses the ES6 loader hooks to load (node flavored) commonjs packages in ES6.", "stars": "5"}, {"name": "Isparta", "url": "https://github.com/douglasduteil/isparta", "description": "", "stars": "645"}, {"name": "babel-node", "url": "https://babeljs.io/docs/usage/cli/#babel-node", "description": "Run node cli with ES6 transpiling using Babel."}, {"name": "ES6 Lab setup", "url": "https://github.com/hemanth/es6-lab-setup", "description": "A simple setup for transpiling ES6 to ES5 using `Babel` or `traceur` with `gulp` and `jasmine` support.", "stars": "28"}, {"name": "TypeScript", "url": "http://www.typescriptlang.org/", "description": "A superset of ECMAScript with strict typing that aims to align with ES6"}, {"name": "Rollup", "url": "http://rollupjs.org/", "description": "Rollup is a next-generation JavaScript module bundler. Author your app or library using ES2015 modules, then efficiently bundle them up into a single file for use in browsers and Node.js"}], "notes": [], "source": "Es6 Tools"}, {"name": "React Hooks", "entries": [{"name": "Hooks", "url": "#hooks", "description": ""}, {"name": "Tutorials/Articles/Workshops", "url": "#tutorialsarticlesworkshops", "description": ""}, {"name": "Discussions", "url": "#discussions", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Extensions/Libraries", "url": "#extensionslibraries", "description": ""}, {"name": "Introducing Hooks", "url": "https://reactjs.org/docs/hooks-intro.html", "description": ""}, {"name": "Hooks at a Glance", "url": "https://reactjs.org/docs/hooks-overview.html", "description": ""}, {"name": "Using the State Hook", "url": "https://reactjs.org/docs/hooks-state.html", "description": ""}, {"name": "Using the Effect Hook", "url": "https://reactjs.org/docs/hooks-effect.html", "description": ""}, {"name": "Rules of Hooks", "url": "https://reactjs.org/docs/hooks-rules.html", "description": ""}, {"name": "Building Your Own Hooks", "url": "https://reactjs.org/docs/hooks-custom.html", "description": ""}, {"name": "Hooks API Reference", "url": "https://reactjs.org/docs/hooks-reference.html", "description": ""}, {"name": "Hooks FAQ", "url": "https://reactjs.org/docs/hooks-faq.html", "description": ""}, {"name": "React Today and Tomorrow and 90% Cleaner React", "url": "https://www.youtube.com/watch?v=dpw9EHDh2bM", "description": "Dan Abramov and Sophie Alpert."}, {"name": "Making Sense of React Hooks", "url": "https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889", "description": "Dan Abramov."}, {"name": "React Hooks and Suspense", "url": "https://egghead.io/playlists/react-hooks-and-suspense-650307f2", "description": "Kent C. Dodds."}, {"name": "React Hooks & testing: Stepping through React code", "url": "https://youtu.be/JQeB9miT9Wc", "description": "Kent C. Dodds."}, {"name": "My Thoughts on React Hooks", "url": "https://youtu.be/gmF4k6P2va8", "description": "Ben Awad."}, {"name": "Fetching Data from an API with React Hooks useEffect", "url": "https://youtu.be/k0WnY0Hqe5c", "description": "Ben Awad."}, {"name": "Are React Hooks Slower than Class Components?", "url": "https://youtu.be/tKRWuVOEB2w", "description": "Ben Awad."}, {"name": "Building a Todo List with React Hooks useState", "url": "https://youtu.be/cAZ-fOd1RpA", "description": "Ben Awad."}, {"name": "Using React Hooks vs. Class Components", "url": "https://youtu.be/vbaIZ3xMj9U", "description": "Ben Awad."}, {"name": "Using Immer with Reducers and React Hooks", "url": "https://youtu.be/FmKjwh34Rn8", "description": "Ben Awad."}, {"name": "React Hooks useContext", "url": "https://youtu.be/xWXxkFzgnFM", "description": "Ben Awad."}, {"name": "Everything you need to know about React Hooks", "url": "https://medium.com/@vcarl/everything-you-need-to-know-about-react-hooks-8f680dfd4349", "description": "Carl Vitullo."}, {"name": "Hooks in react-spring, a tutorial", "url": "https://medium.com/@drcmda/hooks-in-react-spring-a-tutorial-c6c436ad7ee4", "description": "Paul Henschel."}, {"name": "React Hooks: Notes Taken", "url": "https://medium.com/@tomaskonrady/react-hooks-notes-taken-c42376af3ab0", "description": "Tom\u00e1\u0161 Konr\u00e1dy."}, {"name": "Getting Started with React Hooks", "url": "https://scotch.io/tutorials/getting-started-with-react-hooks", "description": "Chris Sevilleja."}, {"name": "React hooks: not magic, just arrays", "url": "https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e", "description": "Rudi Yardley."}, {"name": "Why React\u2019s new Hooks API is a game changer", "url": "https://itnext.io/why-reacts-hooks-api-is-a-game-changer-8731c2b0a8c", "description": "Rudi Yardley."}, {"name": "Writing Custom React Hooks for GraphQL", "url": "https://medium.com/open-graphql/react-hooks-for-graphql-3fa8ebdd6c62", "description": "Nader Dabit."}, {"name": "Manage global state with React Hooks", "url": "https://medium.com/@Charles_Stover/manage-global-state-with-react-hooks-6065041b55b4", "description": "Charles Stover."}, {"name": "React Hooks: Managing Web Sockets with useEffect and useState", "url": "https://medium.com/@rossbulat/react-hooks-managing-web-sockets-with-useeffect-and-usestate-2dfc30eeceec", "description": "Ross Bulat."}, {"name": "Primer on React Hooks", "url": "https://testdriven.io/blog/react-hooks-primer/", "description": "Austin Johnston."}, {"name": "React Hooks - A deeper dive featuring useContext and useReducer", "url": "https://testdriven.io/blog/react-hooks-advanced/", "description": "Austin Johnston."}, {"name": "Advanced React Hooks Workshop", "url": "https://github.com/kentcdodds/advanced-react-hooks", "description": "Kent C. Dodds.", "stars": "1.8k"}, {"name": "v6 Candidate Preview: Use React Hooks for connect", "url": "https://github.com/reduxjs/react-redux/pull/1065", "description": "Mark Erikson.", "stars": "22k"}, {"name": "RFC: React Hooks", "url": "https://github.com/reactjs/rfcs/pull/68", "description": "Sebastian Markb\u00e5ge.", "stars": "4.5k"}, {"name": "Using Hooks in React Native", "url": "https://github.com/facebook/react-native/issues/21967#issuecomment-434113687", "description": "H\u00e9ctor Ramos.", "stars": "105k"}, {"name": "Color Match", "url": "https://codesandbox.io/s/jjy215l7w3", "description": "Color Match Game."}, {"name": "React Hooks counter", "url": "https://codesandbox.io/s/yjn90lzwrx?module=%2Fsrc%2FApp.js", "description": "Counter using useState of React Hooks."}, {"name": "Toggle component", "url": "https://codesandbox.io/s/m449vyk65x", "description": "Toggle component made with React Hooks."}, {"name": "Hooks test", "url": "https://github.com/jacobp100/hooks-test", "description": "Somewhat complicated use case solved relatively nicely with React Hooks.", "stars": "199"}, {"name": "React Hanger", "url": "https://github.com/kitze/react-hanger", "description": "React Hanger example.", "stars": "1.8k"}, {"name": "React Navigation Hooks", "url": "https://github.com/react-navigation/react-navigation-hooks", "description": "React hooks for convenient react-navigation use.", "stars": "577"}, {"name": "Haunted", "url": "https://github.com/matthewp/haunted", "description": "React's Hooks API implemented for web components.", "stars": "2.4k"}, {"name": "useHooks", "url": "https://usehooks.com/", "description": "Easy to understand React Hook recipes by [Gabe Ragland](https://twitter.com/gabe_ragland)."}, {"name": "Collection of React Hooks", "url": "https://nikgraf.github.io/react-hooks/", "description": "Collection of React Hooks."}, {"name": "React Spring demo", "url": "https://codesandbox.io/s/ppxnl191zx", "description": "Demo of how react-spring could use React Hooks as a new API."}, {"name": "React Hooks", "url": "https://codesandbox.io/s/yq5qowzrvz", "description": "React Hooks useState() and useEffect()."}, {"name": "Hooks Todo App", "url": "https://codesandbox.io/s/9kwyzy0y4", "description": "App made with React Hooks."}, {"name": "react-thanos", "url": "https://github.com/codeshifu/react-thanos", "description": "React hooks implementation of Google's Thanos easter egg.", "stars": "35"}, {"name": "redux-react-hook", "url": "https://github.com/facebookincubator/redux-react-hook", "description": "React Hook for accessing state and dispatch from a Redux store.", "stars": "2.2k"}, {"name": "react-use", "url": "https://github.com/streamich/react-use", "description": "Collection of essential React Hooks.", "stars": "34k"}, {"name": "The Platform", "url": "https://github.com/palmerhq/the-platform", "description": "Browser API's turned into React Hooks and Suspense-friendly React elements for common situations.", "stars": "4.4k"}, {"name": "eslint-plugin-react-hooks", "url": "https://www.npmjs.com/package/eslint-plugin-react-hooks", "description": "This plugin enforce rule of hooks to avoid common mistakes."}, {"name": "react-hooks-lib", "url": "https://github.com/beizhedenglong/react-hooks-lib", "description": "A set of reusable React Hooks.", "stars": "531"}, {"name": "use-immer", "url": "https://github.com/mweststrate/use-immer", "description": "A hook to use immer as a React hook to manipulate state.", "stars": "2.4k"}, {"name": "react-hanger", "url": "https://github.com/kitze/react-hanger", "description": "A small collection of useful hooks for React 16.7.", "stars": "1.8k"}, {"name": "react-firebase-hooks", "url": "https://github.com/csfrequency/react-firebase-hooks", "description": "A set of reusable React Hooks for Firebase.", "stars": "2.9k"}, {"name": "react-intersection-visible-hook", "url": "https://github.com/AvraamMavridis/react-intersection-visible-hook", "description": "React hook to track the visibility of a functional component based on IntersectionVisible Observer.", "stars": "50"}, {"name": "use-timer", "url": "https://github.com/thibaultboursier/use-timer", "description": "Simple React hook to handle timer.", "stars": "169"}, {"name": "react-native-hooks", "url": "https://github.com/react-native-community/react-native-hooks", "description": "React Native APIs turned into React Hooks for use in stateless React components.", "stars": "2.9k"}, {"name": "react-with-hooks", "url": "https://github.com/yesmeck/react-with-hooks", "description": "Ponyfill for the proposed React Hooks API.", "stars": "152"}, {"name": "react-hooks-screen-type", "url": "https://github.com/pankod/react-hooks-screen-type", "description": "Determining screen size type for Bootstrap 4 grid.", "stars": "15"}, {"name": "use-http", "url": "https://github.com/alex-cory/react-usefetch", "description": "React hooks for making isomorphic HTTP requests.", "stars": "2.2k"}, {"name": "react-fetch-hook", "url": "https://github.com/ilyalesik/react-fetch-hook", "description": "React hook for conveniently use Fetch API.", "stars": "348"}, {"name": "storeon", "url": "https://github.com/storeon/storeon", "description": "hook-based state manager in 173 bytes.", "stars": "1.9k"}, {"name": "react-hook-form", "url": "https://github.com/bluebill1049/react-hook-form", "description": "Performance, flexible and extensible forms with easy to use for validation.", "stars": "31k"}], "notes": [], "source": "React Hooks"}, {"name": "Charting", "entries": [{"name": "Commercial Libraries", "url": "#commercial-libraries", "description": ""}, {"name": "Free and Open Source Libraries", "url": "#free-and-open-source-libraries", "description": ""}, {"name": "Free Libraries", "url": "#free-libraries", "description": ""}, {"name": "Framework-Specific Libraries", "url": "#framework-specific-libraries", "description": ""}, {"name": "Data Visualization Resources", "url": "#data-visualization-resources", "description": ""}, {"name": "amCharts", "url": "https://www.amcharts.com/", "description": "Three libraries for traditional charts, stock, and maps. Features a hand-drawn style theme option."}, {"name": "AnyChart", "url": "http://www.anychart.com/", "description": "Set of products for charting different types of data. Has a special Oracle Apex integration option."}, {"name": "CanvasJS", "url": "http://canvasjs.com/", "description": "A tight set of chart types in a library with a small file size. Different looking default theme than other commercial libraries."}, {"name": "FusionCharts", "url": "http://www.fusioncharts.com/", "description": "Charting library with a strong maps component."}, {"name": "Highcharts", "url": "http://www.highcharts.com/", "description": "A series of charting libraries for a variety of uses. Can be compatible back to IE6."}, {"name": "JSCharting", "url": "https://JSCharting.com/", "description": "Integrated suite of charting libraries with traditional charts types plus maps, stock, Gantt, grid and org charts in one package."}, {"name": "Kendo UI", "url": "https://www.telerik.com/kendo-ui", "description": "Premium charting library with native UI components available for Angular, React, and Vue."}, {"name": "ZingChart", "url": "http://www.zingchart.com", "description": "Built to render large data sets other libraries can't handle. Super customizable styling and new features added often. Everything in one modular library."}, {"name": "apexcharts.js", "url": "https://github.com/apexcharts/apexcharts.js", "description": "A JavaScript Chart Library with simple API.", "stars": "12k"}, {"name": "Billboard.js", "url": "https://naver.github.io/billboard.js/", "description": "a fork of C3 that tracks D3 releases more closely."}, {"name": "C3.js", "url": "http://c3js.org/", "description": "D3 based reusable chart library."}, {"name": "Chart.js", "url": "http://www.chartjs.org/", "description": "Tiny library (11kb!) including core chart types."}, {"name": "Charts.css", "url": "https://chartscss.org/", "description": "CSS data visualization framework."}, {"name": "Chartist", "url": "https://gionkunz.github.io/chartist-js/", "description": "Simple, lightweight chart library that uses SVG to render the chart, and CSS to style it."}, {"name": "Chartkick", "url": "https://github.com/ankane/chartkick", "description": "JavaScript charts with one line of Ruby.", "stars": "6k"}, {"name": "D3.js", "url": "https://d3js.org/", "description": "Allows the user to manipulate documents based on data to render charts in SVG."}, {"name": "dc.js", "url": "https://dc-js.github.io/dc.js/", "description": "D3 Library with [crossfilter](http://square.github.io/crossfilter/) support"}, {"name": "dygraphs", "url": "https://github.com/danvk/dygraphs", "description": "Interactive zoomable time series charts.", "stars": "3k"}, {"name": "ECharts", "url": "https://github.com/ecomfe/echarts", "description": "A powerful charting and visualization library for browser.", "stars": "53k"}, {"name": "EJSChart", "url": "https://github.com/EmpriseCorporation/EJSCharts", "description": "enterprise ready charting library.", "stars": "34"}, {"name": "Graphosaurus", "url": "https://github.com/frewsxcv/graphosaurus", "description": "3D graph viewer powered by WebGL (three.js)", "stars": "361"}, {"name": "lightweight-charts", "url": "https://github.com/tradingview/lightweight-charts", "description": "Financial lightweight charts built with HTML5 canvas", "stars": "5.5k"}, {"name": "Morris.js", "url": "http://morrisjs.github.io/morris.js", "description": "Simple API to render line, bar, area, and donut charts"}, {"name": "Plotly", "url": "https://github.com/plotly/plotly.js", "description": "Built on top of d3 and stack.gl, allowing users to create basic charts and SVG maps.", "stars": "15k"}, {"name": "Plottable", "url": "https://github.com/palantir/plottable", "description": "Library with OOP style syntax to build charts.", "stars": "2.9k"}, {"name": "QuickChart", "url": "https://github.com/typpo/quickchart", "description": "Web API that renders static chart images.", "stars": "1.3k"}, {"name": "rgraph", "url": "http://www.rgraph.net/", "description": "2D/3D javascript charts with google sheets import capabilites."}, {"name": "sigma.js", "url": "https://github.com/jacomyal/sigma.js", "description": "Graphs / Network diagram library built with canvas.", "stars": "10k"}, {"name": "Smoothie Charts", "url": "https://github.com/joewalnes/smoothie", "description": "JavaScript charts for realtime streaming data.", "stars": "2.2k"}, {"name": "TauCharts", "url": "https://www.taucharts.com/", "description": "Unique syntax that lets the developer describe the data using DSL. Has the ability to create facets."}, {"name": "\u03bcPlot", "url": "https://github.com/leeoniya/uPlot", "description": "A small (< 25 KB min), fast chart for time series, lines, areas, ohlc & bars.", "stars": "7.4k"}, {"name": "uvCharts", "url": "https://github.com/imaginea/uvCharts", "description": "JavaScript Charting library built using d3.js"}, {"name": "vis.js", "url": "http://visjs.org/", "description": "Network diagrams, descriptive timelines with labels, and has 3D graphs."}, {"name": "reaviz", "url": "https://reaviz.io", "description": "Modular chart component library for React."}, {"name": "reaflow", "url": "https://reaflow.dev", "description": "Modular diagram engine for build static or interactive editors."}, {"name": "Google Charts", "url": "https://developers.google.com/chart/", "description": "Maps are dialed in (of course) and some cool animation options. Extensive docs and use community (forum)."}], "notes": [], "source": "Charting"}, {"name": "Charting \u2014 Angular", "entries": [{"name": "Angular-Chart", "url": "http://jtblin.github.io/angular-chart.js", "description": "Simple API to render line, bar, area, and donut charts"}, {"name": "n3-charts", "url": "https://github.com/n3-charts/line-chart", "description": "Easy to use library written with AngularJS, rendering charts with D3.", "stars": "1.2k"}, {"name": "Angular-scale", "url": "https://github.com/kirillstepkin/scale", "description": "Simple and lightweight library for creating line charts", "stars": "40"}], "notes": [], "source": "Charting"}, {"name": "Charting \u2014 Ember", "entries": [{"name": "Ember Charts", "url": "http://addepar.github.io/ember-charts/#/overview", "description": "Five basic chart types ready to go in Ember.js projects."}], "notes": [], "source": "Charting"}, {"name": "Charting \u2014 jQuery", "entries": [{"name": "Flot", "url": "http://www.flotcharts.org/", "description": "A JavaScript charting library for jQuery. Contains useful chart types but looks like it may no longer be in active development."}, {"name": "jqPlot", "url": "http://www.jqplot.com", "description": "Open source jQuery plugin for drawing charts. Contains many commonly used features but may use different naming conventions for these items."}, {"name": "jqxChart", "url": "http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxchart/jquery-chart-getting-started.htm", "description": "Plenty of chart types rendering in SVG, Canvas, and VML."}, {"name": "JQuery-linechart", "url": "https://github.com/kirillstepkin/jquery-linechart", "description": "Simple and lightweight library for creating line charts", "stars": "42"}], "notes": [], "source": "Charting"}, {"name": "Charting \u2014 Lit-html", "entries": [{"name": "lit-line", "url": "https://github.com/apinet/lit-line", "description": "{fast, small, interactive, fully responsive} Line Chart web component build on top of lit-html.", "stars": "13"}], "notes": [], "source": "Charting"}, {"name": "Charting \u2014 React", "entries": [{"name": "nivo", "url": "https://github.com/plouc/nivo", "description": "React components to easily build dataviz apps, built on top of D3.", "stars": "11k"}, {"name": "react-vis", "url": "https://github.com/uber/react-vis", "description": "a composable visualization system by Uber", "stars": "8.4k"}, {"name": "vx", "url": "https://vx-demo.now.sh/", "description": ""}, {"name": "Potion", "url": "http://numberpicture.com/build", "description": "Low-level building blocks for constructing animated visualizations with React & D3."}, {"name": "react-chart-js", "url": "https://github.com/jerairrest/react-chartjs-2", "description": "React wrapper for Chart.js", "stars": "5.4k"}, {"name": "react-d3", "url": "https://github.com/esbullington/react-d3", "description": "Charting library that relies on React for generating SVG markup and d3 to calculate path values.", "stars": "1.8k"}, {"name": "react-muze", "url": "https://github.com/chartshq/react-muze", "description": "React wrapper for [muze](https://muzejs.org/) (free data visualization library for creating exploratory data visualizations in browser, using WebAssembly)", "stars": "15"}, {"name": "react-vis", "url": "https://github.com/uber-common/react-vis", "description": "A collection of React components to render common data visualization charts", "stars": "8.4k"}, {"name": "recharts", "url": "http://recharts.org", "description": "Redefined chart library built with React and D3"}, {"name": "Victory", "url": "https://github.com/FormidableLabs/victory", "description": "A collection of composable React components for building interactive data visualizations", "stars": "10k"}, {"name": "Dataviz Catalogue", "url": "http://datavizcatalogue.com", "description": "A place to go when you're wondering which chart type is best. A project by Severino Ribecca."}, {"name": "Evergreen Data", "url": "http://stephanieevergreen.com", "description": "Information and opinions on presenting data more effectively."}, {"name": "Flowing Data", "url": "http://flowingdata.com", "description": "A resource on maps, visualizations, stats, and design by Nathan Yau, formerly of the New York Times."}, {"name": "Junk Charts", "url": "http://junkcharts.typepad.com", "description": "Dataviz critic (and Columbia professor) Kaiser Fung breaks down data visualizations to identify what is wrong and recommends ways to make them better."}, {"name": "The Functional Art", "url": "http://www.thefunctionalart.com", "description": "Noted data visualization author and professor Aberto Cairo's blog on dataviz trends and best practices."}, {"name": "Visualizing Data", "url": "http://www.visualisingdata.com", "description": "Dataviz consultant Andy Kirk compiles examples, resources, and reference materials on the subject of charting and visualization."}, {"name": "Well Formed Data", "url": "http://well-formed-data.net/archives/1210/little-boxes", "description": "Thought pieces on information visualization and design by Moritz Stefaner previously of the World Economic Forum."}], "notes": [], "source": "Charting"}, {"name": "Inertiajs", "entries": [{"name": "Useful Links", "url": "#useful-links", "description": ""}, {"name": "Adapters", "url": "#adapters", "description": ""}, {"name": "Resources", "url": "#resources", "description": ""}, {"name": "Documentation", "url": "http://inertiajs.com", "description": "Official website and documentation."}, {"name": "Twitter", "url": "https://twitter.com/inertiajs", "description": "Official Twitter account."}, {"name": "Discord", "url": "https://discord.gg/gwgxN8Y", "description": "Official Discord server."}, {"name": "Organization", "url": "https://github.com/inertiajs", "description": "Official GitHub organization."}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Client-side", "entries": [{"name": "Mithril", "url": "https://github.com/maicol07/inertia-mithril", "description": "", "stars": "3"}, {"name": "Preact", "url": "https://github.com/jrson83/inertia-preact", "description": "", "stars": "7"}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Server-side", "entries": [{"name": "Statamic", "url": "https://github.com/hotmeteor/inertia-statamic", "description": "", "stars": "55"}, {"name": "ASP.NET Core", "url": "https://github.com/kapi2289/InertiaCore", "description": "", "stars": "71"}, {"name": "CakePHP", "url": "https://github.com/ishanvyas22/cakephp-inertiajs", "description": "", "stars": "41"}, {"name": "ColdBox", "url": "https://github.com/elpete/cbInertia", "description": "", "stars": "4"}, {"name": "Phoenix", "url": "https://github.com/devato/inertia_phoenix", "description": "", "stars": "87"}, {"name": "Symfony", "url": "https://github.com/rompetomp/inertia-bundle", "description": "", "stars": "153"}, {"name": "Yii2", "url": "https://github.com/tbreuss/yii2-inertia", "description": "", "stars": "65"}, {"name": "Django", "url": "https://github.com/zodman/inertia-django", "description": "", "stars": "92"}, {"name": "Fiber", "url": "https://github.com/theArtechnology/fiber-inertia", "description": "", "stars": "11"}, {"name": "Node.js", "url": "https://github.com/haikyuu/inertia-node-adapter", "description": "", "stars": "7"}, {"name": "Masonite", "url": "https://github.com/girardinsamuel/masonite-inertia", "description": "", "stars": "23"}, {"name": "WordPress", "url": "https://github.com/boxybird/wordpress-inertia-plugin", "description": "", "stars": "171"}, {"name": "Flask", "url": "https://github.com/j0ack/flask-inertia", "description": "", "stars": "37"}, {"name": "Adonis", "url": "https://github.com/eidellev/inertiajs-adonisjs", "description": "", "stars": "279"}, {"name": "CanJS", "url": "https://github.com/cherifGsoul/inertia-can", "description": "", "stars": "14"}, {"name": "Clojure", "url": "https://github.com/prestancedesign/inertia-clojure", "description": "", "stars": "97"}, {"name": "CodeIgniter", "url": "https://github.com/amiranagram/inertia-codeigniter-4", "description": "", "stars": "28"}, {"name": "Go", "url": "https://github.com/petaki/inertia-go", "description": "", "stars": "211"}, {"name": "PSR-15", "url": "https://github.com/cherifGsoul/inertia-psr15", "description": "", "stars": "42"}, {"name": "Rust", "url": "https://github.com/stuarth/inertia-rs", "description": "", "stars": "37"}, {"name": "Oak (Deno)", "url": "https://github.com/jcs224/oak_inertia", "description": "", "stars": "8"}, {"name": "Echo", "url": "https://github.com/kohkimakimoto/inertia-echo", "description": "", "stars": "10"}, {"name": "Grails", "url": "https://github.com/matrei/grails-inertia-plugin", "description": "", "stars": "8"}, {"name": "FastAPI", "url": "https://github.com/hxjo/fastapi-inertia", "description": "", "stars": "28"}, {"name": "Hyperf", "url": "https://github.com/onix-systems-php/hyperf-inertia", "description": "", "stars": "3"}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Presets", "entries": [{"name": "Laravel front-end preset", "url": "https://github.com/laravel-frontend-presets/inertiajs", "description": "Laravel front-end preset for Inertia.js.", "stars": "145"}, {"name": "Laravel Moonlight", "url": "https://github.com/TitasGailius/laravel-moonlight", "description": "Laravel front-end preset with Tailwind CSS, Inertia.js and Vue.js.", "stars": "145"}, {"name": "Titanium", "url": "https://github.com/usetitanium/inertia", "description": "Laravel front-end preset with Tailwind CSS, Inertia.js and Vue.js.", "stars": "11"}, {"name": "Breeze React", "url": "https://github.com/lucky-media/breeze-react", "description": "Laravel Breeze fork with Tailwind CSS, Inertia.js and React.", "stars": "18"}, {"name": "Laravel Jetstream React", "url": "https://github.com/ozziexsh/laravel-jetstream-react", "description": "Converts the official Laravel Jetstream Inertia.js starter kit to React.", "stars": "311"}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Packages", "entries": [{"name": "Page loader", "url": "https://github.com/ycs77/inertia-plugin", "description": "Unplugin for loading Inertia pages from configured namespaces.", "stars": "28"}, {"name": "Flash", "url": "https://github.com/igerslike/inertia-flash", "description": "Laravel package for sharing properties from anywhere.", "stars": "21"}, {"name": "Dry requests", "url": "https://github.com/dive-be/laravel-dry-requests", "description": "Generic Laravel package for real-time form validation.", "stars": "206"}, {"name": "Kakunin", "url": "https://github.com/Juhlinus/kakunin", "description": "Laravel package for real-time form validation.", "stars": "40"}, {"name": "Resource Links", "url": "https://github.com/spatie/laravel-resource-links", "description": "Laravel package for adding links to API resources.", "stars": "245"}, {"name": "Navigation", "url": "https://github.com/spatie/laravel-navigation", "description": "Laravel package for generating menus, breadcrumbs and other navigational elements.", "stars": "499"}, {"name": "Tables for Laravel", "url": "https://github.com/protonemedia/inertiajs-tables-laravel-query-builder", "description": "Provides a DataTable component with integration for [Laravel Query Builder (\u2b504.1k)](https://github.com/spatie/laravel-query-builder).", "stars": "437"}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Articles", "entries": [{"name": "Introducing Inertia.js", "url": "https://reinink.ca/articles/introducing-inertia-js", "description": ""}, {"name": "Server-side applications with client-side rendering", "url": "https://reinink.ca/articles/server-side-apps-with-client-side-rendering", "description": ""}, {"name": "Inertia.js and Livewire: a high-level comparison", "url": "https://sebastiandedeyne.com/inertia-js-and-livewire-a-high-level-comparison/", "description": ""}, {"name": "Handling authorization in a Laravel and Inertia.js application", "url": "https://sebastiandedeyne.com/handling-authorization-in-a-laravel-and-inertia-application/", "description": ""}, {"name": "Handling routes in a Laravel and Inertia.js application", "url": "https://sebastiandedeyne.com/handling-routes-in-a-laravel-inertia-application/", "description": ""}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Examples", "entries": [{"name": "Ping CRM / Django", "url": "https://github.com/zodman/django-inertia-demo", "description": "Demonstration application made with Django and Vue.js.", "stars": "40"}, {"name": "Ping CRM / Rails", "url": "https://github.com/ledermann/pingcrm", "description": "Demonstration application made with Ruby on Rails and Vue.js.", "stars": "296"}, {"name": "Ping CRM / CakePHP", "url": "https://github.com/ishanvyas22/cakephp-pingcrm", "description": "Demonstration application made with CakePHP and Vue.js.", "stars": "10"}, {"name": "Ping CRM / Masonite", "url": "https://github.com/girardinsamuel/pingcrm-masonite", "description": "Demonstration application made with Masonite and Vue.js.", "stars": "4"}, {"name": "Ping CRM / React", "url": "https://github.com/Landish/pingcrm-react", "description": "Demonstration application made with Laravel React.", "stars": "645"}, {"name": "Ping CRM / Clojure", "url": "https://github.com/prestancedesign/pingcrm-clojure", "description": "Demonstration application made with Clojure and Reagent.", "stars": "112"}, {"name": "Ping CRM / Flask", "url": "https://github.com/j0ack/pingcrm-flask", "description": "Demonstration application made with Flask and Vue.js.", "stars": "9"}, {"name": "Ping CRM / Echo", "url": "https://github.com/kohkimakimoto/pingcrm-echo", "description": "Demonstration application made with Echo and Vue.js.", "stars": "3"}, {"name": "Ping CRM / Preact", "url": "https://github.com/jrson83/pingcrm-preact", "description": "Demonstration application made with Laravel Preact.", "stars": "2"}, {"name": "Ping CRM / Grails", "url": "https://github.com/matrei/pingcrm-grails", "description": "Demonstration application made with Grails and Vue.js.", "stars": "5"}], "notes": [], "source": "Inertiajs"}, {"name": "Inertiajs \u2014 Other", "entries": [{"name": "Built with Inertia", "url": "https://builtwithinertia.com/", "description": "Showcase of products built with Inertia.js."}, {"name": "Jetbrains plugin", "url": "https://plugins.jetbrains.com/plugin/17435-inertia-js-support", "description": "PhpStorm/Intellij Ultimate plugin for Inertia.js."}, {"name": "Code extension", "url": "https://marketplace.visualstudio.com/items?itemName=nhedger.inertia", "description": "Visual Studio Code extension for Inertia.js."}], "notes": [], "source": "Inertiajs"}, {"name": "Pagespeed Metrics", "entries": [{"name": "Concepts", "url": "#concepts", "description": ""}, {"name": "Rendering metrics", "url": "#rendering-metrics", "description": ""}, {"name": "Interactivity metrics", "url": "#interactivity-metrics", "description": ""}, {"name": "Network metrics", "url": "#network-metrics", "description": ""}, {"name": "Other metrics", "url": "#other-metrics", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Lab Data (Synthetic Measurements)", "entries": [{"name": "Lighthouse", "url": "https://developers.google.com/web/tools/lighthouse/", "description": "A tool built on Google Chrome to audit web pages. You can run it from Chrome DevTools, a Chrome Extension or from the command line (even with headless Chrome)."}, {"name": "Google PageSpeed Insights", "url": "https://developers.google.com/speed/pagespeed/insights/", "description": "Free and hosted Lighthouse reporting (and more) by Google."}, {"name": "WebpageTest", "url": "https://www.webpagetest.org/", "description": "Free and hosted web performance testing (also an open source project)."}, {"name": "Sitespeed.io", "url": "https://www.sitespeed.io/", "description": "A set of open source performance monitoring tools."}, {"name": "Calibre", "url": "https://calibreapp.com", "description": "Web performance monitoring SaaS."}, {"name": "treo.sh", "url": "https://treo.sh/", "description": "Web performance monitoring SaaS."}, {"name": "SpeedCurve", "url": "https://speedcurve.com/", "description": "Web performance monitoring SaaS."}, {"name": "AwesomeTechStack", "url": "https://awesometechstack.com/", "description": "Website awesomeness monitoring Tool."}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Field Data (Real User Monitoring - RUM)", "entries": [{"name": "Performance tracking with Google Analytics (GA)", "url": "https://philipwalton.com/articles/the-google-analytics-setup-i-use-on-every-site-i-build/#performance-tracking", "description": ""}, {"name": "Chrome User Experience Report (CrUX)", "url": "https://developers.google.com/web/tools/chrome-user-experience-report/", "description": ""}, {"name": "Load abandonment", "url": "https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics#load_abandonment", "description": "Track `visibilitychange` to account for survivorship bias."}, {"name": "SpeedCurve LUX", "url": "https://speedcurve.com/features/lux/", "description": "Real User Monitoring SaaS."}, {"name": "Akamai mPulse", "url": "https://www.akamai.com/uk/en/products/performance/mpulse-real-user-monitoring.jsp", "description": "Real User Monitoring SaaS."}, {"name": "Sematext Experience", "url": "https://sematext.com/experience/", "description": "Real User Monitoring SaaS."}, {"name": "Perfume.js", "url": "https://zizzamia.github.io/perfume/", "description": "Open Source Library to collect Field Data."}, {"name": "Web Vitals", "url": "https://github.com/GoogleChrome/web-vitals", "description": "Open Source Library to collect Field Data.", "stars": "6.7k"}, {"name": "Vercel Analytics", "url": "https://vercel.com/docs/analytics", "description": "Real User Monitoring based on Web Vitals."}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Critical rendering path", "entries": [{"name": "Critical rendering path", "url": "https://developers.google.com/web/fundamentals/performance/critical-rendering-path/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Long tasks", "entries": [{"name": "Spec - Long Tasks", "url": "https://w3c.github.io/longtasks/", "description": ""}, {"name": "Blogpost - Tracking CPU with Long Tasks API", "url": "https://calendar.perfplanet.com/2017/tracking-cpu-with-long-tasks-api/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 User-centric metrics", "entries": [{"name": "Docs - User-centric Performance Metrics - web.dev", "url": "https://web.dev/user-centric-performance-metrics/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 First Contentful Paint (FCP)", "entries": [{"name": "Docs - FCP - web.dev", "url": "https://web.dev/fcp/", "description": ""}, {"name": "Spec - Paint Timing - W3C", "url": "https://w3c.github.io/paint-timing/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Largest Contentful Paint (LCP)", "entries": [{"name": "Docs - LCP - web.dev", "url": "https://web.dev/largest-contentful-paint/", "description": ""}, {"name": "Spec - LCP - W3C", "url": "https://github.com/WICG/largest-contentful-paint#readme", "description": "", "stars": "87"}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Cumulative Layout Shift (CLS)", "entries": [{"name": "Docs - CLS - web.dev", "url": "https://web.dev/cls/", "description": ""}, {"name": "Spec - Layout Instability API - W3C", "url": "https://github.com/WICG/layout-instability", "description": "", "stars": "155"}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Visually Complete", "entries": [{"name": "Docs - Visually Complete - WPT", "url": "https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Speed Index", "entries": [{"name": "Docs - Speed Index - web.dev", "url": "https://web.dev/speed-index/", "description": ""}, {"name": "Docs - Speed Index - WPT", "url": "https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index", "description": ""}, {"name": "Talk - Speed Perception and Lighthouse", "url": "https://ldnwebperf.org/sessions/speed-perception-and-lighthouse/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 (Hero) Element Timing", "entries": [{"name": "Docs - Last Painted Hero - WPT", "url": "https://github.com/WPO-Foundation/webpagetest/blob/master/docs/Metrics/HeroElements.md", "description": "", "stars": "3k"}, {"name": "Spec - Element Timing API", "url": "https://wicg.github.io/element-timing/", "description": ""}, {"name": "Blogpost - Hero Element Timing - SpeedCurve", "url": "https://speedcurve.com/blog/web-performance-monitoring-hero-times/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Time to Interactive (TTI)", "entries": [{"name": "Docs - TTI - web.dev", "url": "https://web.dev/tti/", "description": ""}, {"name": "Spec - TTI - Lighthouse", "url": "https://docs.google.com/document/d/1GGiI9-7KeY3TPqS3YT271upUVimo-XiL5mwWorDUD4c/edit", "description": ""}, {"name": "Blogpost - TTI", "url": "https://blog.dareboost.com/en/2019/05/measuring-interactivity-time-to-interactive/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Total Blocking Time (TBT)", "entries": [{"name": "Docs - TBT - web.dev", "url": "https://web.dev/tbt/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 First Input Delay (FID)", "entries": [{"name": "Docs - FID - web.dev", "url": "https://web.dev/fid/", "description": ""}, {"name": "Polyfill - FID", "url": "https://github.com/GoogleChromeLabs/first-input-delay", "description": "", "stars": "349"}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Max Potential First Input Delay", "entries": [{"name": "Docs - Max Potential FID - web.dev", "url": "https://web.dev/lighthouse-max-potential-fid/", "description": ""}, {"name": "Blogpost - Navigation and Resource Timing", "url": "https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/", "description": ""}, {"name": "Spec - Navigation Timing", "url": "https://www.w3.org/TR/navigation-timing-2/", "description": ""}, {"name": "Spec - Resource Timing", "url": "https://www.w3.org/TR/resource-timing-2/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 DNS latency", "entries": [], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 TCP and SSL/TLS latency", "entries": [], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Time to First Byte (TTFB)", "entries": [], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Transferred bytes", "entries": [{"name": "Sitespeed.io PageXray", "url": "https://www.sitespeed.io/documentation/pagexray/", "description": ""}, {"name": "Lighthouse Performance Budgets", "url": "https://developers.google.com/web/tools/lighthouse/audits/budgets", "description": ""}, {"name": "Can You Afford It?: Real-world Web Performance Budgets", "url": "https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/", "description": ""}, {"name": "Which third party scripts are most excessive", "url": "https://github.com/patrickhulce/third-party-web", "description": "", "stars": "1k"}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Google PageSpeed Insights score", "entries": [{"name": "About PageSpeed Insights", "url": "https://developers.google.com/speed/docs/insights/v5/about", "description": ""}, {"name": "What's in the Google PageSpeed score", "url": "https://medium.com/expedia-group-tech/whats-in-the-google-pagespeed-score-a5fc93f91e91", "description": ""}, {"name": "How Google Pagespeed works", "url": "https://calibreapp.com/blog/how-pagespeed-works/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 User Timing", "entries": [{"name": "Spec - User Timing", "url": "https://www.w3.org/TR/user-timing/", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Server Timing", "entries": [{"name": "Docs - Server Timing", "url": "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Server-Timing", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 Frame rate", "entries": [{"name": "Docs - Frame Timing API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Frame_Timing_API", "description": ""}, {"name": "Docs - Chrome Devtools - FPS", "url": "https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/#analyze_frames_per_second", "description": ""}, {"name": "Docs - Firefox Developer Tools - Frame rate", "url": "https://developer.mozilla.org/en-US/docs/Tools/Performance/Frame_rate", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 DOMContentLoaded", "entries": [{"name": "Docs - `DOMContentLoaded`", "url": "https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Pagespeed Metrics \u2014 window\\.load", "entries": [{"name": "Docs - `window.load`", "url": "https://developer.mozilla.org/en-US/docs/Web/Events/load", "description": ""}], "notes": [], "source": "Pagespeed Metrics"}, {"name": "Css Frameworks", "entries": [{"name": "Base / Reset / Normalize", "url": "#base--reset--normalize", "description": ""}, {"name": "Class-less", "url": "#class-less", "description": ""}, {"name": "Very Lightweight", "url": "#very-lightweight", "description": ""}, {"name": "General Purpose", "url": "#general-purpose", "description": ""}, {"name": "Material Design", "url": "#material-design", "description": ""}, {"name": "Utility-based", "url": "#utility-based", "description": ""}, {"name": "Specialized", "url": "#specialized", "description": ""}, {"name": "Stalled Development", "url": "#stalled-development", "description": ""}, {"name": "**modern-normalize**", "url": "https://github.com/sindresorhus/modern-normalize", "description": "Normalize browsers' default style.\\"}, {"name": "**ress**", "url": "https://github.com/filipelinhares/ress", "description": "Modern CSS reset.\\"}, {"name": "**Natural Selection**", "url": "https://github.com/frontaid/natural-selection", "description": "Collection of best-practice CSS selectors.\\"}, {"name": "**MVP.css**", "url": "https://andybrewer.github.io/mvp/", "description": "Minimalist stylesheet for HTML elements.\\"}, {"name": "**sakura**", "url": "https://oxal.org/projects/sakura/", "description": "Minimal classless CSS framework/theme.\\"}, {"name": "**Simple.css**", "url": "https://simplecss.org/", "description": "Lightweight, classless CSS framework.\\"}, {"name": "**Tacit**", "url": "https://yegor256.github.io/tacit/", "description": "CSS framework for dummies, without classes.\\"}, {"name": "**Pure**", "url": "https://purecss.io", "description": "Set of small, responsive CSS modules that you can use in every web project.\\"}, {"name": "**Picnic CSS**", "url": "https://picnicss.com", "description": "Lightweight and beautiful library.\\"}, {"name": "**Chota**", "url": "https://jenil.github.io/chota/", "description": "Really small CSS framework.\\"}, {"name": "**Bootstrap**", "url": "https://getbootstrap.com", "description": "The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.\\"}, {"name": "**Bulma**", "url": "https://bulma.io", "description": "Modern CSS framework based on Flexbox.\\"}, {"name": "**Foundation**", "url": "https://get.foundation/", "description": "The most advanced responsive front-end framework in the world.\\"}, {"name": "**UIkit**", "url": "https://getuikit.com", "description": "Lightweight and modular front-end framework for developing fast and powerful web interfaces.\\"}, {"name": "**Primer**", "url": "https://primer.style/", "description": "CSS framework that powers GitHub's front-end design.\\"}, {"name": "**Pico.css**", "url": "https://picocss.com/", "description": "Elegant styles for all native HTML elements, dark mode automatically enabled.\\"}, {"name": "**Carbon Components**", "url": "https://www.carbondesignsystem.com/", "description": "Component library behind IBM's Carbon Design System.\\"}, {"name": "**U.S. Web Design System**", "url": "https://designsystem.digital.gov/", "description": "Components used by U.S. federal government websites.\\"}, {"name": "**Fomantic-UI**", "url": "https://fomantic-ui.com/", "description": "Build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging.\\"}, {"name": "**Blaze UI**", "url": "https://www.blazeui.com", "description": "Open source modular toolkit providing great structure for building websites quickly with a scalable and maintainable foundation.\\"}, {"name": "**Cirrus**", "url": "https://cirrus-ui.netlify.app/", "description": "Component and utility centric SCSS framework designed for rapid prototyping.\\"}, {"name": "**Vanilla Framework**", "url": "https://vanillaframework.io/", "description": "Simple, extensible CSS framework. Written by the Canonical Web Team.\\"}, {"name": "**PatternFly**", "url": "https://www.patternfly.org/", "description": "UI framework for enterprise web applications.\\"}, {"name": "**Stacks**", "url": "https://stackoverflow.design/", "description": "UI components used by Stack Overflow.\\"}, {"name": "**HiQ**", "url": "https://jonathanharrell.github.io/hiq/", "description": "Simple CSS foundation with responsive typography and input styling.\\"}, {"name": "**Material Components Web**", "url": "https://material.io/components/web/", "description": "Modular and customizable Material Design UI components for the web.\\"}, {"name": "**Beer CSS**", "url": "https://www.beercss.com", "description": "Build material design interfaces in record time without stress for devs.\\"}, {"name": "**Materialize**", "url": "https://materializecss.github.io/materialize/", "description": "Responsive front-end library based on Google's Material Design.\\"}, {"name": "**Tailwind CSS**", "url": "https://tailwindcss.com", "description": "Utility-first CSS framework for rapid UI development.\\"}, {"name": "**Open Props**", "url": "https://open-props.style", "description": "CSS custom properties to help accelerate adaptive and consistent design.\\"}, {"name": "**NES.css**", "url": "https://nostalgic-css.github.io/NES.css/", "description": "NES-style CSS Framework.\\"}, {"name": "**98.css**", "url": "https://jdan.github.io/98.css/", "description": "CSS library for building interfaces that look like Windows 98.\\"}, {"name": "**Tufte CSS**", "url": "https://edwardtufte.github.io/tufte-css/", "description": "Style your webpage like Edward Tufte\u2019s handouts.\\"}, {"name": "**Gutenberg**", "url": "https://github.com/BafS/Gutenberg", "description": "Modern framework to print the web correctly.\\"}, {"name": "**System.css**", "url": "https://sakofchit.github.io/system.css/", "description": "Design system for building retro Apple interfaces.\\"}, {"name": "**XP.css**", "url": "https://botoxparty.github.io/XP.css/", "description": "CSS library for building interfaces that look like Windows XP.\\"}, {"name": "**TuiCss**", "url": "https://github.com/vinibiavatti1/TuiCss", "description": "Library to create MS-DOS interfaces.\\"}, {"name": "**7.css**", "url": "https://khang-nd.github.io/7.css/", "description": "CSS library for building interfaces that look like Windows 7.\\"}, {"name": "**Bojler**", "url": "https://bojler.slicejack.com", "description": "Email framework for developing responsive and lightweight email templates.\\"}, {"name": "**Orbit**", "url": "https://zumerlab.github.io/orbit-docs/", "description": "CSS framework designed for building any kind of radial UI.\\"}, {"name": "**Semantic UI**", "url": "https://semantic-ui.com", "description": "User interface is the language of the web.\\"}, {"name": "**Tachyons**", "url": "https://tachyons.io", "description": "Quickly build and design new UI without writing CSS.\\"}, {"name": "**Bourbon**", "url": "https://www.bourbon.io/", "description": "Lightweight Sass tool set.\\"}, {"name": "**Water.css**", "url": "https://watercss.kognise.dev/", "description": "Just-add-CSS collection of styles to make simple websites just a little nicer.\\"}, {"name": "**sanitize.css**", "url": "https://csstools.github.io/sanitize.css/", "description": "The best-practices CSS foundation.\\"}, {"name": "**modern-css-reset**", "url": "https://github.com/hankchizljaw/modern-css-reset", "description": "Tiny little reset that you can use as the basis of your CSS projects.\\"}, {"name": "**minireset.css**", "url": "https://jgthms.com/minireset.css/", "description": "Tiny modern CSS reset.\\"}, {"name": "**CSS Remedy**", "url": "https://github.com/jensimmons/cssremedy", "description": "Start your project with a remedy for the technical debt of CSS.\\"}, {"name": "**inuitcss**", "url": "https://github.com/inuitcss/inuitcss", "description": "Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.\\"}, {"name": "**unsemantic**", "url": "https://unsemantic.com", "description": "Fluid grid for mobile, tablet, and desktop.\\"}, {"name": "**Propeller**", "url": "https://propeller.in", "description": "Front-end responsive framework based on Google's Material Design standards & Bootstrap.\\"}, {"name": "**Concise CSS**", "url": "https://concisecss.com", "description": "Give up the bloat. Stop tripping over your classes. Be concise.\\"}, {"name": "**Responsive Boilerplate**", "url": "https://responsivebp.com", "description": "Powerful, accessible, developer friendly framework for building responsive websites.\\"}, {"name": "**turretcss**", "url": "https://turretcss.com", "description": "Responsive front-end framework for accessible and semantic websites.\\"}, {"name": "**Centurion**", "url": "https://www.centurionframework.com", "description": "Web-based framework for rapid prototyping and building larger web projects.\\"}], "notes": [], "source": "Css Frameworks"}, {"name": "Wordpress Gatsby", "entries": [{"name": "Communities", "url": "#communities", "description": ""}, {"name": "Articles and Talks", "url": "#articles-and-talks", "description": ""}, {"name": "Plugins", "url": "#plugins", "description": ""}, {"name": "Free Tutorials / Courses", "url": "#free-tutorials--courses", "description": ""}, {"name": "Paid Tutorials / Courses", "url": "#paid-tutorials--courses", "description": ""}, {"name": "Starters", "url": "#starters", "description": ""}, {"name": "Themes", "url": "#themes", "description": ""}, {"name": "Slack Chat", "url": "https://wpgql-slack.herokuapp.com/", "description": ""}, {"name": "Spectrum Chat", "url": "https://spectrum.chat/wpgraphql", "description": ""}, {"name": "Twitter", "url": "https://twitter.com/wpgraphql", "description": ""}, {"name": "Discord Chat", "url": "https://gatsby.dev/discord", "description": ""}, {"name": "Reddit", "url": "https://www.reddit.com/r/gatsbyjs/", "description": ""}, {"name": "Stack Overflow", "url": "https://stackoverflow.com/questions/tagged/gatsby", "description": ""}], "notes": [], "source": "Wordpress Gatsby"}, {"name": "Wordpress Gatsby \u2014 WordPress", "entries": [{"name": "WPGraphQL", "url": "https://github.com/wp-graphql/wp-graphql", "description": "[Documentation](https://docs.wpgraphql.com/) - WPGraphQL brings the power of GraphQL to your WordPress site.", "stars": "3.3k"}, {"name": "WPGatsby", "url": "https://wordpress.org/plugins/wp-gatsby/", "description": "This plugin configures your WordPress site to be an optimized source for Gatsby."}, {"name": "WPGraphQL Cors", "url": "https://github.com/funkhaus/wp-graphql-cors", "description": "This FREE plugin from @kidunot89 and @byfunkhaus claims to enable authentication with WPGraphQL to \u201cjust work\u201d by allowing you to set CORS headers that GraphQL will accept, which means WordPress default auth cookies can be accepted.", "stars": "80"}, {"name": "Total Counts for WPGraphQL", "url": "https://github.com/builtbycactus/total-counts-for-wp-graphql", "description": "This FREE plugin from @builtbycactus exposes total counts to connections in the WPGraphQL Schema.", "stars": "12"}, {"name": "WPGraphQL Gutenberg", "url": "https://github.com/pristas-peter/wp-graphql-gutenberg", "description": "Exposes Gutenberg blocks to the WPGraphQL API.", "stars": "260"}, {"name": "WPGraphQL JWT Authentication", "url": "https://github.com/wp-graphql/wp-graphql-jwt-authentication", "description": "Extends the WPGraphQL plugin to provide authentication using JWT (JSON Web Tokens).", "stars": "261"}, {"name": "WPGraphQL Lock", "url": "https://github.com/valu-digital/wp-graphql-lock", "description": "Enables query locking for WPGraphQL by implementing persisted GraphQL queries.", "stars": "21"}, {"name": "WPGraphQL Meta", "url": "https://github.com/roborourke/wp-graphql-meta", "description": "This FREE plugin from @robertorourke exposes meta registered via the WordPress register\\_meta API to WPGraphQL.", "stars": "18"}, {"name": "WPGraphQL Meta Query", "url": "https://github.com/wp-graphql/wp-graphql-meta-query", "description": "Adds Meta\\_Query support to the WPGraphQL Plugin for postObject query args.", "stars": "40"}, {"name": "WPGraphQL Persisted Queries", "url": "https://github.com/Quartz/wp-graphql-persisted-queries", "description": "This FREE plugin from @qz adds the ability to use Persisted Queries with WPGraphQL.", "stars": "18"}, {"name": "WPGraphQL Offset Pagination", "url": "https://github.com/darylldoyle/wp-graphql-offset-pagination", "description": "This FREE plugin from @enshrined adds basic offset pagination as opposed to the standard Cursor based pagination that ships with WPGraphQL.", "stars": "13"}, {"name": "WPGraphQL Send Email", "url": "https://github.com/ashhitch/wp-graphql-send-mail", "description": "This FREE plugin from @Ash\\_Hitchcock allows you to send emails via a simple mutation. Includes the abilitty to restrict sending to trusted origins.", "stars": "18"}, {"name": "QL Search", "url": "https://github.com/funkhaus/ql-search", "description": "An extension that integrates SearchWP into WPGraphQL.", "stars": "11"}, {"name": "WPGraphQL Content Blocks", "url": "https://github.com/Quartz/wp-graphql-content-blocks", "description": "This FREE plugin from the folks at QZ.com exposes a way to query HTML content from WordPress Posts and Pages as \u201cBlocks\u201d (not related to Gutenberg) to bring more structure to your queried content.", "stars": "72"}, {"name": "WPGraphQL Enable All Post Types (DalkMania)", "url": "https://github.com/DalkMania/wp-graphql-cpt", "description": "This FREE plugin from @DalkMania automatically adds ALL registered post types to the WPGraphQL Schema.", "stars": "7"}, {"name": "WPGraphQL Enable All Post Types (TylerBarnes)", "url": "https://github.com/TylerBarnes/wp-graphql-enable-all-post-types", "description": "This FREE plugin from @tylbar automatically adds ALL registered post types to the WPGraphQL Schema.", "stars": "4"}, {"name": "WPGraphQL Google Schema", "url": "https://github.com/izzygld/wp-graphql-google-schema", "description": "This FREE plugin from @izzygld261 adds Google Schema support to WPGraphQL.", "stars": "4"}, {"name": "WPGraphQL Gutenberg ACF", "url": "https://github.com/pristas-peter/wp-graphql-gutenberg-acf", "description": "Exposes ACF blocks through GraphQL", "stars": "52"}, {"name": "WPGraphQL MB (MetaBox)", "url": "https://github.com/DalkMania/wp-graphql-mb", "description": "This FREE plugin from @DalkMania adds all registered metaboxes using [metabox.io](https://metabox.io/) to the WPGraphQL Schema.", "stars": "7"}, {"name": "WPGraphQL MetaBox Relationships", "url": "https://github.com/hsimah-services/wp-graphql-mb-relationships", "description": "This FREE plugin from @hsimah adds support for the [metabox.io](https://metabox.io/) Relationships field to WPGraphQL (when also using his wp-graphql-metabox plugin).", "stars": "6"}, {"name": "WPGraphQL Polls", "url": "https://github.com/andrenoberto/wp-graphql-polls", "description": "This FREE plugin from @andrenosouza allows you to interact with data from the WP-Polls plugin via GraphQL Queries and Mutations.", "stars": "3"}, {"name": "WPGraphQL Polylang Extension", "url": "https://github.com/valu-digital/wp-graphql-polylang", "description": "Extends WPGraphQL schema with language data from the Polylang plugin.", "stars": "97"}, {"name": "WPGraphQL Tax Query", "url": "https://github.com/wp-graphql/wp-graphql-tax-query", "description": "Adds Tax\\_Query support to the WPGraphQL Plugin for postObject query args (WP\\_Query).", "stars": "33"}, {"name": "WPGraphQL WPML", "url": "https://github.com/rburgst/wp-graphql-wpml", "description": "This FREE plugin from @rburgst extends the WPGraphQL schema with language data from the WPML plugin. In addition it turns off WPML default filters in order to be able to iterate over all posts regardless of language.", "stars": "38"}, {"name": "WPGraphQL for Advanced Custom Fields", "url": "https://github.com/wp-graphql/wp-graphql-acf", "description": "Exposes Advanced Custom Fields to the WPGraphQL Schema.", "stars": "537"}, {"name": "WPGraphQL for BuddyPress", "url": "https://github.com/wp-graphql/wp-graphql-buddypress", "description": "This FREE plugin from @RenatoNascAlves exposes BuddyPress data to WPGraphQL.", "stars": "31"}, {"name": "WPGraphQL for Carbon Fields", "url": "https://github.com/matepaiva/wp-graphql-crb", "description": "This FREE plugin from @matepaiva exposes fields registered using Carbon Fields to the WPGraphQL Schema.", "stars": "16"}, {"name": "WPGraphQL for Custom Post Type UI", "url": "https://github.com/wp-graphql/wp-graphql-custom-post-type-ui", "description": "This FREE plugin adds settings to Custom Post Type UI allowing you to set which Post Types and Taxonomies registered by CPTUI should display in the WPGraphQL Schema.", "stars": "77"}, {"name": "WPGraphQL for FacetWP", "url": "https://github.com/hsimah-services/wp-graphql-facetwp", "description": "This FREE plugin from @hsimah exposes filters on WPGraphQL queries to allow for faceted search with FacetWP.", "stars": "29"}, {"name": "WPGraphQL for Gravity Forms", "url": "https://github.com/harness-software/wp-graphql-gravity-forms", "description": "This FREE plugin from @KellenMace of @harness\\_up exposes @gravityforms data to WPGraphQL, allowing you to query for forms, fields, entries, and more.", "stars": "132"}, {"name": "WPGraphQL for Metabox", "url": "https://github.com/hsimah-services/wp-graphql-metabox", "description": "This FREE plugin from @hsimah exposes fields registered using the popular <http://MetaBox.io> to the WPGraphQL Schema.", "stars": "25"}, {"name": "WPGraphQL for Ninja Forms", "url": "https://github.com/toriphes/wp-graphql-ninja-forms", "description": "This free plugin exposes forms created by the Ninja Forms plugin to the WPGraphQL Schema and allows for the forms to be submitted via GraphQL Mutations.", "stars": "6"}, {"name": "WPGraphQL for Posts 2 Posts", "url": "https://github.com/harness-software/wp-graphql-posts-to-posts", "description": "This FREE plugin from @KellenMace of @harness\\_up automatically creates GraphQL connections for all of your Posts 2 Posts connections.", "stars": "5"}, {"name": "WPGraphQL for SEOPress", "url": "https://github.com/ashhitch/wp-graphql-yoast-seo", "description": "This FREE plugin from @moon\\_meister exposes data managed by SEOPress to the WPGraphQL Schema, allowing for SEO data to be used in your headless applications.", "stars": "194"}, {"name": "WPGraphQL for WooCommerce", "url": "https://github.com/wp-graphql/wp-graphql-woocommerce", "description": "This FREE plugin exposes WooCommerce data to WPGraphQL allowing you to interact with your store\u2019s data via GraphQL Queries and mutations.", "stars": "530"}, {"name": "WPGraphQl Yoast SEO Plugin", "url": "https://github.com/ashhitch/wp-graphql-yoast-seo", "description": "Exposes Yoast SEO data to the WPGraphQL Plugin.", "stars": "194"}, {"name": "Advanced Custom Fields", "url": "https://wordpress.org/plugins/advanced-custom-fields/", "description": "[ACF PRO](https://www.advancedcustomfields.com/pro/)"}, {"name": "Headless Mode", "url": "https://wordpress.org/plugins/headless-mode/", "description": "Headless mode sets up a redirect for all users trying to access the site. The only requests that are granted admission are ones that are either trying to access the REST API, the WP GraphQL API, or any logged-in user looking to access the headless install to edit or create posts."}, {"name": "Polylang", "url": "https://wordpress.org/plugins/polylang/", "description": ""}, {"name": "WP JAMstack Deployments", "url": "https://github.com/crgeary/wp-jamstack-deployments", "description": "WordPress plugin for JAMstack deployments on Netlify (and other platforms).", "stars": "254"}], "notes": [], "source": "Wordpress Gatsby"}, {"name": "Wordpress Gatsby \u2014 Gatsby Plugins", "entries": [{"name": "gatsby-image", "url": "https://www.gatsbyjs.org/packages/gatsby-image", "description": ""}, {"name": "gatsby-source-filesystem", "url": "https://www.gatsbyjs.org/packages/gatsby-source-filesystem", "description": ""}, {"name": "gatsby-source-wordpress", "url": "https://www.gatsbyjs.org/packages/gatsby-source-wordpress", "description": ""}], "notes": [], "source": "Wordpress Gatsby"}, {"name": "Wordpress Gatsby \u2014 Written Tutorials", "entries": [], "notes": [], "source": "Wordpress Gatsby"}, {"name": "Wordpress Gatsby \u2014 Video Tutorials", "entries": [{"name": "Gatsby Starter - WordPress Twenty Twenty", "url": "https://github.com/henrikwirth/gatsby-starter-wordpress-twenty-twenty", "description": "A port of the WordPress Twenty Twenty theme to Gatsby using the new gatsby-source-wordpress\\@v4.", "stars": "142"}, {"name": "Gatsby + WPGraphQL Blog Example", "url": "https://github.com/wp-graphql/gatsby-wpgraphql-blog-example", "description": "Demo showing how to use WPGraphQL as the source for Gatsby Sites.", "stars": "151"}, {"name": "Gatsby + Headless WordPress + Netlify Starter", "url": "https://github.com/justinwhall/gatsby-wordpress-netlify-starter", "description": "A Gatsby + WordPress starter for continuous deployment to Netlify.", "stars": "213"}, {"name": "Gatsby WordPress Starter Advanced", "url": "https://github.com/henrikwirth/gatsby-starter-wordpress-advanced", "description": "An advanced Gatsby + WordPress starter, that is built along a tutorial series and works with ACF flexible content fields to create content blocks/layouts.", "stars": "63"}, {"name": "Gatsby Starter Blog", "url": "https://github.com/zeevo/gatsby-starter-wordpress-blog", "description": "Blog starter with enough features to be production ready out of the box.", "stars": "7"}, {"name": "Twenty Nineteen Gatsby Theme", "url": "https://github.com/zgordon/twentynineteen-gatsby-theme", "description": "A port of the Twenty Nineteen WordPress Theme over to Gatsby.", "stars": "73"}], "notes": [], "source": "Wordpress Gatsby"}, {"name": "Material Ui", "entries": [{"name": "Resources", "url": "#resources", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Theming", "url": "#theming", "description": ""}, {"name": "Related Projects", "url": "#related-projects", "description": ""}, {"name": "Components", "url": "#components", "description": ""}, {"name": "Applications", "url": "#applications", "description": ""}, {"name": "Boilerplates", "url": "#boilerplates", "description": ""}, {"name": "Material-UI", "url": "https://material-ui.com/", "description": "React components for faster and easier web development. Build your own design system, or start with Material Design."}, {"name": "Getting started with Material-UI", "url": "https://medium.com/codingthesmartway-com-blog/getting-started-with-material-ui-for-react-material-design-for-react-364b2688b555", "description": "How to setup and use Material-UI in your React web application."}, {"name": "How to autogenerate forms in React and Material-UI with MSON", "url": "https://medium.com/free-code-camp/how-to-autogenerate-forms-in-react-and-material-ui-with-mson-5771b1b7e739", "description": "A guide to auto generate forms using JSON in Material-UI."}, {"name": "Let's Create a COVID-19 Tracker using React.js", "url": "https://towardsdatascience.com/lets-create-a-covid-19-tracker-using-react-js-5a3a0265a633", "description": "A guide to develop covid 19 tracker application using Material-UI"}, {"name": "Serverless Material UI contact form", "url": "https://medium.com/design-bootcamp/serverless-material-ui-contact-form-55296e107609", "description": "A guide to develop Material-UI contact form"}, {"name": "Embed Medium as a blog on your React Website \u2014 Part 2", "url": "https://medium.com/datadriveninvestor/embed-medium-as-a-blog-on-your-react-website-part-2-187db2b60a59", "description": "A guide to embed medium as a blog on your react website using Material-UI"}, {"name": "Material-UI Snippets", "url": "https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets", "description": "VSCode extension providing snippets."}, {"name": "Material-UI Codemorphs", "url": "https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs", "description": "VSCode extension providing codemods."}, {"name": "Create Material-UI Theme", "url": "https://github.com/react-theming/create-mui-theme", "description": "Online tool for creating Material-UI themes via Material Design Color Tool.", "stars": "88"}, {"name": "Material-UI Theme Generator", "url": "https://cimdalli.github.io/mui-theme-generator/", "description": "Material-UI theme/palette generator."}, {"name": "Material-UI Theme Editor", "url": "https://in-your-saas.github.io/material-ui-theme-editor/", "description": "A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview."}, {"name": "material-ui-theme-editor", "url": "https://in-your-saas.github.io/material-ui-theme-editor/", "description": "A tool to generate themes for your Material UI applications that features live previewing."}, {"name": "Material palette generator", "url": "https://m2.material.io/inline-tools/color/", "description": "The official Material Design palette generator can be used to generate a palette for any color you choose."}, {"name": "Components Extra", "url": "https://github.com/alexandre-lelain/components-extra", "description": "Provides a set of \"molecule\" components built on top of Material-UI such as a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help developers build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.", "stars": "88"}, {"name": "React Admin", "url": "https://marmelab.com/react-admin/", "description": "A frontend Framework for building admin applications running in the browser, on top of REST/GraphQL APIs, using ES6, React and Material Design."}, {"name": "Material UI Snippets", "url": "https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets", "description": "VSCode extension providing snippets."}, {"name": "Material UI Codemorphs", "url": "https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-codemorphs", "description": "VSCode extension providing codemods."}, {"name": "Eslint: detect unused classes", "url": "https://github.com/jens-ox/eslint-plugin-material-ui-unused-classes", "description": "ESLint plugin to detect unused styling classes with `@mui/styles`.", "stars": "31"}, {"name": "Material-UI Chip Input", "url": "https://github.com/TeamWertarbyte/material-ui-chip-input", "description": "Material-UI chip input inspired by Angular Material chip input.", "stars": "739"}, {"name": "Material-UI Password field", "url": "https://github.com/TeamWertarbyte/material-ui-password-field", "description": "A password field using Material-UI.", "stars": "58"}, {"name": "Fullscreen Dialog", "url": "https://github.com/TeamWertarbyte/material-ui-fullscreen-dialog", "description": "A fullscreen dialog for Material-UI.", "stars": "58"}, {"name": "Material-UI Upload", "url": "https://github.com/corpix/material-ui-upload", "description": "Upload controls made in Material-UI using FileAPI.", "stars": "36"}, {"name": "Super Select Field", "url": "https://github.com/Sharlaan/material-ui-superselectfield", "description": "Multi-selection autocomplete dropdown component for Material-UI.", "stars": "266"}, {"name": "Material JSON Schema Form", "url": "https://github.com/nadunindunil/material-jsonschema-form", "description": "Material-UI form generated from json.", "stars": "4"}, {"name": "Notistack", "url": "https://github.com/iamhosseindhv/notistack", "description": "Easy snackbars for Material-UI (so you don't have to deal with open/close state of them).", "stars": "3.9k"}, {"name": "Material-UI Dropzone", "url": "https://github.com/Yuvaleros/material-ui-dropzone", "description": "Material-UI component built on top of react-dropzone.", "stars": "484"}, {"name": "Formik-Material-UI", "url": "https://github.com/stackworx/formik-material-ui", "description": "Bindings for using Material-UI with formik.", "stars": "971"}, {"name": "Redux-Form-Material-UI", "url": "https://github.com/erikras/redux-form-material-ui", "description": "Wrapper components to facilitate using Material-UI with Redux Form.", "stars": "831"}, {"name": "Final-Form-Material-UI", "url": "https://github.com/Deadly0/final-form-material-ui", "description": "Wrapper components to facilitate using Material-UI with Final Form.", "stars": "92"}, {"name": "Material-UI Auto Rotating Carousel", "url": "https://mui.wertarbyte.com/#material-auto-rotating-carousel", "description": "Material style carousel."}, {"name": "Material-UI Image", "url": "https://mui.wertarbyte.com/#material-ui-image", "description": "Material style image with loading animation."}, {"name": "Material-UI Flat Pagination", "url": "https://github.com/szmslab/material-ui-flat-pagination", "description": "A flat design pagination component for Material-UI.", "stars": "94"}, {"name": "Dx-react-scheduler-Material-UI", "url": "https://devexpress.github.io/devextreme-reactive/react/scheduler/", "description": "A scheduler/calendar component for Material-UI."}, {"name": "Dx-react-chart-Material-UI", "url": "https://devexpress.github.io/devextreme-reactive/react/chart/", "description": "Charts for Material-UI that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more."}, {"name": "Material-UI Medium Blog", "url": "https://github.com/sabesansathananthan/material-ui-medium-blog", "description": "Extended Material-UI Card component to show the Medium blogs.", "stars": "14"}, {"name": "React Github Repo Cards", "url": "https://github.com/sabesansathananthan/react-github-repo-cards", "description": "Extended Material-UI Card component to show the GitHub repositories.", "stars": "22"}, {"name": "React molecule-components", "url": "https://github.com/alexandre-lelain/components-extra", "description": "React molecule-components based on Material-UI.", "stars": "88"}, {"name": "Material-UI NestedMenuItem", "url": "https://github.com/azmenak/material-ui-nested-menu-item", "description": "Drop-in replacement for MUI's MenuItem with infinitely nested menus, and open on hover.", "stars": "73"}, {"name": "React-planet", "url": "https://github.com/innFactory/react-planet", "description": "Create circular menus which looks like planets.", "stars": "179"}, {"name": "MUI Phone Input", "url": "https://github.com/typesnippet/mui-phone-input", "description": "Advanced, highly customizable phone input component for Material UI.", "stars": "4"}, {"name": "mui-treasury", "url": "https://github.com/siriwatknp/mui-treasury", "description": "A collection of ready-to-use components based on Material-UI.", "stars": "2.4k"}, {"name": "Bethesda.net", "url": "https://bethesda.net/", "description": "The official site for Bethesda, publisher of Fallout, DOOM, Dishonored, Skyrim, Wolfenstein, The Elder Scrolls, more."}, {"name": "TagSpaces", "url": "https://www.tagspaces.org/", "description": "An offline, open source, file manager."}, {"name": "Builder Book", "url": "https://builderbook.org/", "description": "Books that teach you how to build full stack, production-ready web apps."}, {"name": "NPM registry browser", "url": "https://topheman.github.io/npm-registry-browser/", "description": "An open source web app that lets you search the npm registry and browse packages details."}, {"name": "Serverless Permission Policy Generator", "url": "https://github.com/Open-SL/serverless-permission-generator", "description": "An Online Application to generate AWS IAM permissions required for deploying a Serverless stack.", "stars": "47"}, {"name": "Create React App example (mui-org/material-ui)", "url": "https://github.com/mui-org/material-ui/tree/master/examples/create-react-app", "description": "Create React App example from official Material-UI repo.", "stars": "93k"}, {"name": "Create-react-app-material-ui", "url": "https://github.com/katopz/create-react-app-material-ui", "description": "Simple Create React App with Material-UI form submit example.", "stars": "22"}, {"name": "React-materialui-boilerplate", "url": "https://github.com/syedabuthahirm/react-materialui-boilerplate", "description": "A starter kit for react and Material-UI.", "stars": "32"}, {"name": "Gatsby-starter-material-ui", "url": "https://github.com/nareshbhatia/gatsby-starter-material-ui", "description": "A starter template for Gatsby using Material-UI.", "stars": "33"}, {"name": "Saas", "url": "https://github.com/async-labs/saas", "description": "Boilerplate for building your own SaaS product; built with TypeScript, React, Express, Material-UI.", "stars": "4k"}, {"name": "Create-react-app-material-typescript-redux", "url": "https://github.com/innFactory/create-react-app-material-typescript-redux", "description": "A ready to use boilerplate for starting big react projects.", "stars": "290"}], "notes": [], "source": "Material Ui"}, {"name": "Relay", "entries": [{"name": "Learning Resources", "url": "#learning-resources", "description": ""}, {"name": "Ecosystem", "url": "#ecosystem", "description": ""}, {"name": "Relay-Specific Server Support", "url": "#relay-specific-server-support", "description": ""}, {"name": "Testing", "url": "#testing", "description": ""}, {"name": "Official Docs", "url": "https://facebook.github.io/relay/docs/getting-started.html#content", "description": "Official Relay documentation."}, {"name": "Unofficial Relay FAQ", "url": "https://gist.github.com/wincent/598fa75e22bdfa44cf47", "description": "Common questions answered! Relay resources are scarce at the moment, so this is very helpful if you get stuck."}, {"name": "Getting Started with Relay", "url": "https://auth0.com/blog/2015/10/06/getting-started-with-relay/", "description": "One of the few detailed walk throughs of hand-on Relay."}, {"name": "Relay 101: Building A Hacker News Client", "url": "https://medium.com/@clayallsopp/relay-101-building-a-hacker-news-client-bb8b2bdc76e6#.1i64q1pf9", "description": "A complete workable example."}, {"name": "Facebook Relay talk - Lunch and Learn session", "url": "https://www.youtube.com/watch?v=sP3n-nht0Xo", "description": "Walkthrough of building a simple app, and demonstration of [GraphiQL (\u2b5014k)](https://github.com/graphql/graphiql)."}, {"name": "A Beginner's Guide to Relay Mutations", "url": "http://blog.pathgather.com/blog/a-beginners-guide-to-relay-mutations", "description": "Mutations in depth."}, {"name": "Learn Relay", "url": "https://learnrelay.org/", "description": "Shows you how to make a Pokemon-themed CRUD app, providing a personal, cloud-based GraphQL backend so you can focus on the client-side code."}, {"name": "React Data Fetching with Relay", "url": "http://www.sitepoint.com/react-data-fetching-with-relay/", "description": "Clear conceptual overview of Relay's moving parts and magic."}, {"name": "Joseph Savona - Relay: An Application Framework For React", "url": "https://www.youtube.com/watch?v=IrgHurBjQbg", "description": "Conceptual overview of Relay from the Facebook team."}, {"name": "F8 2015 - React Native & Relay: Bringing Modern Web Techniques to Mobile", "url": "https://www.youtube.com/watch?v=X6YbAKiLCLU", "description": "Overview of Relay, some about the philosophy."}, {"name": "Relay - Daniel Dembach - Hamburg React.js Meetup", "url": "https://www.youtube.com/watch?v=dvWTxy1eY6s", "description": "A good general overview of Relay, some discussion of alternatives. Common questions are covered in Q\\&A at the end."}, {"name": "Facebook Relay talk - Lunch and Learn session", "url": "https://www.youtube.com/watch?v=sP3n-nht0Xo", "description": "Walkthrough of building a simple app, and demonstration of [GraphiQL (\u2b5014k)](https://github.com/graphql/graphiql)."}, {"name": "React with Relay and GraphQL with Andrew Smith", "url": "https://www.youtube.com/watch?v=Cfna8gwt9h8", "description": "High level overview of Relay and GraphQL, with some useful discussion from the audience. Some discussion of other front-end frameworks, as well."}, {"name": "Relay for Visual Learners", "url": "http://sgwilym.github.io/relay-visual-learners/", "description": "Very clear set of diagrams laying out how the different parts of Relay relate to each other."}, {"name": "Relay: Seamless Syncing For React", "url": "http://www.slideshare.net/BrooklynZelenka/relay-seamless-syncing-for-react-vanjs", "description": "An overview of what Relay is, and some discussion of experience using it in production."}, {"name": "Relay TODO MVC", "url": "https://github.com/taion/relay-todomvc", "description": "The classic TODO example app, written with Relay.", "stars": "162"}, {"name": "`relay-chat`", "url": "https://github.com/transedward/relay-chat", "description": "Relay with routing and pagination."}, {"name": "`koa-graphql-relay-example`", "url": "https://github.com/chentsulin/koa-graphql-relay-example", "description": "\"TODO\" app with [`koa-graphql`](https://github.com/chentsulin/koa-graphql) and `relay`."}, {"name": "`todomvc-relay-go`", "url": "https://github.com/sogko/todomvc-relay-go", "description": "Relay TodoMVC app, driven by a Golang GraphQL backend."}, {"name": "Relay and GraphQL Introduction Materials", "url": "https://quip.com/oLxzA1gTsJsE", "description": ""}, {"name": "`graphql-relay-js`", "url": "https://github.com/graphql/graphql-relay-js", "description": "Simplifies creating a JS GraphQL server for `react-relay`."}, {"name": "Babel Relay Plugin", "url": "https://www.npmjs.com/package/babel-relay-plugin", "description": "Use Relay the latest ES6+ syntax."}, {"name": "`react-router-relay`", "url": "https://github.com/relay-tools/react-router-relay", "description": "`react-router` bindings for Relay. Greatly simplifies many local state UI uses cases."}, {"name": "`relay-decorator`", "url": "https://github.com/4Catalyzer/relay-decorators", "description": "Simply syntax for Relay containers with ES7 decorators (`@` syntax)"}, {"name": "`recompose-relay`", "url": "https://www.npmjs.com/package/recompose-relay", "description": "Ease composition of Relay containers by currying and providing the component after the container."}, {"name": "`relay-local-schema`", "url": "https://github.com/relay-tools/relay-local-schema", "description": "Use a local schema; no need for a remote GraphQL server."}, {"name": "`react-native-relay`", "url": "https://github.com/lenaten/react-native-relay", "description": "Use Relay with React Native."}, {"name": "`relay-sink`", "url": "https://github.com/acdlite/relay-sink", "description": "Use Relay to fetch and store data outside of a React component."}, {"name": "`babel-plugin-flow-relay-query`", "url": "https://github.com/guymers/babel-plugin-flow-relay-query", "description": "Convert [Flow](http://flowtype.org) types into Relay fragments."}, {"name": "`sequelize-relay`", "url": "https://github.com/MattMcFarland/sequelize-relay", "description": "Make Relay compatible with [`sequelize`](https://github.com/sequelize/sequelize)."}, {"name": "`relay-mongodb-connection`", "url": "https://github.com/mikberg/relay-mongodb-connection", "description": "Create Relay connections from MongoDB cursors."}, {"name": "`relay-composite-network-layer`", "url": "https://github.com/eyston/relay-composite-network-layer", "description": "Compose your Relay Network Layer of many different Network Layers each with their own schema."}, {"name": "`react-relay-network-layer`", "url": "https://github.com/nodkz/react-relay-network-layer", "description": "A Network Layer that adds support for query-batching and middlewares. It additionally provides some useful middlewares such as for auth, for logging, etc."}, {"name": "GraphiQL", "url": "https://github.com/graphql/graphiql", "description": "A library to introspect GraphQL, test queries and mutations.", "stars": "14k"}, {"name": "`relay-local-schema`", "url": "https://github.com/relay-tools/relay-local-schema", "description": "Use a local schema; no need for a remote GraphQL server."}, {"name": "Babel Relay Plugin", "url": "https://www.npmjs.com/package/babel-relay-plugin", "description": "Use Relay the latest ES6+ syntax."}, {"name": "Relay Skeleton", "url": "https://github.com/fortruce/relay-skeleton", "description": "Relay project skeleton.", "stars": "125"}, {"name": "Relay Starter Kit", "url": "https://github.com/relayjs/relay-starter-kit", "description": "An app that it already set up with a basic setup. Just clone and tweak to suit your needs!", "stars": "1k"}, {"name": "Node.js API Starter Kit", "url": "https://github.com/kriasoft/nodejs-api-starter", "description": "Boilerplate and tooling for building data APIs with Node.js, GraphQL and Relay", "stars": "3.6k"}, {"name": "Simple Relay Starter", "url": "https://github.com/mhart/simple-relay-starter", "description": "A Browserify version of the [Relay Starter Kit (\u2b501k)](https://github.com/relayjs/relay-starter-kit).", "stars": "156"}, {"name": "UniversalRelayBoilerplate", "url": "https://github.com/codefoundries/UniversalRelayBoilerplate", "description": "", "stars": "713"}, {"name": "Relay on Rails Starter Kit", "url": "https://github.com/nethsix/relay-on-rails", "description": "A barebones starter kit for Relay application on Rails server. Just clone and tweak!", "stars": "42"}, {"name": "Relay Fullstack", "url": "https://github.com/lvarayut/relay-fullstack", "description": "Relay Starter Kit integrated with Relay, Express, Webpack, Babel, Material Design Lite, and PostCSS.", "stars": "993"}, {"name": "Go Relay", "url": "https://github.com/graphql-go/relay", "description": "A Go/Golang library to help construct a graphql-go server supporting react-relay.", "stars": "397"}, {"name": "`todomvc-relay-go`", "url": "https://github.com/sogko/todomvc-relay-go", "description": "React/Relay TodoMVC app, driven by a Golang GraphQL backend."}, {"name": "`graphql-relay-js`", "url": "https://github.com/graphql/graphql-relay-js", "description": "Simplifies creating a JS GraphQL server for `react-relay`."}, {"name": "`graphql-relay-py`", "url": "https://github.com/graphql-python/graphql-relay-py", "description": "A library to help construct a `graphql-py` server supporting `react-relay`."}, {"name": "`graphql-relay-ruby`", "url": "https://github.com/rmosolgo/graphql-relay-ruby", "description": "Relay helpers for GraphQL & Ruby."}], "notes": [], "source": "Relay"}, {"name": "Relay \u2014 Rails", "entries": [{"name": "GraphQL and Relay on Rails\u200a\u2014\u200aFirst relay powered react component", "url": "https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-first-relay-powered-react-component-cb3f9ee95eca#.c88zcoftn", "description": "Full walk through of a simple Relay setup, including clonable code."}, {"name": "Relay/GraphQL On Rails", "url": "https://medium.com/@khor/relay-facebook-on-rails-8b4af2057152#.5hjih9wms", "description": "A brief example of Relay with Rails, complete with several diagrams to aid in comprehension."}, {"name": "Relay on Rails Starter Kit", "url": "https://github.com/nethsix/relay-on-rails", "description": "A barebones starter kit for Relay application on Rails server. Just clone and tweak!", "stars": "42"}, {"name": "`sangria-relay`", "url": "https://github.com/sangria-graphql/sangria-relay", "description": "Relay support for [Sangria](http://sangria-graphql.org)."}, {"name": "Writing Simple Unit Tests with Relay", "url": "https://medium.com/@mikaelberg/writing-simple-unit-tests-with-relay-707f19e90129", "description": "An early first look at testing Relay."}], "notes": [], "source": "Relay"}, {"name": "Progressive Web Apps", "entries": [{"name": "Must Reads", "url": "#must-reads", "description": ""}, {"name": "Learning Resources", "url": "#learning-resources", "description": ""}, {"name": "Browser Support", "url": "#browser-support", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Case Studies", "url": "#case-studies", "description": ""}, {"name": "Sample Progressive Web Apps", "url": "#sample-progressive-web-apps", "description": ""}, {"name": "Specific Technologies", "url": "#specific-technologies", "description": ""}, {"name": "Awesome Performance", "url": "#awesome-performance", "description": ""}, {"name": "Building Progressive Web Apps - O'Reilly Media", "url": "https://pwabook.com/oreillyapwa", "description": "A deep dive into progressive web apps, service workers, push notifications, background sync, IndexedDB, offline first and much more."}, {"name": "Offline Web Applications Using IndexedDB & Service Worker", "url": "https://www.udacity.com/course/offline-web-applications--ud899", "description": "A free Udacity course introducing the basic concepts of building a progressive web app."}, {"name": "Google Developers - Your First Progressive Web App", "url": "https://developers.google.com/web/fundamentals/getting-started/your-first-progressive-web-app/?hl=en", "description": "A step-by-step guide to building a progressive web apps using the app shell pattern."}, {"name": "Awesome Service Workers", "url": "https://github.com/TalAter/awesome-service-workers", "description": "A collection of awesome resources for learning service workers.", "stars": "1.6k"}, {"name": "Service Workers W3C Specification", "url": "https://www.w3.org/TR/service-workers/", "description": "The official service workers spec."}, {"name": "Can I Use - Service Workers", "url": "http://caniuse.com/#feat=serviceworkers", "description": "Up-to-date browser support table of ServiceWorker API."}, {"name": "Is Service Worker ready?", "url": "https://jakearchibald.github.io/isserviceworkerready/", "description": "Current status of ServiceWorker support in different browsers."}, {"name": "Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016", "url": "https://youtu.be/cmGr0RszHc8", "description": "A quick dive into the most common technologies and techniques for building progressive web apps."}, {"name": "Intro To Progressive Web Apps", "url": "https://www.udacity.com/course/intro-to-progressive-web-apps--ud811", "description": "This free Udacity course by Google covers intro to PWAs, service workers and web app manifests."}, {"name": "Offline Web Applications Using IndexedDB & Service Worker", "url": "https://www.udacity.com/course/offline-web-applications--ud899", "description": "This free Udacity course is a must if you're planning to dive deep into service workers."}, {"name": "Progressive Web Apps (Chrome Dev Summit 2015)", "url": "https://www.youtube.com/watch?v=MyQ8mtR9WxI", "description": "An introduction to progressive web apps by Alex Russell and Andreas Bovens."}, {"name": "Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016", "url": "https://www.youtube.com/watch?v=fFF2Yup2dMM", "description": "Using Polymer to build progressive web apps."}, {"name": "Building the Google I/O 2016 Progressive Web App", "url": "https://developers.google.com/web/showcase/2016/iowa2016", "description": "Building and launching a progressive web app using web components, Polymer, and material design."}, {"name": "AliExpress Case Study", "url": "https://developers.google.com/web/showcase/2016/aliexpress", "description": "AliExpress increases conversion rate for new users by 104% with new progressive web apps."}, {"name": "eXtra Electronics Case Study", "url": "https://developers.google.com/web/showcase/2016/extra", "description": "United eXtra Electronics grows eCommerce sales by 100% with Web Push Notifications."}, {"name": "Jumia Case Study", "url": "https://developers.google.com/web/showcase/2016/jumia", "description": "Push Notifications help Jumia reverse cart abandonment and increase conversions by 9X."}, {"name": "Konga Case Study", "url": "https://developers.google.com/web/showcase/2016/konga", "description": "Konga cuts data usage 92% with new Progressive Web App."}, {"name": "Suumo Case Study", "url": "https://developers.google.com/web/showcase/2016/suumo", "description": "Japan's top real estate site supercharges new listings with web Push Notifications and sees a 31% open rate for notifications."}, {"name": "PWA.rocks", "url": "https://pwa.rocks/", "description": "A showcase of several progressive web apps, collected by the [Opera Dev Relations team](https://twitter.com/ODevRel)."}, {"name": "SVGOMG", "url": "https://jakearchibald.github.io/svgomg/", "description": ""}, {"name": "Guitar Tuner", "url": "https://aerotwist.com/blog/guitar-tuner/", "description": ""}, {"name": "Voice Memos", "url": "https://voice-memos.appspot.com/", "description": ""}, {"name": "Hacker News", "url": "https://react-hn.appspot.com/", "description": ""}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 Service Workers", "entries": [{"name": "Awesome Service Workers", "url": "https://github.com/TalAter/awesome-service-workers/", "description": "A curated collection of the finest service worker resources.", "stars": "1.6k"}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 CacheStorage API", "entries": [{"name": "Offline Storage for Progressive Web Apps", "url": "https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c", "description": "The current state of offline storage in the browser"}, {"name": "CacheStorage API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Cache", "description": "API docs, and sample code from Mozilla."}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 Background Sync", "entries": [{"name": "Introducing Background Sync", "url": "https://developers.google.com/web/updates/2015/12/background-sync", "description": "A gentle introduction to background sync, along with some great videos and code samples."}, {"name": "Background Sync Explained", "url": "https://github.com/WICG/BackgroundSync/blob/master/explainer.md", "description": "The official \"explainer\" document for background sync, including one-off synchronization and periodic synchronization.", "stars": "617"}, {"name": "Background Sync Spec", "url": "https://wicg.github.io/BackgroundSync/spec/", "description": "The WIP spec for Background Sync."}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 Push Notifications", "entries": [{"name": "Can I Use - Push API", "url": "http://caniuse.com/#feat=push-api", "description": "Up-to-date browser support table of Push API."}, {"name": "Chrome Platform Status - Web Notifications", "url": "https://www.chromestatus.com/feature/5480344312610816", "description": "Implementation status for Chrome and other browsers."}, {"name": "PWA Dev Summit 2016 codelab - Push Notifications", "url": "https://developers.google.com/web/fundamentals/getting-started/push-notifications/?hl=en", "description": ""}, {"name": "Using the Push API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Push_API/Using_the_Push_API", "description": "An article introducing Push API."}, {"name": "web-push-libs", "url": "https://github.com/web-push-libs", "description": "A collection of useful libraries for web push in different technologies (Node.js, PHP, Python, etc.)"}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 IndexedDB", "entries": [{"name": "IndexedDB API", "url": "https://developer.mozilla.org/en/docs/Web/API/IndexedDB_API", "description": "API docs, key concepts, and sample code from Mozilla."}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 Installable Web Apps", "entries": [{"name": "Increasing Engagement with Web App Install Banners", "url": "https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android?hl=en", "description": "An intro to App Install Banners and making sure Chrome offers your web app to your users."}, {"name": "Installable Web Apps with the Web App Manifest in Chrome for Android", "url": "https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android", "description": "An introduction to installable Web Apps in Chrome for Android."}, {"name": "RealFaviconGenerator", "url": "http://realfavicongenerator.net/", "description": "A great way to generate all the images, favicons, and associated files needed to display your app icon across different browsers."}, {"name": "Android Asset Studio - Launcher Icon Generator", "url": "https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html", "description": "Generate Android style icons."}], "notes": [], "source": "Progressive Web Apps"}, {"name": "Progressive Web Apps \u2014 Web Share APIs", "entries": [{"name": "Introducing the Web Share API", "url": "https://developers.google.com/web/updates/2016/10/navigator-share", "description": "High level introduction to the Web Share API."}, {"name": "Web Share API explainer", "url": "https://github.com/WICG/web-share/blob/master/docs/explainer.md", "description": "An explanation of the API, along with some examples. Part of the proposal doc.", "stars": "337"}, {"name": "Web Share Target API", "url": "https://github.com/WICG/web-share-target", "description": "The proposal for the Web Share Target API, as well as a high level [explainer (\u2b50181)](https://github.com/WICG/web-share-target/blob/master/docs/explainer.md).", "stars": "181"}, {"name": "Web Fundamentals - Performance", "url": "https://developers.google.com/web/fundamentals/performance/", "description": "Google's performance learning portal, containing a wealth of knowledge on optimizing your web apps for perfomance."}, {"name": "Introducing RAIL: A User-Centric Model For Performance", "url": "https://www.smashingmagazine.com/2015/10/rail-user-centric-model-performance/", "description": "The seminal introduction to RAIL by the Gang of Pauls."}, {"name": "Website Performance Optimization", "url": "https://udacity.com/ud884", "description": "A free Udacity course on optimizing websites for speed."}, {"name": "Browser Rendering Optimization", "url": "https://udacity.com/ud860", "description": "A free Udacity course helping you create web apps that maintain jank-free 60fps performance."}, {"name": "The PRPL Pattern", "url": "https://developers.google.com/web/fundamentals/performance/prpl-pattern/", "description": "A new pattern for structuring and serving Progressive Web Apps, with an emphasis on performance."}, {"name": "Browser Rendering Performance", "url": "https://developers.google.com/web/fundamentals/performance/rendering/", "description": "Understand how HTML, JavaScript and CSS is handled by the browser, and how to optimize your page accordingly."}], "notes": [], "source": "Progressive Web Apps"}, {"name": "BEM Resources \u2014 Articles", "entries": [{"name": "A CSS Guideline Tutorial: BEM with Sass", "url": "https://assist-software.net/blog/css-guideline-tutorial-bem-sass", "description": ""}, {"name": "BEMantic - DRY like you mean it", "url": "https://medium.com/@stowball/bemantic-dry-like-you-mean-it-133ea3843d98#.a2ivj7ny9", "description": ""}, {"name": "BEM & Atomic Design: A CSS Architecture Worth Loving", "url": "https://www.lullabot.com/articles/bem-atomic-design-a-css-architecture-worth-loving", "description": ""}, {"name": "Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them", "url": "https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/", "description": ""}, {"name": "BEM and SMACSS: Advice From Developers Who\u2019ve Been There", "url": "http://www.sitepoint.com/bem-smacss-advice-from-developers/", "description": ""}, {"name": "MindBEMding \u2013 getting your head \u2019round BEM syntax - CSS Wizardry", "url": "http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/", "description": ""}, {"name": "A New Front-End Methodology: BEM - Smashing Magazine", "url": "https://www.smashingmagazine.com/2012/04/a-new-front-end-methodology-bem/", "description": ""}, {"name": "BEM 101 - CSS Tricks", "url": "https://css-tricks.com/bem-101/", "description": ""}, {"name": "An Introduction to the BEM Methodology - Tuts Plus", "url": "http://webdesign.tutsplus.com/articles/an-introduction-to-the-bem-methodology--cms-19403", "description": ""}, {"name": "Scaling Down The BEM Methodology For Small Projects - Smashing Magazine", "url": "https://www.smashingmagazine.com/2014/07/bem-methodology-for-small-projects/", "description": ""}, {"name": "Fifty Shades of BEM - Kaelig", "url": "http://blog.kaelig.fr/post/48196348743/fifty-shades-of-bem", "description": ""}, {"name": "Keeping the Front-End Modular with BEM - Thoughtbot", "url": "https://robots.thoughtbot.com/keeping-the-frontend-modular-with-bem", "description": ""}, {"name": "The Evolution Of The BEM Methodology - Smashing Magazine", "url": "https://www.smashingmagazine.com/2013/02/the-history-of-the-bem-methodology/", "description": ""}, {"name": "BEM Basics - 8th Light", "url": "http://blog.8thlight.com/nelsol-batalla/2014/08/01/bem-basics.html", "description": ""}, {"name": "How To BEM - Roman Kuba", "url": "https://medium.com/@Codebryo/how-to-bem-4a55fa3cd429", "description": ""}, {"name": "Expressive BEM with Sass: a different approach - Anders Hansen", "url": "http://codepen.io/andersschmidt/post/expressive-bem-with-sass-a-different-approach", "description": ""}, {"name": "Expressive BEM with Sass Part II: A first draft of mixins - Anders Hansen", "url": "http://codepen.io/andersschmidt/post/expressive-bem-with-sass-part-ii-a-first-draft-of-mixins", "description": ""}, {"name": "Learning to love BEM", "url": "http://mono.company/journal/frontend/learning-to-love-bem//", "description": ""}, {"name": "Working with BEM at Scale \u2014 Advice From Top Developers", "url": "http://www.sitepoint.com/working-bem-scale-advice-top-developers/", "description": ""}, {"name": "CSS Architecture: BEMCSS\u200a\u2014\u200aBlock, Element & Modifier", "url": "https://medium.com/@mjtweaver/css-architecture-bemcss-block-element-modifier-e642bd0f4218", "description": ""}, {"name": "BEM Guidelines for component focused development", "url": "http://www.joelambert.co.uk/article/bem-guidelines/", "description": ""}, {"name": "BEMIT: Taking the BEM Naming Convention a Step Further", "url": "http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/", "description": ""}, {"name": "CSS BEM Syntax Basics", "url": "https://coryrylan.com/blog/css-bem-syntax-basics", "description": ""}, {"name": "BEM official naming convention", "url": "https://en.bem.info/method/naming-convention/", "description": ""}, {"name": "BEM for CSS - An Introduction", "url": "http://www.gapintelligence.com/blog/2015/bem-for-css-an-introduction", "description": ""}, {"name": "Getting Started With BEM (with a little help from Sass)", "url": "https://www.packtpub.com/books/content/getting-started-bem-little-help-sass/", "description": ""}, {"name": "BEM (Block element modifier) - CSS Methodologies Part 3", "url": "http://techblog.buyapowa.com/css/frontend/scss/sass/2015/10/07/css-methodologies-part-3.html", "description": ""}, {"name": "How I stopped worrying and learned to love the CSS with BEM", "url": "http://www.theodo.fr/blog/2015/10/how-i-stopped-worrying-and-learned-to-love-the-css-with-bem/", "description": ""}, {"name": "BEM CSS Basics for WordPress Themes Developers", "url": "https://ahmadawais.com/bem-css-basics-for-wordpress-themes-developers/", "description": ""}, {"name": "Generate responsive BEMIT classes with Sass", "url": "http://codepen.io/craigmdennis/post/generate-responsive-bemit-classes-with-sass", "description": ""}, {"name": "The BEMIT naming convention", "url": "http://www.jamesturneronline.net/beautifulweb/bemit-naming-convention.html", "description": ""}, {"name": "BEM by example", "url": "https://sparkbox.com/foundry/bem_by_example", "description": ""}, {"name": "Introducing BEM: The popular CSS naming convention", "url": "https://assortment.io/posts/introducing-bem-css-naming-convention", "description": ""}, {"name": "7 Reasons To Use BEM CSS", "url": "https://medium.com/soliddigital/7-reasons-to-use-bem-css-a7c8475318fe", "description": ""}, {"name": "BEM Official Website", "url": "https://en.bem.info/", "description": ""}, {"name": "Get BEM", "url": "http://getbem.com/introduction/", "description": ""}, {"name": "BEM Cheat Sheet", "url": "https://gist.github.com/ingdir/0b211b9253c376f9cfa5", "description": ""}, {"name": "Generating BEM selectors with CSS preprocessors - Frontend Babel", "url": "http://frontendbabel.info/articles/bem-with-css-preprocessors/", "description": ""}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 Sass", "entries": [{"name": "Even Easier BEM-ing with Sass 3.3 - alwaystwisted", "url": "http://alwaystwisted.com/articles/2014-02-27-even-easier-bem-ing-with-sass-33", "description": ""}, {"name": "BEM Mixins - CSS Tricks", "url": "https://css-tricks.com/snippets/sass/bem-mixins/", "description": ""}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 Stylus", "entries": [{"name": "Stylus and BEM: a quick mixin - Frank M Taylor", "url": "http://blog.frankmtaylor.com/2014/07/16/stylus-and-bem-a-quick-mixin/", "description": ""}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 PostCSS", "entries": [{"name": "PostCSS BEM Linter", "url": "https://github.com/postcss/postcss-bem-linter", "description": "", "stars": "548"}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 Repos", "entries": [{"name": "BEM Constructor", "url": "https://github.com/danielguillan/bem-constructor", "description": "", "stars": "545"}, {"name": "WordPress BEM Menu", "url": "https://github.com/roikles/Wordpress-Bem-Menu", "description": "", "stars": "139"}, {"name": "BEM Grid", "url": "https://github.com/bem-incubator/bem-grid", "description": "", "stars": "136"}, {"name": "Flexible Grid System with BEM", "url": "https://github.com/flexiblegs/flexiblegs-bem", "description": "", "stars": "14"}, {"name": "BEM.js", "url": "https://github.com/maykinmedia/bem.js", "description": "", "stars": "9"}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 Slides", "entries": [{"name": "BEM CSS Workshop - Varya Stepanova", "url": "http://varya.me/bem-css-workshop/", "description": ""}, {"name": "BEM - Luciano Battagliero", "url": "https://speakerdeck.com/battaglr/bem", "description": ""}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 Videos", "entries": [{"name": "Writing Modular CSS With Sass and BEM - Tuts Plus", "url": "https://www.youtube.com/watch?v=WH4U4K5W8N8", "description": ""}, {"name": "MindBEMding \u2013 Rethink Web Development - Kevin Mack", "url": "https://www.youtube.com/watch?v=vgg-NsKZaE4", "description": ""}], "notes": [], "source": "BEM Resources"}, {"name": "BEM Resources \u2014 Other Awesome Lists", "entries": [{"name": "A curated list of awesome lists - @sindresorhus", "url": "https://github.com/sindresorhus/awesome", "description": "", "stars": "246k"}], "notes": [], "source": "BEM Resources"}, {"name": "Browserify", "entries": [{"name": "About", "url": "#about", "description": ""}, {"name": "Official Resources", "url": "#official-resources", "description": ""}, {"name": "Community Resources", "url": "#community-resources", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Demos", "url": "#demos", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "Docs", "url": "https://github.com/substack/node-browserify#usage", "description": "", "stars": "14k"}, {"name": "Handbook", "url": "https://github.com/substack/browserify-handbook", "description": "", "stars": "4.5k"}, {"name": "Repo", "url": "https://github.com/substack/node-browserify", "description": "", "stars": "14k"}, {"name": "Website", "url": "http://browserify.org/", "description": ""}, {"name": "IRC", "url": "http://webchat.freenode.net/?channels=browserify", "description": ""}, {"name": "Twitter", "url": "http://twitter.com/browserify", "description": ""}, {"name": "StackOverflow", "url": "http://stackoverflow.com/questions/tagged/browserify", "description": ""}, {"name": "Hello World with Browserify", "url": "http://browserify.org/#middle-section", "description": ""}, {"name": "Browserify Adventure", "url": "https://github.com/workshopper/browserify-adventure", "description": "", "stars": "143"}, {"name": "A Gentle Browserify Walkthrough", "url": "https://ponyfoo.com/articles/a-gentle-browserify-walkthrough", "description": ""}, {"name": "Browserify guide", "url": "http://zhaoda.net/2015/10/16/browserify-guide/", "description": ""}, {"name": "Introduction to Browserify", "url": "https://writingjavascript.org/posts/introduction-to-browserify", "description": ""}, {"name": "Using npm on the client side", "url": "http://dontkry.com/posts/code/using-npm-on-the-client-side.html", "description": ""}, {"name": "How Browserify Works", "url": "http://benclinkinbeard.com/posts/how-browserify-works/", "description": ""}, {"name": "Gulp + Browserify: The Everything Post", "url": "https://www.viget.com/articles/gulp-browserify-starter-faq", "description": ""}, {"name": "Browserify vs Component", "url": "http://www.forbeslindesay.co.uk/post/44144487088/browserify-vs-component", "description": ""}, {"name": "Browserify for Webpack users", "url": "https://gist.github.com/substack/68f8d502be42d5cd4942", "description": ""}, {"name": "Browserify vs. Webpack", "url": "https://mattdesl.svbtle.com/browserify-vs-webpack", "description": ""}, {"name": "Canvas Splitter", "url": "http://requirebin.com/?gist=maxogden/9576799", "description": ""}, {"name": "Infinite 2D Cave Generator", "url": "http://requirebin.com/?gist=maxogden/9557700", "description": ""}, {"name": "2D Velocity Control", "url": "http://requirebin.com/?gist=maxogden/9557776", "description": ""}, {"name": "James Halliday (substack) - LXJS 2013 - Modularidade para todos", "url": "https://www.youtube.com/watch?v=DCQNm6yiZh0", "description": ""}, {"name": "Getting Started with Browserify", "url": "https://www.youtube.com/watch?v=CTAa8IcQh1U", "description": ""}, {"name": "Transform your Bundles with Browserify", "url": "https://www.youtube.com/watch?v=Uk2bgp8OLT8", "description": ""}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 Development Servers", "entries": [{"name": "budo", "url": "https://github.com/mattdesl/budo", "description": "Dev server for rapid prototyping.", "stars": "2.2k"}, {"name": "beefy", "url": "https://github.com/chrisdickinson/beefy", "description": "Local development server that aims to make using browserify fast and fun.", "stars": "801"}, {"name": "wzrd", "url": "https://github.com/maxogden/wzrd", "description": "Super minimal browserify development server.", "stars": "249"}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 Plugins", "entries": [{"name": "browserify-hmr", "url": "https://github.com/AgentME/browserify-hmr", "description": "Hot Module Replacement plugin for Browserify.", "stars": "376"}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 Watchers", "entries": [{"name": "watchify", "url": "https://github.com/substack/watchify", "description": "Watch mode for browserify builds.", "stars": "1.8k"}, {"name": "persistify", "url": "https://github.com/royriojas/persistify", "description": "Wrapper around `browserify` to make incremental builds.", "stars": "78"}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 CSS bundlers", "entries": [{"name": "sheetify", "url": "https://github.com/stackcss/sheetify", "description": "Modular CSS bundler for browserify.", "stars": "443"}, {"name": "parcelify", "url": "https://github.com/rotundasoftware/parcelify", "description": "Add css to your npm modules consumed with browserify.", "stars": "254"}, {"name": "css-modulesify", "url": "https://github.com/css-modules/css-modulesify", "description": "Browserify plugin to load CSS Modules.", "stars": "407"}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 Transforms", "entries": [{"name": "babelify", "url": "https://github.com/babel/babelify", "description": "Browserify transform for babel.", "stars": "1.7k"}, {"name": "aliasify", "url": "https://github.com/benbria/aliasify", "description": "Remap require calls at build time.", "stars": "204"}, {"name": "brfs", "url": "https://github.com/substack/brfs", "description": "`fs.readFileSync()` and `fs.readFile()` static asset browserify transform.", "stars": "557"}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 Node in the Browser", "entries": [{"name": "crypto-browserify", "url": "https://github.com/crypto-browserify/crypto-browserify", "description": "Port of node's `crypto` module to the browser.", "stars": "579"}, {"name": "stream-browserify", "url": "https://github.com/substack/stream-browserify", "description": "The `stream` module from node core, for browsers!", "stars": "86"}, {"name": "buffer", "url": "https://github.com/feross/buffer", "description": "The `buffer` module from node.js, for the browser.", "stars": "1.5k"}, {"name": "requirebin", "url": "http://requirebin.com/", "description": "Write browser JavaScript programs using modules from NPM."}], "notes": [], "source": "Browserify"}, {"name": "Browserify \u2014 Production Tools", "entries": [{"name": "wzrd.in", "url": "https://wzrd.in/", "description": "Browserify CDN. Browserify-as-a-Service!"}, {"name": "bankai", "url": "https://github.com/yoshuawuyts/bankai", "description": "DIY asset server. Serves HTML, CSS and JS as streams.", "stars": "1.1k"}], "notes": [], "source": "Browserify"}, {"name": "Material", "entries": [{"name": "material-design-icons", "url": "https://github.com/google/material-design-icons", "description": "Material Design icons by Google.", "stars": "47k"}, {"name": "material-design-iconic-font", "url": "https://github.com/zavoloklom/material-design-iconic-font", "description": "Material Design Iconic Font and CSS toolkit.", "stars": "1.4k"}, {"name": "material-design-fonticons", "url": "https://github.com/designjockey/material-design-fonticons", "description": "Material Design Fonticons is a font converted version of the Google Material Design Icon set.", "stars": "74"}, {"name": "material-colors", "url": "https://github.com/shuhei/material-colors", "description": "Colors of Google's Material Design made available to coders.", "stars": "265"}, {"name": "material-color", "url": "https://github.com/mrmlnc/material-color", "description": "The colour palette, based on Google's Material Design, for use in your project.", "stars": "134"}, {"name": "LESS-Material-design-colors", "url": "https://github.com/tisign/LESS-Material-design-colors", "description": "A .less file with al the Google material design colors."}, {"name": "sass-material-colors", "url": "https://github.com/minusfive/sass-material-colors", "description": "An easy way to use Google's Material Design colors in your Sass/Scss project.", "stars": "131"}, {"name": "Google-Material-Design-Font-Icon", "url": "https://github.com/Seb-L/Google-Material-Design-Font-Icon", "description": "Font Icon based on Google Material Design Icon set.", "stars": "5"}, {"name": "Material Design Icons", "url": "https://materialdesignicons.com/", "description": "Community generated Material Design icon pack."}, {"name": "Android Asset Studio", "url": "https://romannurik.github.io/AndroidAssetStudio/", "description": "A web-based set of tools for generating graphics and other assets that would eventually be in an Android application's res/ directory."}, {"name": "SVG-Morpheus", "url": "https://github.com/alexk111/SVG-Morpheus", "description": "JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.", "stars": "2.7k"}, {"name": "Material-Design-ColorPicker", "url": "https://github.com/Fraina/Material-Design-ColorPicker", "description": "A Material Design Color Picker.", "stars": "11"}, {"name": "material-design-color-palette", "url": "https://github.com/zavoloklom/material-design-color-palette", "description": "Material Design Color Palette: LESS/CSS toolkit.", "stars": "170"}, {"name": "md-timepicker", "url": "https://github.com/dotlouis/md-timepicker", "description": "A Polymer Timepicker element in Material Design.", "stars": "12"}, {"name": "md-date-time", "url": "https://github.com/SimeonC/md-date-time", "description": "A Date-Time picker based on Googles Material Design Spec.", "stars": "174"}, {"name": "ng-material-floating-button", "url": "https://github.com/nobitagit/ng-material-floating-button", "description": "Material design floating menu with action buttons implemented as an Angularjs directive.", "stars": "468"}, {"name": "DevExtreme Reactive", "url": "https://devexpress.github.io/devextreme-reactive/react", "description": "High-performance plugin-based React components for Material Design."}, {"name": "Surface", "url": "https://github.com/mildrenben/surface", "description": "A lightweight, CSS only framework based on Material Design.", "stars": "347"}, {"name": "material-ui", "url": "https://github.com/callemall/material-ui", "description": "A CSS Framework and a Set of React Components that Implement Google's Material Design.", "stars": "82k"}, {"name": "bootstrap-material-design", "url": "https://github.com/FezVrasta/bootstrap-material-design", "description": "Material design theme for Bootstrap 3.", "stars": "22"}, {"name": "materialize", "url": "https://github.com/Dogfalo/materialize", "description": "Materialize, a CSS Framework based on Material Design.", "stars": "39k"}, {"name": "materialBootstrap", "url": "https://github.com/throrin19/materialBootstrap", "description": "Twitter Bootstrap theme for Google material design.", "stars": "69"}, {"name": "material-playground", "url": "https://github.com/ebidel/material-playground", "description": "Polymer material design playground.", "stars": "256"}, {"name": "material-framework", "url": "https://github.com/nt1m/material-framework", "description": "An easy to use material design based framework.", "stars": "388"}, {"name": "mui", "url": "https://github.com/muicss/mui", "description": "A lightweight CSS framework that follows Material Design guidelines.", "stars": "4.5k"}, {"name": "material-foundation", "url": "https://github.com/eucalyptuss/material-foundation", "description": "A Material Design version of Foundation for Sites.", "stars": "356"}, {"name": "Tronic247 Material", "url": "https://www.tronic247.com/material/", "description": "A material design framework based on jQuery and CSS"}, {"name": "AngularJS", "url": "https://github.com/angular/material", "description": "Material design for AngularJS.", "stars": "17k"}, {"name": "Angular", "url": "https://github.com/angular/material2", "description": "Material design for Angular.", "stars": "23k"}, {"name": "DevExtreme", "url": "https://js.devexpress.com", "description": "65+ responsive and feature-complete UI components with customizable Material Design compliant themes. Available for Angular, React, Vue and jQuery."}, {"name": "ember-paper", "url": "https://github.com/miguelcobain/ember-paper", "description": "The Ember approach to Material Design.", "stars": "879"}, {"name": "material-design-lite", "url": "https://github.com/google/material-design-lite/", "description": "Material Design Lite Components in HTML/CSS/JS.", "stars": "32k"}, {"name": "MUI", "url": "https://mui.com/", "description": "The React component library of Material Design"}, {"name": "react-material", "url": "https://github.com/BerkeleyTrue/react-material", "description": "Material design components written with React.js and React Style.", "stars": "403"}, {"name": "quantum-colors", "url": "https://github.com/nkpfstr/quantum-colors", "description": "Material Design color palette for your Sass projects.", "stars": "40"}, {"name": "quantum-shadows", "url": "https://github.com/nkpfstr/quantum-shadows", "description": "Material Design drop shadows for your Sass projects.", "stars": "32"}, {"name": "google-material-design", "url": "https://github.com/axyz/google-material-design", "description": "Small SASS library inspired by google material design guidelines.", "stars": "16"}, {"name": "MaterialPress", "url": "https://github.com/alexpatin/MaterialPress", "description": "MaterialPress is a WordPress theme, influenced heavily by Google's Material Design philosophy.", "stars": "107"}, {"name": "materialwp", "url": "https://github.com/braginteractive/materialwp", "description": "Material Design WordPress Theme.", "stars": "460"}, {"name": "MaterialSkin", "url": "https://github.com/IgnaceMaes/MaterialSkin", "description": "Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.", "stars": "2.5k"}, {"name": "MaterialDesignInXamlToolkit", "url": "https://github.com/ButchersBoy/MaterialDesignInXamlToolkit", "description": "Google's Material Design in XAML & WPF, for C# & VB.Net.", "stars": "13k"}, {"name": "material\\_design\\_zh", "url": "https://github.com/1sters/material_design_zh", "description": "Material Design Collaborative Chinese translation", "stars": "3.1k"}, {"name": "material-color-scheme", "url": "https://github.com/paradox41/material-color-scheme", "description": "Sublime Text syntax theme based off the Material Design color palette.", "stars": "70"}, {"name": "framaterial", "url": "https://github.com/Framaterial/framaterial", "description": "A Framework to create Material Design projects.", "stars": "42"}, {"name": "Material Design Templates", "url": "http://themeforest.net/tags/material%20design", "description": "Various material design inspired themes and templates on ThemeForest."}, {"name": "MaterialUp", "url": "http://www.materialup.com/", "description": "Get your daily dose of Material design inspiration!"}, {"name": "Material Palette", "url": "http://www.materialpalette.com/", "description": "Choose your favorite colors and generate your Material Design palette."}, {"name": "Paper Polymer Elements", "url": "https://elements.polymer-project.org/browse?package=paper-elements", "description": "Paper elements are a set of visual elements that implement Google's Material Design."}, {"name": "ScaffoldHub.io", "url": "https://scaffoldhub.io", "description": "Generate full Angular Material applications with an online modeling tool!"}], "notes": [], "source": "Material"}, {"name": "Scalable Css Reading List \u2014 Articles", "entries": [{"name": "8 rules for a robust, scalable CSS architecture", "url": "https://github.com/jareware/css-architecture/blob/master/README.md", "description": "", "stars": "2.4k"}, {"name": "More Meaningful CSS", "url": "http://snook.ca/archives/html_and_css/more-meaningful-css", "description": ""}, {"name": "CSS and Scalability", "url": "http://mrmrs.io/writing/2016/03/24/scalable-css/", "description": ""}, {"name": "Can CSS Be Too Modular?", "url": "http://csswizardry.com/2015/03/can-css-be-too-modular/", "description": ""}, {"name": "Side Effects in CSS", "url": "http://philipwalton.com/articles/side-effects-in-css/", "description": ""}, {"name": "Used and Abused -- CSS Inheritance and Our Misuse of the Cascade", "url": "http://www.phase2technology.com/blog/used-and-abused-css-inheritance-and-our-misuse-of-the-cascade/?utm_source=CSS-Weekly\\&utm_campaign=Issue-127\\&utm_medium=RSS", "description": ""}, {"name": "Enduring CSS: writing style sheets for rapidly changing, long-lived projects", "url": "http://benfrain.com/enduring-css-writing-style-sheets-rapidly-changing-long-lived-projects", "description": ""}, {"name": "Challenging CSS Best Practices", "url": "http://www.smashingmagazine.com/2013/10/21/challenging-css-best-practices-atomic-approach/", "description": "- suggesting a unique approach (all utility classes) the author calls Atomic CSS -- by Thierry Koblentz (10/21/13)"}, {"name": "Atomic Design", "url": "http://bradfrostweb.com/blog/post/atomic-web-design/", "description": ""}, {"name": "MindBEMding - getting your head around BEM syntax", "url": "http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/", "description": ""}, {"name": "CSS Architecture", "url": "http://philipwalton.com/articles/css-architecture/", "description": ""}, {"name": "SOLID CSS", "url": "http://blog.millermedeiros.com/solid-css/", "description": ""}, {"name": "Shoot to kill: CSS selector intent", "url": "http://csswizardry.com/2012/07/shoot-to-kill-css-selector-intent/", "description": ""}, {"name": "The open/closed principle applied to CSS", "url": "http://csswizardry.com/2012/06/the-open-closed-principle-applied-to-css/", "description": ""}, {"name": "Keep your CSS selectors short", "url": "http://csswizardry.com/2012/05/keep-your-css-selectors-short/", "description": ""}, {"name": "The single responsibility principle applied to CSS", "url": "http://csswizardry.com/2012/04/the-single-responsibility-principle-applied-to-css/", "description": ""}, {"name": "About HTML semantics and frontend architecture", "url": "http://nicolasgallagher.com/about-html-semantics-front-end-architecture/", "description": ""}, {"name": "An Introduction to Object Oriented CSS (OOCSS)", "url": "http://www.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/", "description": ""}, {"name": "Atomic CSS", "url": "http://acss.io/", "description": ""}, {"name": "CSS Modules", "url": "http://glenmaddern.com/articles/css-modules", "description": ""}, {"name": "CSS Guidelines", "url": "http://cssguidelin.es/", "description": ""}, {"name": "Scalable and Modular Architecture for CSS", "url": "https://smacss.com/", "description": ""}, {"name": "SUIT CSS Documentation", "url": "https://github.com/suitcss/suit/blob/master/doc/README.md", "description": "", "stars": "3.8k"}, {"name": "Multilayer CSS", "url": "http://operatino.github.io/MCSS/en/", "description": ""}, {"name": "Object Oriented CSS Wiki", "url": "https://github.com/stubbornella/oocss/wiki", "description": "", "stars": "6.2k"}, {"name": "Trello", "url": "https://gist.github.com/bobbygrace/9e961e8982f42eb91b80", "description": ""}, {"name": "Bootstrap", "url": "http://mdo.github.io/code-guide/#css", "description": ""}, {"name": "SUIT", "url": "https://github.com/suitcss/suit/blob/master/doc/STYLE.md#4-css", "description": "", "stars": "3.8k"}, {"name": "Github", "url": "https://github.com/styleguide/css", "description": ""}, {"name": "Medium", "url": "https://gist.github.com/fat/a47b882eb5f84293c4ed", "description": ""}, {"name": "Google", "url": "https://google.github.io/styleguide/htmlcssguide.xml#CSS_Style_Rules", "description": ""}, {"name": "Refining the Way We Structure Our CSS at Trello", "url": "http://blog.trello.com/refining-the-way-we-structure-our-css-at-trello/", "description": ""}, {"name": "How we do CSS at Ghost", "url": "http://dev.ghost.org/css-at-ghost", "description": ""}, {"name": "Medium's CSS is actually pretty f\\*\\*\\*ing good", "url": "https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06", "description": ""}, {"name": "Codepen's CSS", "url": "http://codepen.io/chriscoyier/blog/codepens-css", "description": ""}, {"name": "CSS at Lonely Planet", "url": "http://ianfeather.co.uk/css-at-lonely-planet/", "description": ""}, {"name": "Github's CSS", "url": "http://markdotto.com/2014/07/23/githubs-css/", "description": ""}, {"name": "Atomic CSS", "url": "https://www.youtube.com/watch?v=bokjM0ZaizQ", "description": ""}, {"name": "Managing CSS Projects with ITCSS", "url": "https://speakerdeck.com/dafed/managing-css-projects-with-itcss", "description": ""}, {"name": "React: CSS in JS", "url": "http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html", "description": ""}, {"name": "Thinking Beyond \"Scalable CSS\"", "url": "http://www.thedotpost.com/2014/11/nicolas-gallagher-thinking-beyond-scalable-css", "description": ""}, {"name": "Adaptation and Components", "url": "https://www.youtube.com/watch?v=m0oMHG6ZXvo", "description": ""}, {"name": "CSS is a Mess", "url": "https://www.youtube.com/watch?v=C4z_9F6nfS8", "description": ""}, {"name": "Architecting Scalable CSS", "url": "http://vimeo.com/67544231", "description": ""}, {"name": "CSS for Grownups", "url": "https://www.youtube.com/watch?v=ZpFdyfs03Ug", "description": ""}, {"name": "CSS module system in Google+", "url": "https://github.com/davidtheclark/scalable-css-reading-list/issues/3", "description": "", "stars": "1.5k"}, {"name": "Object-Oriented CSS", "url": "https://www.youtube.com/watch?v=BjAdHyA9nIY", "description": ""}], "notes": [], "source": "Scalable Css Reading List"}, {"name": "Storybook", "entries": [{"name": "Official resources", "url": "#official-resources", "description": ""}, {"name": "Community resources", "url": "#community-resources", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Talks", "url": "#talks", "description": ""}, {"name": "Blog posts", "url": "#blog-posts", "description": ""}, {"name": "Contributing", "url": "#contributing", "description": ""}, {"name": "Website", "url": "https://storybook.js.org", "description": ""}, {"name": "Docs", "url": "https://storybook.js.org/docs", "description": ""}, {"name": "Showcase", "url": "https://storybook.js.org/showcase", "description": ""}, {"name": "Blog", "url": "https://storybook.js.org/blog", "description": ""}, {"name": "Tutorials", "url": "https://storybook.js.org/tutorials/", "description": ""}, {"name": "X", "url": "https://x.com/storybookjs", "description": ""}, {"name": "GitHub", "url": "https://github.com/storybookjs", "description": ""}, {"name": "Medium", "url": "https://medium.com/storybookjs", "description": ""}, {"name": "Discord", "url": "https://discord.gg/storybook", "description": ""}, {"name": "Brand's materials", "url": "https://github.com/storybookjs/brand", "description": "", "stars": "101"}, {"name": "Design system", "url": "https://master--5ccbc373887ca40020446347.chromatic.com/", "description": ""}, {"name": "DEV.to #storybook", "url": "https://dev.to/t/storybook", "description": "Posts about Storybook on DEV.to blogging platform."}, {"name": "Documentation Primitives", "url": "https://github.com/DAN-AKL/storybook-documentation-primitives", "description": "Custom DocBlocks for Storybook Docs.", "stars": "36"}, {"name": "Decathlon - Design System", "url": "https://decathlon.github.io/vitamin-web", "description": ""}, {"name": "GitHub - Design System", "url": "https://primer.github.io/storybook/", "description": ""}, {"name": "Airbnb - react-date", "url": "https://react-dates.github.io/react-date", "description": ""}, {"name": "Salesforce - Design System", "url": "https://mashmatrix.github.io/react-lightning-design-system/", "description": ""}, {"name": "Auth0/OKta - Quantum Design System", "url": "https://quantum.okta.design/", "description": ""}, {"name": "AXA France - Design System", "url": "https://axafrance.github.io/react-toolkit/latest/storybook/", "description": ""}, {"name": "Shared React Components Boilerplate", "url": "https://github.com/shared-components/shared-react-components-example", "description": "", "stars": "86"}, {"name": "Apideck - Components", "url": "https://www.apideck.design/", "description": ""}, {"name": "Qui - Vue 2/3 Design system", "url": "https://qui-max.netlify.app/?path=/story/intro--page", "description": ""}, {"name": "M\u00edstica - Design system", "url": "https://mistica-web.vercel.app/?path=/story/welcome--welcome", "description": ""}, {"name": "Recharts - Storybook", "url": "https://recharts.org/en-US/storybook", "description": ""}, {"name": "Storybook React: A Beginner's Tutorial to UI Components", "url": "https://snipcart.com/blog/storybook-react-tutorial-example", "description": ""}, {"name": "Simple Storybook React Setup with Dark Mode Integration", "url": "https://davidyeiser.com/tutorials/storybook-react-with-dark-mode", "description": ""}, {"name": "Adding Storybook Style Guide to a Create React App", "url": "https://www.youtube.com/watch?v=va-JzrmaiUM", "description": ""}, {"name": "Build your components with Storybook", "url": "https://www.youtube.com/watch?v=_jttw14T52o", "description": ""}, {"name": "Storybook, le playground qu'il vous faut pour vos composants UI! (FR)", "url": "https://www.youtube.com/watch?v=zMpSwo03aKo", "description": ""}, {"name": "VueNYC - Learn Storybook", "url": "https://www.youtube.com/watch?v=XN398jfTwQI", "description": ""}, {"name": "React Storybook Tutorial with Examples - Getting Started with React Storybook", "url": "https://www.youtube.com/watch?v=E2c183LS4lA", "description": ""}, {"name": "React Storybook: Design, Dev, Doc, Debug Components - React Conf 2017", "url": "https://www.youtube.com/watch?v=PF0Vi-iIyoo", "description": ""}, {"name": "How I manage to make my Storybook project the most efficient possible", "url": "https://dev.to/loicgoyet/how-i-manage-to-make-my-storybook-project-the-most-efficient-possible-2d8o", "description": ""}, {"name": "Real-time accessibility testing with Storybook", "url": "https://medium.com/storybookjs/instant-accessibility-qa-linting-in-storybook-4a474b0f5347", "description": ""}, {"name": "Using Storybook with VueJS", "url": "https://auth0.com/blog/using-storybook-with-vuejs/", "description": ""}, {"name": "Setting up Storybook for Preact", "url": "https://www.nickyt.co/blog/setting-up-storybook-for-preact-p5a/", "description": ""}, {"name": "Setting Up a Component Library with React and Storybook", "url": "https://auth0.com/blog/setting-up-a-component-library-with-react-and-storybook/", "description": ""}, {"name": "Storybook - UI component development tool for React, Vue, and Angular (Article focusing on React)", "url": "https://dev.to/madhu/storybook---ui-component-development-tool-for-react-vue-and-angular-article-focusing-on-react-29od", "description": ""}, {"name": "Storybook vs Styleguidist", "url": "https://www.chromatic.com/blog/storybook-vs-styleguidist/", "description": ""}, {"name": "Five Reasons to Use Storybook Tests", "url": "https://spin.atomicobject.com/storybook-tests-react/", "description": ""}], "notes": [], "source": "Storybook"}, {"name": "Inspire \u2014 Concept", "entries": [{"name": "Awwwards", "url": "http://www.awwwards.com/", "description": "More awesome sites of various styles."}, {"name": "CodeMyUI", "url": "https://codemyui.com/", "description": "List of code snippets for fancy CSS/JS that make an awesome UI."}, {"name": "CodePen", "url": "http://codepen.io/", "description": "Central repository of user submitted code concepts/snippets. Great for experiments."}, {"name": "Codrops", "url": "https://tympanus.net/codrops/", "description": "Web design/development blog that publishes articles/tutorials about the latest web trends."}, {"name": "CodyHouse", "url": "https://codyhouse.co/", "description": "Tutorials and showcase of awesome UI elements."}, {"name": "CSS Winner", "url": "http://www.csswinner.com/", "description": "Reviewed list of great websites."}, {"name": "Designer News", "url": "https://www.designernews.co/", "description": "The best design / development links from the 'net."}, {"name": "Dribbble", "url": "https://dribbble.com/", "description": "Snaps of icons, doodles, sites, and more from a talented group of people."}, {"name": "Httpster", "url": "http://httpster.net/", "description": "A curated list of the best sites around the Internet."}, {"name": "Landings", "url": "https://landings.dev/", "description": "Find the best landing pages for your design inspiration based on your preference."}, {"name": "OnePageLove", "url": "https://onepagelove.com/", "description": "Great influence for one page and general website design."}, {"name": "SaaS Pages", "url": "https://saaspages.xyz", "description": "An inspection of Netlify's page made especially to bring you inspiration."}, {"name": "Siiimple", "url": "https://siiimple.com/", "description": "Another list of sites, but on the much simpler side."}, {"name": "SiteInspire", "url": "http://www.siteinspire.com/", "description": "Get inspired."}, {"name": "TheBestDesigns", "url": "https://www.thebestdesigns.com/", "description": "General list of hand picked sites from across the web."}, {"name": "FileZilla", "url": "https://filezilla-project.org", "description": "For those who fear FTP in the terminal"}, {"name": "Hyper", "url": "https://hyper.is", "description": "Beautiful, extensible command-line interface"}, {"name": "Taskade", "url": "https://www.taskade.com/", "description": ""}, {"name": "WinSCP", "url": "http://winscp.net", "description": "Upload files to a MEAN stack or VPS server."}, {"name": "Cloud9", "url": "https://c9.io", "description": "An awesome, zen way to work with others in the cloud."}, {"name": "Gist", "url": "https://gist.github.com", "description": "Share code and text with others fast. Like a mini repository."}, {"name": "Invoice Ninja", "url": "https://www.invoiceninja.com", "description": "Open source invoicing platform."}, {"name": "Red Pen", "url": "https://redpen.io", "description": "Share your design and get feedback seamlessly."}, {"name": "Scratchpad", "url": "http://scratchpad.io", "description": "A simple, RTC tool for coding and previewing websites."}, {"name": "Auth0", "url": "https://auth0.com/", "description": "Authentication, done for you."}, {"name": "DigitalOcean", "url": "https://www.digitalocean.com/", "description": "A cheap and quality VPS hosting company."}, {"name": "Firebase", "url": "https://www.firebase.com", "description": "A real-time front-end database for your sites."}, {"name": "Hasura", "url": "https://hasura.io", "description": "Platform to build and deploy app backends fast."}, {"name": "Heroku", "url": "https://www.heroku.com", "description": "Cloud application platform; very easy to scale."}, {"name": "Browserling", "url": "https://www.browserling.com/", "description": "Cross-browser test your website."}, {"name": "Checkbot", "url": "https://www.checkbot.io", "description": "Browser extension that tests your website follows 50+ SEO, speed and security best practices."}, {"name": "CodePen", "url": "http://codepen.io", "description": "A free web editor in your browser."}, {"name": "Hurl.it", "url": "https://www.hurl.it/", "description": "Make HTTP requests in the browser."}, {"name": "Localtunnel", "url": "http://localtunnel.me", "description": "Open localhost ports to the world."}, {"name": "Placehold", "url": "http://placehold.it", "description": "Generate custom placeholder images of any size."}, {"name": "Postman", "url": "https://www.getpostman.com/", "description": "A tool to make HTTP requests, generate mock servers and make API documentation."}, {"name": "WooRank", "url": "https://www.woorank.com/", "description": "A review tool for SEO elements, W3 validation, and numerous other variables. Free basic service."}, {"name": "Yslow", "url": "http://yslow.org", "description": "Tool for analyzing and finding fixes for multiple causes of slow site loading."}, {"name": "1stWebDesign", "url": "http://www.1stwebdesigner.com/blog/", "description": "A good, simple blog on web development and design."}, {"name": "A List Apart", "url": "http://alistapart.com", "description": "Guest bloggers and full books on topics from coding to business practices."}, {"name": "Codrops", "url": "http://tympanus.net/codrops/", "description": "Great collection of design techniques for modern web developmers and designers."}, {"name": "CSS-Tricks", "url": "https://css-tricks.com/", "description": "Awesome blog on anything and everything related to CSS"}, {"name": "GoodUI", "url": "http://goodui.org", "description": "It's definitely not bad."}, {"name": "Insert HTML", "url": "http://www.inserthtml.com", "description": "A blog covering current and upcoming techniques and technologies for web developers."}, {"name": "Mentor", "url": "http://www.mentor.so/", "description": "Get random advice from other designers and developers."}, {"name": "Smashing Magazine", "url": "http://www.smashingmagazine.com", "description": "A magazine for all things digital design."}], "notes": [], "source": "Inspire"}, {"name": "Seed Rs", "entries": [{"name": "Official Resources", "url": "#official-resources", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Quickstarts", "url": "#quickstarts", "description": ""}, {"name": "Bundlers", "url": "#bundlers", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Projects Using Seed", "url": "#projects-using-seed", "description": ""}, {"name": "Libraries", "url": "#libraries", "description": ""}, {"name": "Contribute", "url": "#contribute", "description": ""}, {"name": "GitHub repo", "url": "https://github.com/seed-rs/seed", "description": "", "stars": "3.8k"}, {"name": "Forum", "url": "https://seed.discourse.group", "description": ""}, {"name": "Chat", "url": "https://discord.gg/JHHcHp5", "description": ""}, {"name": "Engineering Rust Web Applications", "url": "https://erwabook.com/", "description": "Diesel, Rocket and Seed."}, {"name": "Porting a JS app to Rust", "url": "https://slowtec.de/posts/2019-12-20-porting-javascript-to-rust-part-1.html", "description": "Porting a JavaScript App to WebAssembly with Rust (blog series)."}, {"name": "Default quickstart", "url": "https://github.com/seed-rs/seed-quickstart", "description": "Contains only Rust libraries.", "stars": "101"}, {"name": "Quickstart with Webpack", "url": "https://github.com/seed-rs/seed-quickstart-webpack", "description": "Main features: Auto-reload, Prerendering, Minification, [TailwindCSS](https://tailwindcss.com/), Typescript.", "stars": "112"}, {"name": "Trunk", "url": "https://github.com/thedodd/trunk", "description": "WASM web application bundler for Rust.", "stars": "3.6k"}, {"name": "Web Bundler", "url": "https://github.com/panoptix-za/web-bundler", "description": "Bundles a Seed SPA for publishing.", "stars": "11"}, {"name": "Seeder", "url": "https://github.com/MartinKavik/seeder", "description": "Set up Seed app and start dev server by running one command.", "stars": "43"}, {"name": "RealWorld example", "url": "https://github.com/seed-rs/seed-rs-realworld", "description": "\"The mother of all demo apps\" \u2014 Exemplary fullstack [Medium.com](https://medium.com/) clone.", "stars": "124"}, {"name": "Dark lang Realworld", "url": "https://github.com/MartinKavik/seed-realworld-darklang", "description": "Seed Realworld example on *Quickstart with Webpack* with integrated [Dark lang](https://darklang.com/) Realworld.", "stars": "9"}, {"name": "Official examples", "url": "https://github.com/seed-rs/seed/tree/master/examples", "description": "Smaller examples included in official repo.", "stars": "3.8k"}, {"name": "ERWA mytodo", "url": "https://github.com/seed-rs/erwa_mytodo", "description": "Rust full-stack example. Diesel, Rocket, Seed.", "stars": "10"}, {"name": "Template for GUIs with seed+gotham", "url": "https://gitlab.com/liketechnik/local-gui-seed-gotham", "description": "Electron like template for local/desktop GUIs with Gotham, rust-embed, web-view and Seed."}, {"name": "Seeded Game of Life", "url": "https://github.com/arn-the-long-beard/seeded_game_of_life", "description": "Game of life with [tutorial](https://dev.to/arnthelongbeard/how-to-only-rust-for-web-frontend-1026) in pure Rust inspired by [wasm tutorial](https://rustwasm.github.io/docs/book/).", "stars": "3"}, {"name": "Dota Underlord Perfect Build", "url": "https://github.com/warycat/dotawasm", "description": "An app to help build optimal deck in Dota Underlord.", "stars": "0"}, {"name": "Play Seed", "url": "https://ide.play-seed.dev", "description": "Playground with several default examples."}, {"name": "AdEx Explorer", "url": "https://github.com/adexnetwork/adex-explorer", "description": "Shows curated information about the payment channel network of the AdEx advertising protocol.", "stars": "3"}, {"name": "Kavik.cz", "url": "https://github.com/MartinKavik/kavik.cz", "description": "Open-source personal website.", "stars": "5"}, {"name": "benxu.dev/blog", "url": "https://github.com/AlterionX/benxu-dev", "description": "A relatively simple open source personal blog. Built on `Seed`, [`maud`](https://maud.lambda.xyz), [`Rocket`](https://rocket.rs), and [`Diesel`](https://diesel.rs).", "stars": "0"}, {"name": "WeightRS", "url": "https://gitlab.com/mkroehnert/weightrs", "description": "Minimalistic and privacy friendly progressive web app for tracking your weight."}, {"name": "Music composer", "url": "https://github.com/ethanboxx/planters-rdconf-hackathon-project", "description": "A basic music composition app.", "stars": "6"}, {"name": "Play Seed", "url": "https://play-seed.dev", "description": "Website about Play Seed, playground to demo Seed apps."}, {"name": "Typesync", "url": "https://typesync.rutrum.net", "description": "Test your typing speed on song lyrics. Uses `Seed`, [`Rocket`](https://rocket.rs), and [`Diesel`](https://diesel.rs)."}, {"name": "CalcuPi", "url": "https://dvjn.github.io/CalcuPi", "description": "A beautiful Monte Carlo simulation for approximating the value of pi."}, {"name": "Love Letter Tracker", "url": "https://www.fosskers.ca/en/tools/love-letter", "description": "A knowledge tracker for the card game *Love Letter*."}, {"name": "Whatlang.org", "url": "https://whatlang.org/", "description": "An interactive demo for whatlang (language recognition library)."}, {"name": "Pslink", "url": "https://pslink.teilgedanken.de", "description": "An URL-shortener page focused on use in publications ([demo](https://demo.pslink.teilgedanken.de/app/) (user, password: demo)). Uses `Seed`, [`actix-web`](https://actix.rs/), and [`sqlx`](https://github.com/launchbadge/sqlx)."}, {"name": "Savory", "url": "https://gitlab.com/MAlrusayni/savory", "description": "Library for building user interface based on Seed."}, {"name": "seed-icons", "url": "https://crates.io/crates/seed-icons", "description": "Library with collections of icons to include in Seed-based application."}, {"name": "Seed Bootstrap", "url": "https://github.com/panoptix-za/seed-bootstrap", "description": "A collection of the [Bootstrap](https://getbootstrap.com/) CSS components.", "stars": "2"}, {"name": "seed\\_heroicons", "url": "https://github.com/mh84/seed_heroicons", "description": "Library providing [Heroicons](https://heroicons.com/) to include into Seed-based applications.", "stars": "0"}], "notes": [], "source": "Seed Rs"}, {"name": "Text Editing \u2014 Rich-text editors using contenteditable", "entries": [{"name": "Slate", "url": "https://github.com/ianstormtaylor/slate", "description": "Rich text editor built on top of React and Immutable", "stars": "26k"}, {"name": "TipTap", "url": "https://github.com/scrumpy/tiptap", "description": "Rich text editor for Vue.js", "stars": "17k"}, {"name": "Trix", "url": "https://github.com/basecamp/trix", "description": "Basecamp's rich text editor", "stars": "17k"}, {"name": "CKEditor", "url": "http://ckeditor.com/", "description": "Started back in 2003. Has both iframe and inline style rich-text editing"}, {"name": "Squire", "url": "https://github.com/neilj/Squire", "description": "HTML5 rich text editor", "stars": "4.4k"}, {"name": "ProseMirror", "url": "http://prosemirror.net/", "description": "From the maker of CodeMirror"}, {"name": "Scribe", "url": "https://github.com/guardian/scribe", "description": "From the [Guardian](http://www.theguardian.com/) team", "stars": "3.5k"}, {"name": "Quill", "url": "http://quilljs.com/", "description": "Quill is a free, open source WYSIWYG editor built for the modern web"}, {"name": "Summernote", "url": "http://summernote.org/", "description": "Bootstrap dependent rich-text editor"}, {"name": "wysihtml", "url": "http://wysihtml.com/", "description": "Made by Voog"}, {"name": "Etherpad", "url": "http://etherpad.org/", "description": "Open Source online editor providing collaborative editing in really real-time"}, {"name": "TinyMCE", "url": "http://www.tinymce.com/", "description": "Used by much of the wordpress and drupal community"}, {"name": "Medium.js", "url": "http://jakiestfu.github.io/Medium.js/docs/", "description": "Warning: Not actually used by [Medium](https://medium.com/)"}, {"name": "Textbox.IO", "url": "https://textbox.io/", "description": "From the makers of TinyMCE"}, {"name": "Froala", "url": "https://www.froala.com/wysiwyg-editor", "description": "A simple to use rich text editor, with mobile support, lots of examples, high performance and inline editing"}, {"name": "Redactor", "url": "http://imperavi.com/redactor/", "description": "Advanced, clean and smooth, Redactor Rich Text Editor offers an excellent immersive user experience"}, {"name": "Ritzy", "url": "https://github.com/ritzyed/ritzy", "description": "Collaborative web-based rich text editor", "stars": "895"}, {"name": "Aloha Editor", "url": "http://www.alohaeditor.org/Content.Node/index.html", "description": "Open Source browser based html5 enabled rich text editor"}, {"name": "WYMeditor", "url": "http://www.wymeditor.org/", "description": "Open Source XHTML editor focusing on semantic markup"}, {"name": "Dijit Editor", "url": "http://dojotoolkit.org/", "description": "a Dojo-based rich text editor component"}, {"name": "YUI Rich Text Editor", "url": "http://yui.github.io/yui2/", "description": "a Yahoo! rich text editor component"}, {"name": "KindEditor", "url": "https://github.com/kindsoft/kindeditor", "description": "Open Source HTML editor", "stars": "1.8k"}, {"name": "Hallo", "url": "https://github.com/bergie/hallo", "description": "Simple rich text editor (contentEditable) for jQuery UI", "stars": "2.5k"}, {"name": "markitup", "url": "http://markitup.jaysalvat.com/home/", "description": "universal markup jQuery editor"}, {"name": "openwysiwyg", "url": "http://www.openwebware.com/", "description": "Free cross-browser WYSIWYG editor"}, {"name": "tejQuery", "url": "http://jqueryte.com/", "description": "Lightweight (19.5 KB) and very useful HTML editor"}, {"name": "Trumbowyg", "url": "http://alex-d.github.io/Trumbowyg/", "description": "light, translatable and customisable jQuery plugin"}, {"name": "NicEdit", "url": "http://nicedit.com/", "description": "Abandoned in 2012"}, {"name": "jWYSIWYG", "url": "https://github.com/jwysiwyg/jwysiwyg", "description": "WYSIWYG jQuery Plugin"}, {"name": "Alloy", "url": "http://alloyeditor.com/", "description": "a modern WYSIWYG editor built on top of CKEDITOR"}, {"name": "Draft.js", "url": "http://facebook.github.io/draft-js/", "description": "a rich text editor framework for React"}, {"name": "MediumEditor", "url": "https://github.com/yabwe/medium-editor", "description": "A clone of medium.com inline editor toolbar. Uses contenteditable API to implement a rich text solution.", "stars": "16k"}, {"name": "Yace", "url": "https://solopov.dev/yace", "description": "1KB code editor for browser with plugins"}, {"name": "CodeJar", "url": "https://medv.io/codejar/", "description": "CodeJar is a micro code editor for the browser"}, {"name": "CodeMirror", "url": "https://codemirror.net/", "description": "CodeMirror is a versatile text editor implemented in JavaScript for the browser"}, {"name": "Ace", "url": "https://ace.c9.io/#nav=about", "description": "Ace is an embeddable code editor written in JavaScript"}, {"name": "EditArea", "url": "http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html", "description": ""}, {"name": "Behave.js", "url": "http://jakiestfu.github.io/Behave.js/", "description": "lightweight library for adding IDE style behaviors to plain text areas"}, {"name": "markdown-js", "url": "https://github.com/evilstreak/markdown-js", "description": "A Markdown parser for javascript", "stars": "7.6k"}, {"name": "pagedown", "url": "https://code.google.com/p/pagedown/wiki/PageDown", "description": "PageDown is the JavaScript Markdown previewer used on Stack Overflow and the rest of the Stack Exchange network"}], "notes": [], "source": "Text Editing"}, {"name": "Service Workers", "entries": [{"name": "Must Reads", "url": "#must-reads", "description": ""}, {"name": "Learning Resources", "url": "#learning-resources", "description": ""}, {"name": "Reference", "url": "#reference", "description": ""}, {"name": "Browser Support", "url": "#browser-support", "description": ""}, {"name": "Libraries and Tools", "url": "#libraries-and-tools", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Case Studies", "url": "#case-studies", "description": ""}, {"name": "Related Technologies", "url": "#related-technologies", "description": ""}, {"name": "Building Progressive Web Apps - O'Reilly", "url": "https://pwabook.com/oreillyasw", "description": "A hands-on guide and reference for service workers, caching strategies, push notifications, and more. Everything you need to build a modern progressive web app."}, {"name": "Introduction to Service Worker", "url": "http://www.html5rocks.com/en/tutorials/service-worker/introduction/", "description": "A gentle introduction to service workers."}, {"name": "Offline Web Applications Using IndexedDB & Service Worker", "url": "https://www.udacity.com/course/offline-web-applications--ud899", "description": "A great Udacity course introducing service workers and IndexedDB."}, {"name": "Service Workers Explained", "url": "https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md", "description": "Service workers explained by [Alex Russell](https://github.com/slightlyoff).", "stars": "3.6k"}, {"name": "Building Offline Sites with ServiceWorkers and UpUp", "url": "https://dev.opera.com/articles/offline-with-upup-service-workers/", "description": "A general introduction to service workers and using UpUp to provide offline functionality in minutes."}, {"name": "Introduction to Service Worker", "url": "http://www.html5rocks.com/en/tutorials/service-worker/introduction/", "description": ""}, {"name": "Service Workers 101", "url": "https://github.com/delapuente/service-workers-101", "description": "An infographic summarizing the most important parts of service workers API.", "stars": "700"}, {"name": "ServiceWorker Cookbook by Mozilla", "url": "https://serviceworke.rs/", "description": "A collection of recipes for different use cases."}, {"name": "The copy & paste guide to your first Service Worker", "url": "https://remysharp.com/2016/03/22/the-copy--paste-guide-to-your-first-service-worker", "description": "Shortest available introduction, by [Remy Sharp](https://github.com/remy)."}, {"name": "The offline cookbook", "url": "https://jakearchibald.com/2014/offline-cookbook/", "description": "The bible of service worker Patterns by Jake Archibald."}, {"name": "Designing Offline-First Web Apps", "url": "http://alistapart.com/article/offline-first", "description": "A fascinating look at design and UX considerations for dealing with various states of connectivity."}, {"name": "Background Sync Spec", "url": "https://wicg.github.io/BackgroundSync/spec/", "description": "The WIP spec for Background Sync."}, {"name": "Service Workers - W3C Specification", "url": "https://www.w3.org/TR/service-workers/", "description": "The official service workers spec."}, {"name": "Can I Use - Service Workers", "url": "http://caniuse.com/#feat=serviceworkers", "description": "Up-to-date browser support table of ServiceWorker API."}, {"name": "Jake Archibald - Is Service Worker ready?", "url": "https://jakearchibald.github.io/isserviceworkerready/", "description": "Current status of ServiceWorker support in different browsers."}, {"name": "UpUp", "url": "http://upup.rocks/", "description": "A popular service worker library providing complete offline functionality for your site in 1 line of code."}, {"name": "sw-toolbox", "url": "https://github.com/GoogleChrome/sw-toolbox/", "description": "A collection of simple helpers to simplify implementing common runtime caching patterns.", "stars": "3.6k"}, {"name": "Manifest Generator", "url": "https://brucelawson.github.io/manifest/", "description": "Generate a web app manifest, required for push notifications and installable web apps."}, {"name": "sw-precache", "url": "https://github.com/GoogleChrome/sw-precache/", "description": "Generates a service worker to cache your local App Shell resources.", "stars": "5.3k"}, {"name": "sw-offline-google-analytics", "url": "https://developers.google.com/web/updates/2016/07/offline-google-analytics", "description": "A service worker helper library to retry offline Google Analytics requests when a connection is available."}, {"name": "Workbox", "url": "https://developers.google.com/web/tools/workbox/", "description": "a set of libraries and Node modules that make it easy to cache assets and take full advantage of features used to build progressive web apps."}, {"name": "Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016", "url": "https://youtu.be/cmGr0RszHc8", "description": "A quick dive into the most common technologies and techniques for building progressive web apps."}, {"name": "Offline Web Applications Using IndexedDB & Service Worker", "url": "https://www.udacity.com/course/offline-web-applications--ud899", "description": "This free Udacity course is a must if you're planning to dive deep into service workers."}, {"name": "Instant Loading with Service Workers (Chrome Dev Summit 2015)", "url": "https://www.youtube.com/watch?v=jCKZDTtUA2A", "description": "Explains how to structure your web app to optimize load time for initial and return visitors, and cover helpful service worker libraries that minimize the amount of boilerplate code you'll have to write."}, {"name": "Service Workers in Production", "url": "https://developers.google.com/web/showcase/case-study/service-workers-iowa", "description": "A case-study about how Google I/O 2015 web app was built."}, {"name": "Measuring the Real-world Performance Impact of Service Workers", "url": "https://developers.google.com/web/showcase/2016/service-worker-perf", "description": "One of the most significant benefits of service workers (from a performance perspective, at least) is their ability to proactively control the caching of assets. A web application that can cache all of its necessary resources should load substantially faster for returning visitors. But what do these gains actually look like to real users? And how do you even measure this?"}, {"name": "App Install Banners", "url": "https://github.com/TalAter/awesome-progressive-web-apps#installable-web-apps", "description": "", "stars": "1.5k"}, {"name": "Background Sync", "url": "https://github.com/TalAter/awesome-progressive-web-apps#background-sync", "description": "", "stars": "1.5k"}, {"name": "CacheStorage API", "url": "https://github.com/TalAter/awesome-progressive-web-apps#cachestorage-api", "description": "", "stars": "1.5k"}, {"name": "IndexedDB", "url": "https://github.com/TalAter/awesome-progressive-web-apps#indexeddb", "description": "", "stars": "1.5k"}, {"name": "Push Notifications", "url": "https://github.com/TalAter/awesome-progressive-web-apps#push-notifications", "description": "", "stars": "1.5k"}], "notes": [], "source": "Service Workers"}, {"name": "Knockout \u2014 Frameworks", "entries": [{"name": "Knockout", "url": "https://github.com/knockout/knockout", "description": "Knockout makes it easier to create rich, responsive UIs with JavaScript", "stars": "10k"}, {"name": "Knockback", "url": "https://github.com/kmalakoff/knockback", "description": "Knockback.js provides Knockout.js magic for Backbone.js Models and Collections", "stars": "1.1k"}, {"name": "Durandal", "url": "https://github.com/BlueSpire/Durandal/", "description": "A cross-device, cross-platform client framework written in JavaScript and designed to make building Single Page Applications", "stars": "1.7k"}, {"name": "Falconjs", "url": "https://github.com/stoodder/falconjs", "description": "Adds structure to knockout.js by incorporting models, collections, and views", "stars": "93"}, {"name": "Kendo", "url": "https://github.com/kendo-labs/knockout-kendo", "description": "A project to create a robust set of Knockout.js bindings for the Kendo UI widgets", "stars": "276"}, {"name": "Bootstrap", "url": "https://github.com/billpull/knockout-bootstrap", "description": "A plugin that adds custom bindings for twitter bootstrap objects such as tooltips and popovers", "stars": "232"}, {"name": "ASP.NET MVC", "url": "https://github.com/AndreyAkinshin/knockout-mvc", "description": "Power of Knockout.js for ASP.NET MVC", "stars": "203"}, {"name": "Rails", "url": "https://github.com/dnagir/knockout-rails", "description": "KnockoutJS for Rails", "stars": "97"}, {"name": "Meteor", "url": "https://github.com/steveluscher/knockout.meteor", "description": "A Knockout-to-Meteor bridge", "stars": "65"}, {"name": "Mapping", "url": "https://github.com/SteveSanderson/knockout.mapping", "description": "Object mapping plugin for KnockoutJS", "stars": "549"}, {"name": "Validation", "url": "https://github.com/Knockout-Contrib/Knockout-Validation", "description": "A validation library for Knockout JS", "stars": "1k"}, {"name": "Sortable", "url": "https://github.com/rniemeyer/knockout-sortable", "description": "A Knockout.js binding to connect observableArrays with jQuery UI sortable functionality", "stars": "550"}, {"name": "Grid", "url": "https://github.com/Knockout-Contrib/KoGrid", "description": "A data grid plugin for Knockout", "stars": "281"}, {"name": "External Template Engine", "url": "https://github.com/ifandelse/Knockout.js-External-Template-Engine", "description": "Custom Template Engine and Template Source for Knockout.js that loads external templates", "stars": "232"}, {"name": "Postbox", "url": "https://github.com/rniemeyer/knockout-postbox", "description": "Publish/subscribe decoupled communication between separate view models and components", "stars": "353"}, {"name": "Deferred Updates", "url": "https://github.com/mbest/knockout-deferred-updates", "description": "The plugin that modifies parts of Knockout\u2019s observable/subscription system to use deferred updates", "stars": "136"}, {"name": "Delegated Events", "url": "https://github.com/rniemeyer/knockout-delegatedEvents", "description": "Simple and flexible plugin to do declarative event delegation", "stars": "137"}, {"name": "Projections", "url": "https://github.com/profiscience/ko-projections", "description": "Adds lodash FP chainability to observable arrays", "stars": "4"}, {"name": "Viewmodel", "url": "https://github.com/coderenaissance/knockout.viewmodel", "description": "Flexible way to create a knockout viewmodel", "stars": "107"}, {"name": "Observable Dictionary", "url": "https://github.com/jamesfoster/knockout.observableDictionary", "description": "An implementation of an observable dictionary", "stars": "85"}, {"name": "Model", "url": "https://github.com/thelinuxlich/knockout.model", "description": "A base model for Knockout.js entities", "stars": "61"}, {"name": "Namespaces", "url": "https://github.com/hunterloftis/knockout.namespaces", "description": "Namespaces for Knockout.js", "stars": "57"}, {"name": "Rest", "url": "https://github.com/frapontillo/knockout-rest", "description": "A simple library to extend Knockout.js objects with RESTful actions", "stars": "62"}, {"name": "Local Storage", "url": "https://github.com/jimrhoskins/knockout.localStorage", "description": "LocalStorage persistence for Knockout.js", "stars": "68"}, {"name": "Router", "url": "https://github.com/profiscience/ko-component-router", "description": "Router for single-page apps", "stars": "67"}, {"name": "Punches", "url": "https://github.com/mbest/knockout.punches", "description": "Collection of enhanced binding syntaxes", "stars": "239"}, {"name": "Switch Case", "url": "https://github.com/mbest/knockout-switch-case", "description": "Powerful control flow bindings", "stars": "170"}, {"name": "Repeat", "url": "https://github.com/mbest/knockout-repeat", "description": "The repeat binding can replace foreach in many instances and is faster and simpler", "stars": "130"}, {"name": "Table", "url": "https://github.com/mbest/knockout-table", "description": "Table binding plugin for Knockout", "stars": "86"}, {"name": "Cart", "url": "https://github.com/robconery/knockout-cart", "description": "Simple browser-based shopping cart that uses local storage", "stars": "82"}, {"name": "Testing", "url": "https://github.com/profiscience/ko-component-tester", "description": "Helpful utilities for TDD + Knockout.js", "stars": "15"}, {"name": "WebSockets", "url": "https://github.com/carlhoerberg/knockout-websocket-example", "description": "Example of real time collaborative web app using WebSockets and Knockout", "stars": "87"}], "notes": [], "source": "Knockout"}, {"name": "Critical Path Css Tools \u2014 Prioritize above-the-fold content first.", "entries": [{"name": "Penthouse", "url": "https://github.com/pocketjoso/penthouse", "description": "by Jonas Ohlsson generates critical-path CSS", "stars": "2.5k"}, {"name": "Critical", "url": "https://github.com/addyosmani/critical", "description": "by Addy Osmani generates & inlines critical-path CSS (uses Penthouse, [Oust (\u2b50163)](https://github.com/addyosmani/oust) and inline-styles)", "stars": "9.6k"}, {"name": "CriticalCSS", "url": "https://github.com/filamentgroup/criticalcss", "description": "by FilamentGroup finds & outputs critical CSS", "stars": "1.7k"}, {"name": "mod\\_pagespeed", "url": "https://github.com/pagespeed/mod_pagespeed", "description": "Apache module for automatic PageSpeed optimization", "stars": "691"}, {"name": "ngx\\_pagespeed", "url": "https://github.com/pagespeed/ngx_pagespeed", "description": "Nginx module for automatic PageSpeed optimization", "stars": "4.4k"}, {"name": "grunt-penthouse", "url": "https://github.com/fatso83/grunt-penthouse", "description": "", "stars": "68"}, {"name": "grunt-critical-css", "url": "https://github.com/filamentgroup/grunt-criticalcss", "description": "", "stars": "533"}, {"name": "grunt-critical", "url": "https://github.com/bezoerb/grunt-critical", "description": "", "stars": "149"}, {"name": "critical-css-casperjs", "url": "https://github.com/ibrennan/critical-css-casperjs", "description": "CasperJS script to pull critical CSS information from pages", "stars": "68"}, {"name": "dr-css-inliner", "url": "https://github.com/drdk/dr-css-inliner", "description": "PhantomJS script to inline above-the-fold CSS on a page.", "stars": "81"}, {"name": "inline-styles", "url": "https://github.com/maxogden/inline-styles", "description": "by Max Ogden, replaces `<link>` tags with inline `<style>` tags + inlines CSS url() calls with data URIs", "stars": "24"}, {"name": "gulp-inline-source", "url": "https://github.com/fmal/gulp-inline-source", "description": "by Filip Malinowski, replaces `<link>` tags with inline `<style>` tags, and replaces `<script src=\"\">` tags with their inline content", "stars": "211"}, {"name": "inline-critical", "url": "https://github.com/bezoerb/inline-critical", "description": "by Ben Z\u00f6rb, inline critical path CSS and load existing stylesheets with `loadCSS`", "stars": "106"}, {"name": "isomorphic-style-loader", "url": "https://github.com/kriasoft/isomorphic-style-loader/", "description": "", "stars": "1.2k"}, {"name": "loadCSS", "url": "https://github.com/filamentgroup/loadCSS", "description": "loads CSS asynchronously using JS. [Research](https://gist.github.com/scottjehl/87176715419617ae6994) that led to this is also available.", "stars": "6.8k"}, {"name": "async & conditional loading", "url": "https://gist.github.com/matt-bailey/602b40c77a5d3381ff26", "description": "POC script for loading CSS files asynchronously and conditionally based on body tag classes"}, {"name": "asyncLoader", "url": "https://github.com/n0mad01/asyncLoader", "description": "async script/stylesheet loader", "stars": "0"}, {"name": "basket.js", "url": "http://addyosmani.github.io/basket.js/", "description": "async script/resource loader with support for localStorage caching. Can be [extended (\u2b5019)](https://github.com/andrewwakeling/basket-css-example) to load stylesheets."}, {"name": "Penthouse online", "url": "https://jonassebastianohlsson.com/criticalpathcssgenerator/", "description": ""}, {"name": "Snippet", "url": "https://gist.github.com/PaulKinlan/6284142", "description": ""}, {"name": "Snippet", "url": "https://gist.github.com/scottjehl/b6129da04733e4e0f9a4", "description": ""}, {"name": "CSSVacuum", "url": "https://github.com/ndreckshage/CSSVacuum", "description": "", "stars": "45"}, {"name": "PageSpeed Insights", "url": "https://developers.google.com/speed/pagespeed/insights/", "description": "Online tool that measures the performance of a page for mobile devices and desktop devices. It fetches the url twice, once with a mobile user-agent, and once with a desktop-user agent."}, {"name": "PSI", "url": "https://github.com/addyosmani/psi", "description": "Node module for PageSpeed Insights reporting as part of your build process. Use directly with Gulp or use [grunt-pagespeed (\u2b50464)](https://github.com/jrcryer/grunt-pagespeed) if a Grunt user. For local testing, a write-up using this task and [ngrok](http://www.jamescryer.com/2014/06/12/grunt-pagespeed-and-ngrok-locally-testing/) is available.", "stars": "3.1k"}, {"name": "PageSpeed Insights DevTools extension", "url": "https://chrome.google.com/webstore/detail/pagespeed-insights-by-goo/gplegfbjlmmehdoakndmohflojccocli?hl=en", "description": "Chrome extension for running PageSpeed tests from inside the browser."}, {"name": "PageSpeed Insights Checker for mobile extension", "url": "https://chrome.google.com/webstore/detail/pagespeed-insights-checke/mkjmodmicmpjedhoekkmafdgpocdkbna?hl=en", "description": "checks Mobile PageSpeed score for every page and gives you a handy preview."}, {"name": "UnCSS", "url": "https://github.com/giakki/uncss", "description": "", "stars": "9.3k"}], "notes": [], "source": "Critical Path Css Tools"}, {"name": "Css Protips \u2014 Table of Contents", "entries": [{"name": "Protips", "url": "#protips", "description": ""}, {"name": "Support", "url": "#support", "description": ""}, {"name": "Translations", "url": "#translations", "description": ""}, {"name": "Contribution Guidelines", "url": "https://github.com/AllThingsSmitty/css-protips/blob/master/README.md/CONTRIBUTING.md", "description": ""}], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use a CSS Reset", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Inherit `box-sizing`", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `unset` Instead of Resetting All Properties", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `:not()` to Apply/Unapply Borders on Navigation", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Check if Font Is Installed Locally", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Add `line-height` to `body`", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Set `:focus` for Form Elements", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Vertically-Center Anything", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `aspect-ratio` Instead of Height/Width", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Comma-Separated Lists", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Select Items Using Negative `nth-child`", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use SVG for Icons", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use the \"Lobotomized Owl\" Selector", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `max-height` for Pure CSS Sliders", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Equal-Width Table Cells", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Get Rid of Margin Hacks With Flexbox", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use Attribute Selectors with Empty Links", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Control Specificity Better with `:is()`", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Style \"Default\" Links", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Intrinsic Ratio Boxes", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Style Broken Images", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `rem` for Global Sizing; Use `em` for Local Sizing", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Hide Autoplay Videos That Aren't Muted", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `:root` for Flexible Type", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Set `font-size` on Form Elements for a Better Mobile Experience", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use Pointer Events to Control Mouse Events", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Set `display: none` on Line Breaks Used as Spacing", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `:empty` to Hide Empty HTML Elements", "entries": [], "notes": [], "source": "Css Protips"}, {"name": "Css Protips \u2014 Use `margin-inline` instead of `margin`", "entries": [{"name": "\u7b80\u4f53\u4e2d\u6587", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN", "description": "", "stars": "29k"}, {"name": "\u6b63\u9ad4\u4e2d\u6587", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-TW", "description": "", "stars": "29k"}, {"name": "Deutsch", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/de-DE", "description": "", "stars": "29k"}, {"name": "Espa\u00f1ol", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/es-ES", "description": "", "stars": "29k"}, {"name": "Fran\u00e7ais", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/fr-FR", "description": "", "stars": "29k"}, {"name": "\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/gr-GR", "description": "", "stars": "29k"}, {"name": "\u0a97\u0ac1\u0a9c\u0ab0\u0abe\u0aa4\u0ac0", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/gu-IND", "description": "", "stars": "29k"}, {"name": "Italiano", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/it-IT", "description": "", "stars": "29k"}, {"name": "\u65e5\u672c\u8a9e", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ja-JP", "description": "", "stars": "29k"}, {"name": "\ud55c\uad6d\uc5b4", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ko-KR", "description": "", "stars": "29k"}, {"name": "Polskie", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pl-PL", "description": "", "stars": "29k"}, {"name": "Portugu\u00eas do Brasil", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pt-BR", "description": "", "stars": "29k"}, {"name": "Portugu\u00eas do Europe", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pt-PT", "description": "", "stars": "29k"}, {"name": "\u0420\u0443\u0441\u0441\u043a\u0438\u0439", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ru-RU", "description": "", "stars": "29k"}, {"name": "Ti\u1ebfng Vi\u1ec7t", "url": "https://github.com/AllThingsSmitty/css-protips/tree/master/translations/vn-VN", "description": "", "stars": "29k"}], "notes": [], "source": "Css Protips"}, {"name": "Jquery Tips Everyone Should Know \u2014 Table of Contents", "entries": [{"name": "Tips", "url": "#tips", "description": ""}, {"name": "Support", "url": "#support", "description": ""}, {"name": "Translations", "url": "#translations", "description": ""}, {"name": "Contribution Guidelines", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/blob/master/README.md/CONTRIBUTING.md", "description": ""}], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Use `noConflict()`", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Checking If jQuery Loaded", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Check Whether an Element Exists", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Use `.on()` Binding Instead of `.click()`", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Back to Top Button", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Preload Images", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Checking If Images Are Loaded", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Fix Broken Images Automatically", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Post a Form with AJAX", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Toggle Classes on Hover", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Disabling Input Fields", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Stop the Loading of Links", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Cache jQuery Selectors", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Toggle Fade/Slide", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Simple Accordion", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Make Two Divs the Same Height", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Open External Links in New Tab/Window", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Find Element By Text", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Trigger on Visibility Change", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 AJAX Call Error Handling", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Chain Plugin Calls", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Sort List Items Alphabetically", "entries": [], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Jquery Tips Everyone Should Know \u2014 Disable Right-Click", "entries": [{"name": "\u0431\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/bg-BG", "description": "", "stars": "4.3k"}, {"name": "Espa\u00f1ol", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/es-ES", "description": "", "stars": "4.3k"}, {"name": "Fran\u00e7ais", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/fr-FR", "description": "", "stars": "4.3k"}, {"name": "Magyar", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/hu-HU", "description": "", "stars": "4.3k"}, {"name": "\ud55c\uad6d\uc5b4", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/ko-KR", "description": "", "stars": "4.3k"}, {"name": "Portugu\u00eas do Europe", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/pt-PT", "description": "", "stars": "4.3k"}, {"name": "P\u0443\u0441\u0441\u043a\u0438\u0439", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/ru-RU", "description": "", "stars": "4.3k"}, {"name": "\u7b80\u4f53\u4e2d\u6587", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/zh-CN", "description": "", "stars": "4.3k"}, {"name": "\u7e41\u9ad4\u4e2d\u6587", "url": "https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/tree/master/translations/zh-TW", "description": "", "stars": "4.3k"}], "notes": [], "source": "Jquery Tips Everyone Should Know"}, {"name": "Tailwindcss", "entries": [{"name": "Useful links", "url": "#useful-links", "description": ""}, {"name": "IDE extensions", "url": "#ide-extensions", "description": ""}, {"name": "Tools", "url": "#tools", "description": ""}, {"name": "UI libraries, components & templates", "url": "#ui-libraries-components--templates", "description": ""}, {"name": "Plugins", "url": "#plugins", "description": ""}, {"name": "Tailwind Weekly", "url": "https://tailwindweekly.com/", "description": "Weekly newsletter about all things Tailwind CSS."}, {"name": "LSP support for Emacs", "url": "https://github.com/merrickluo/lsp-tailwindcss", "description": "Provides IntelliSense in Emacs.", "stars": "221"}, {"name": "Editor support for VS2022", "url": "https://github.com/theron-wang/VS2022-Editor-Support-for-Tailwind-CSS", "description": "IntelliSense, linting, sorting, and more in Visual Studio 2022.", "stars": "145"}], "notes": [], "source": "Tailwindcss"}], "total_entries": 13343, "subcategory_count": 947} |