README.md

💷 Freelance

• https://wellfound.com/
• https://www.workingnomads.com/jobs

🧠 Ai

• https://hexomatic.com/ Web scraping + AI work automation
• https://app.fliki.ai/ Video creation made 10x simpler & faster with AI
• https://invideo.io/ Create videos with text prompts
• https://audiobox.metademolab.com/
• https://developers.cloudflare.com/workers-ai/ Cloudflare Workers AI
• https://clipchamp.com/en/ Quick and easy video editor (for Chrome and Edge only)
• https://luvvoice.com/ Free text to speech over 200 voices​ and 70 languages
• https://notebooklm.google/ NotebookLM

📱 React native

• https://github.com/zoontek/react-native-bootsplash
• Haptics Haptics - expo-haptics provides haptic (touch) feedback for iOS 10.0+ and Android.
• Vision Camera - 📸 The Camera library that sees the vision.
• Flipper - Extensible mobile app debugger
• React Native Bottom Sheet - A performant interactive bottom sheet with fully configurable options 🚀
• react-native-vision-camera - 📸 The Camera library that sees the vision.
• react-native-keyboard-tools - ⌨️ A list of components and tools that help to work with the keyboard in react-native.
• react-native-zoomable-view - 🖼️ A view component for react-native with pinch to zoom, tap to move and double tap to zoom capability.
• react-native-panorama-view - A simple component for displaying panoramic images in your React Native app.
• react-native-camera-kit by Tesla Motors - A high performance, easy to use, rock solid camera library for React Native apps.
• Eruda - Console for Mobile Browsers
• React Native Skia High Performance 2D Graphics
• react-native-mmkv - The fastest key/value storage for React Native. ~30x faster than AsyncStorage!
• react-native-bootsplash - Show a splash screen during app startup. Hide it when you are ready. Tutorial 🔗
• https://github.com/Temzasse/react-modal-sheet Flexible bottom sheet component built with Framer Motion
• https://github.com/EvanBacon/expo-quick-actions Add home screen quick actions / shortcuts to your React Native app
• https://zeego.dev/ Beautiful, native menus for React Native + Web, inspired by Radix UI.

🖥 Development

• Concurrently Concurrently - Run multiple commands concurrently. Like npm run watch-js & npm run watch-less but better.
• cross-env cross-env - Run scripts that set and use environment variables across platforms
• env-cmd env-cmd - Setting environment variables from a file
• wait-on wait-on - wait for files, ports, sockets, http(s) resources
• tslog Beautiful logging experience for TypeScript and JavaScript
• https://wxt.dev/ Next-gen Web Extension Framework
• https://mermaid.js.org/intro/ Mermaid lets you create diagrams and visualizations using text and code.
• https://open-source-license-chooser.toolsnav.top/zh/ 开源许可证选择器

🧪 Unit test

• react-hooks-testing-library - Simple and complete React hooks testing utilities that encourage good testing practices.
• React Native Testing Library

🛠 Lib & Helper

• https://tutorialkit.dev/ Increase Library Adoption with Interactive Coding Tutorials.

• https://naver.github.io/egjs-infinitegrid/ egjs - InfiniteGrid

• https://naver.github.io/egjs-flicking/ egjs - Flicking

• https://naver.github.io/egjs-view360/ egjs - View360

• https://naver.github.io/egjs-conveyer/ egjs - Conveyer

• https://naver.github.io/egjs-agent/ egjs - Extracts browser and operating system information from the user agent string or user agent object

• https://github.com/wclr/yalc Work with yarn/npm packages locally like a boss.

• https://github.com/pmndrs/use-gesture Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.

• react-hotkeys-hook - React hook for using keyboard shortcuts in components.

• next-route-visualizer - A package for visualizing Next.js app directory routes.

• exceljs - Excel Workbook Manager

• React Animated Navigator - an extension for react-router, which provides animated transitions between routes.

• docusaurus - Easy to maintain open source documentation websites.

• microbundle - Zero-configuration bundler for tiny modules.

• tsdx - Zero-config CLI for TypeScript package development.

• Immer - Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way.

• Immutablejs - Immutable persistent data collections for Javascript which increase efficiency and simplicity.

• Valve/fingerprintjs2 - Modern & flexible browser fingerprinting library.

• Plop - Micro-generator framework that makes it easy for an entire team to create files with a level of uniformity.

• HTML DOM - how to manage HTML DOM with vanilla JavaScript only.

• JSON formatter

• iHateRegex

• AutoRegex - Effortless conversions from English Regex

• 🦄 magic-regexp - A compiled-away, type-safe, readable RegExp alternative.

• Nano ID Nano ID - A tiny, secure, URL-friendly, unique string ID generator for JavaScript.

• Fscreen Fscreen - Fullscreen API

• query-string query-string - Parse and stringify URL query strings

• Hygen Hygen - The scalable code generator that saves you time.

• useAuth useAuth - React App Authentication

• SWR - React Hooks library for data fetching by Vercel. (See more React Query).

• 幸运大转盘 - 一个基于 Js + Canvas 的【大转盘 & 九宫格】抽奖

• React scroll sync - Synced scroll position across multiple scrollable elements

• json2mq - json2mq is used to generate media query string from JSON or javascript object.

• mathjax - Beautiful and accessible math in all browsers

• use-onclickoutside 🖱️ React hook for listening for clicks outside of an element

• jsonmatic 🖥️ Online Service - transform a CSV into a JSON

• React csv downloader

• introjs ⚠️ Commercial License Required - Introduce users to your product

• Handsontable ⚠️ Commercial License Required - Rock-solid data grid for web applications

• filesize.js

• Blitz - The Fullstack React Framework

• CountUp.js

• react-native-notifications

• React Native Share

• Color Thief - Grab the color palette from an image using just Javascript. Works in the browser and in Node

• React Hooks Collection

• react-is - test arbitrary values and see if they're a particular React element type.

• https://createapp.dev/ - Frontend build config generator

• cross-context-events - Send and receive events across JS execution context.

• jsome - Make your JSON objects look AWESOME!

• uppy - The next open source file uploader for web browsers

• React render tracker

• React Query hooks for Firebase

• useQueryParams - A React Hook, HOC, and Render Props solution for managing state in URL query parameters with easy serialization.

• redux-persist - persist and rehydrate a redux store

• code2flow - Pretty good call graphs for dynamic languages

• octokit - The all-batteries-included GitHub SDK for Browsers, Node.js, and Deno.

• reactfire - Hooks, Context Providers, and Components that make it easy to interact with Firebase.

• smooth-signature - H5带笔锋手写签名，支持PC端和移动端

• react-view-pdf - A simple and powerful PDF Viewer library for React.js.

• docxjs - Easily generate .docx files with JS/TS. Works for Node and on the Browser

• docx Easily generate .docx files with JS/TS with a nice declarative API. Works for Node and on the Browser.

• Firefox Relay - Protect your real email address to help control your inbox.

• grex - Generate a matching regular expression from the test cases you provide

• html-to-image - Generates an image from a DOM node using HTML5 canvas and SVG.

• OverlayScrollbars A javascript scrollbar plugin that hides native scrollbars

• tremor - The React library to build dashboards fast

• chrono - A natural language date parser in Javascript

• https://deno.com/blog/publish-esm-cjs-module-dnt by Deno team, the easiest way to publish a hybrid npm module for ESM and CommonJS

• https://github.com/vinejs/vine VineJS is a form data validation library for Node.js

• https://hyperformula.handsontable.com/ An open-source headless spreadsheet for business web apps

• https://github.com/Rich-Harris/devalue Like JSON.stringify, but handles

• https://imask.js.org/ vanilla javascript input mask

• https://s-yadav.github.io/react-number-format/docs/props React Number format

📺 Multimedia

• https://audiocut.app/ Automatically trim audio based on subtitles, removing gaps, noise, and duplicate content
• Pica - Resize image in browser with high quality and high speed
• youtube-dl - Command-line program to download videos from YouTube.com and other video sites
• remotion remotion - Create videos programmatically in React
• https://re.video/ an open-source framework for programmatic video editing
• use-smartcrop - React hook for smartcrop.js to content aware image cropping with points of interest and facial recognition.
• https://github.com/bbc/peaks.js Browser-based audio waveform visualization
• https://github.com/jakubfiala/atrament A small JS library for beautiful drawing and handwriting on the HTML Canvas.
• https://rmbg.fun/
• https://cutout.aiwave.cc/ 未道帮AI抠图
• https://geojson.hxkj.vip/ 乡镇地图geo json数据
• https://imagekit.io/ Media delivery & management
• http://jimp-dev.github.io/jimp/ The JavaScript Image Manipulation Program
• https://pngfree.ai/

SVG & Canvas

• https://github.com/paperjs/paper.js
• https://github.com/paperjs/paper.js
• https://github.com/fabricjs/fabric.js
• https://github.com/fabricjs/fabric.js
• https://github.com/adobe-webplatform/Snap.svg

📊 React Chart

• React-vis - a React visualization library by Uber.
• VICTORY - React.js components for modular charting and data visualization.
• Recharts - A composable charting library built on React components
• nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries.
• VX - vx is collection of reusable low-level visualization components.
• visx - visx a collection of expressive, low-level visualization primitives for React
• D3FC - Components to rapidly build fast, highly customisable, interactive charts with D3
• React Flow - Highly customizable library for building interactive node-based UIs, editors, flow charts and diagrams.
• Observable - Explore, visualize, and analyze data.
• reaflow - React library for building workflow editors, flow charts and diagrams
• plotly.js - Open-source JavaScript charting library behind Plotly and Dash.
• vizzu-lib - Library for animated data visualizations and data stories.
• mafs - React components for interactive math
• https://unovis.dev/ A modular data visualization framework for React, Angular, Svelte, Vue and vanilla TypeScript or JavaScript
• http://jquense.github.io/react-big-calendar/examples/?path=/story/about-big-calendar--page Big Calendar
• https://www.blocknotejs.org/ BlockNote
• https://github.com/Microsoft/roosterjs?tab=readme-ov-file roosterjs is a framework-independent javascript rich text editor.
• https://github.com/josdejong/jsoneditor A web-based tool to view, edit, format, and validate JSON
• https://observablehq.com/plot/ Observable Plot The JavaScript library for exploratory data visualization
• https://perspective.finos.org/ Perspective is an interactive analytics and data visualization component, which is especially well-suited for large and/or streaming datasets.

🎨 Design & CSS Lib

• adobe/leonardo - Authoring adaptive color palettes for generating color based on a desired contrast ratio.
• spectre - A Lightweight, Responsive and Modern CSS Framework.
• adobe/spectrum-css - The standard CSS implementation of the Spectrum design language.
• carbon-design-system/carbon - A design system built by IBM
• Mantine - A fully featured React components and hooks library
• mjml - The only framework that makes responsive email easy
• iconoir - A high-quality selection of free icons.
• https://lucide.dev/ Beautiful & consistent icons
• https://atlassian.design/components Atlassian's end-to-end design language
• https://www.designsystemhunt.com/ Discover 142 Design Systems
• https://stockcake.com/ Captivating Free Images for Every Occasion
• https://www.radix-ui.com/ An open source component library optimized for fast development
• https://jvm-docs.vercel.app/ Jsvectormap
• https://www.fffuel.co/ a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
• https://github.com/finos/calendar FINOS Calendar
• https://github.com/williamtroup/Calendar.js A javascript drag & drop event calendar, that is fully responsive and compatible with all modern browsers.
• https://github.com/nativewind/nativewind React Native utility-first universal design system - powered by Tailwind CSS
• git@github.com:callstack/linaria.git Zero-runtime CSS in JS library

minimum CSS lib

• https://concrete.style/
• https://milligram.io/
• http://getskeleton.com/

⚡ Performance

• quicklink - ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
• https://million.dev/ Identify and fix slow code–in minutes, not months.

🕋 Platform

• Strapi - The open source Headless CMS Front-End Developers love.
• Frontify - The React framework for WordPress
• Solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
• Cusdis - lightweight, privacy-friendly alternative to Disqus.
• TypeDoc - TypeDoc runs the TypeScript compiler and extracts type information from the generated compiler symbols.
• https://github.com/webui-dev/webui Use any web browser or WebView as GUI

✨ Effect & Animation

• https://ui.aceternity.com/ Make your websites look 10x better
• https://spline.design/ Spline - 3D Design tool in the browser with real-time collaboration
• Highway - A Modern Javascript Transitions Manager
• Framer Motion - Open source, production-ready animation and gesture library for React
• React Native Reanimated - React Native's Animated library reimplemented
• Remotion - Create motion graphics in React
• Rive - Create and ship beautiful animations to any platform
• Lottie by AirBnB - Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time.
• Vanta.js - Animated website backgrounds in a few lines of code.
• https://github.com/morellodev/react-awesome-reveal React components to add reveal animations using the Intersection Observer API and CSS Animations.
• https://motioncanvas.io/ A TypeScript library for creating animated videos using the Canvas API.
• https://magicui.design/ 50+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion
• https://www.hover.dev/ Animated UI Components for React & Tailwind
• https://github.com/opentypejs/opentype.js Read and write OpenType fonts using JavaScript. @used: https://youtu.be/sA-X0Bw_7Gg?t=202
• https://github.com/darkroomengineering/lenis How smooth scroll should be

For React Native

• Reanimated React Native Reanimated: https://docs.swmansion.com/react-native-reanimated/
• Moti: https://moti.fyi
• Marquee: https://github.com/animate-react-native/marquee
• Lottie lottie-react-native/lottie-react-native: https://github.com/lottie-react-native/lottie-react-native
• Rive: https://github.com/rive-app/rive-react-native
• pmndrs/react-spring: https://github.com/pmndrs/react-spring
• meliorence/react-native-snap-carousel: https://github.com/meliorence/react-native-snap-carousel
• oblador/react-native-animatable: https://github.com/oblador/react-native-animatable
• Skia Shopify/react-native-skia: https://github.com/Shopify/react-native-skia

🤹‍ Blogger

• Amelia Wattenberger - Front end developer on data visualization
• The Fullstack D3 book
• Rodrigo Pombo
• bulletproof-react - A simple, scalable, and powerful architecture for building production ready React applications.
• https://discoverthreejs.com/
• On Long Term Software Development

📋 CheatSheet

• The HTML Coded Character Set
• Free Country API
• 6 PDF Libs
• https://morioh.com/a/db0543ba9652/150-free-apis-for-software-and-web-development

🤝 Collaboration

• https://www.focalboard.com/ Open source project management for technical teams
• https://logseq.com/ A privacy-first, open-source platform for knowledge management and collaboration.

📀 DataBase & API

• Serverless Postgres
• express-validator
• Hasura - Instantly make your data accessible over GraphQL
• FaunaDB - The data API for your client‑serverless applications
• miragejs - A client-side server to build, test and share your JavaScript app
• msw - Seamless REST/GraphQL API mocking library for browser and Node.
• adonisx - Fastest way to create Rest API by defining database models and their relations.
• PocketBase - Open Source backend for your next SaaS and Mobile app in 1 file
• https://github.com/drawdb-io/drawdb