|
1 | | -# info-devtools |
| 1 | +# Dev Tools |
| 2 | + |
| 3 | +Below is a curated list of 100+ bookmarks collected over the years I |
| 4 | +felt would be useful for fellow devs. Currently grouped by `Core`, `Helpers`, |
| 5 | +`Platforms`, `Data`, `Design`, `Interface`, `Commerce`, `IT & Security`, |
| 6 | +`Business`, and `Hardware`. |
| 7 | + |
| 8 | +## Core |
| 9 | + |
| 10 | +These are tools core to the base/local developer experience like metaframeworks, key packages, etc. |
| 11 | + |
| 12 | +| Name | Description | |
| 13 | +| --------------------------------------------------- | ----------------------------------------------------------------------------------------- | |
| 14 | +| [Browserslist](https://browsersl.ist/) | Browser compatibility plugin for linting tools. | |
| 15 | +| [Bun.js](https://bun.sh/) | Fast JavaScript runtime, alternative to Deno and Node.js which use the slower V8 runtime. | |
| 16 | +| [Elysia.js](https://elysiajs.com/) | Web framework for Bun.js. | |
| 17 | +| [Hono.js](https://hono.dev/) | Web framework for Bun.js specifically for running on the edge. | |
| 18 | +| [FontSource](https://fontsource.org/) | Load open source fonts via npm packages. | |
| 19 | +| [Remix.js](https://remix.run/) | Full-stack SSR web framework for react with nested routes. | |
| 20 | +| [Astro.js](https://astro.build/) | Meta framework for building content-driven sites. | |
| 21 | +| [Vitest](https://vitest.dev/) | Drop-in Jest replacement with Vite for testing. | |
| 22 | +| [Prettier](https://prettier.io/) | Code styling | |
| 23 | +| [Playwright](https://playwright.dev/) | E2E testing alternative to Pupeteer and Cypress. | |
| 24 | +| [Capacitor.js](https://capacitorjs.com/) | API wrapper for building PWA’s. | |
| 25 | +| [Zustand](https://github.com/pmndrs/zustand) | App state management for React and vanilla JS. | |
| 26 | +| [TanStack Query](https://tanstack.com/query/latest) | Query state management for JS | |
| 27 | +| [Vanilla Extract](https://vanilla-extract.style/) | Zero-runtime Stylesheets in TypeScript | |
| 28 | +| [Uno CSS](https://unocss.dev/) | Alternative to Tailwind CSS. | |
| 29 | +| [Polypane](https://polypane.app/) | Browser built specifically for Front-End developers. | |
| 30 | +| [Typebox](https://github.com/sinclairzx81/typebox) | JSON schema type builder. Faster alternative to Zod, Yup. | |
| 31 | + |
| 32 | +## Helpers |
| 33 | + |
| 34 | +Nifty tools that help with completing certain tasks. |
| 35 | + |
| 36 | +| Name | Description | |
| 37 | +| ---------------------------------------------------------------- | --------------------------------------------------------- | |
| 38 | +| [Web Security Cheat Sheets](https://cheatsheetseries.owasp.org/) | Reference for web security best practices. | |
| 39 | +| [CSS Loaders](https://cssloaders.github.io/) | CSS-only loader animations. | |
| 40 | +| [Schema Validator](https://validator.schema.org/) | Validator for structured markup. | |
| 41 | +| [Regexr](https://regexr.com/) | Regex playground. | |
| 42 | +| [Magic Regexp](https://regexp.dev/) | Build regex using JS helpers. | |
| 43 | +| [VectorMagic](https://vectormagic.com/) | Convert png, jpg files to vectors. | |
| 44 | +| [Mailto Link](https://mailtolink.me/) | Build mailto links with to, subject, and body pre-filled. | |
| 45 | +| [Cubic Bezier](https://cubic-bezier.com/) | Cubic bezier playground for css animations. | |
| 46 | +| [Globster](https://globster.xyz/) | Glob matching playground. | |
| 47 | +| [Scollbar](https://scrollbar.app/) | Generates code for styling browser scrollbar. | |
| 48 | +| [IsSemantic](https://issemantic.net/) | Structured markup generator. | |
| 49 | + |
| 50 | +## Platforms |
| 51 | + |
| 52 | +Third-party software that would be key parts of an application, website, or deployment. |
| 53 | +E.g. hosting, CDN's, app builders, emails, etc. |
| 54 | + |
| 55 | +| Name | Description | |
| 56 | +| ------------------------------------------- | ------------------------------------------------------------------- | |
| 57 | +| [LambdaTest](https://www.lambdatest.com/) | Mobile apps and cross-browser testing platform. | |
| 58 | +| [Hyvor Talk](https://talk.hyvor.com/) | Adds a commenting system to website. | |
| 59 | +| [URLBox](https://www.urlbox.io/) | Website screenshot API for devs. | |
| 60 | +| [DeepSource](https://deepsource.com/) | Static code analysis, testing coverage, etc. | |
| 61 | +| [Mapbox](https://www.mapbox.com/) | Location and map APIs. | |
| 62 | +| [MeiliSearch](https://www.meilisearch.com/) | Open-source alternative to Algolia for search. | |
| 63 | +| [Basin](https://usebasin.com/) | Form backend. Send submissions to Basin to feed to other platforms. | |
| 64 | +| [Postmark](https://postmarkapp.com/) | Reliable transactional email delivery. | |
| 65 | +| [Bunny CDN](https://bunny.net/) | Cost-effective CDN for apps and websites. | |
| 66 | +| [Stytch](https://stytch.com) | Auth alternative to Auth0. Supports Passkeys. | |
| 67 | +| [Fly.io](https://fly.io/) | Serverless distributed cloud for hosting apps. | |
| 68 | +| [Supabase](https://supabase.com/) | Open source alternative to Firebase. | |
| 69 | +| [Novu](https://novu.co/) | Feed notifications to multiple channels (push, sms, email, etc.) | |
| 70 | +| [GlideApps](https://www.glideapps.com/) | NoCode business software builder. | |
| 71 | +| [Airplane.dev](https://www.airplane.dev/) | Alternative to Retool for building internal tools. | |
| 72 | +| [Storyblok](https://www.storyblok.com/) | Headless CMS with visual editor. | |
| 73 | +| [FlutterFlow](https://flutterflow.io/) | No-code tool for building Flutter apps. | |
| 74 | +| [Directus](https://directus.io/) | Low-code / no-code backend toolkit and admin. | |
| 75 | +| [Socket](https://socket.dev/) | Security management for packages (NPM, pypi, etc.). | |
| 76 | + |
| 77 | +## Data |
| 78 | + |
| 79 | +Software specifically for working with, publishing, and collecting data. Like integrations, |
| 80 | +data warehouses, analytics, etc. |
| 81 | + |
| 82 | +| Name | Description | |
| 83 | +| --------------------------------------- | --------------------------------------- | |
| 84 | +| [Octoparse](https://www.octoparse.com/) | Low code web scraper. | |
| 85 | +| [Pipedream](https://pipedream.com/) | Zapier alternative for devs. | |
| 86 | +| [Plausible](https://plausible.io/) | Privacy-focused web analytics. | |
| 87 | +| [Posthog](https://posthog.com/) | Open source product analytics. | |
| 88 | +| [Airbyte](https://airbyte.com/) | Feed platform / ETL for data stacks. | |
| 89 | +| [Tinybird](https://www.tinybird.co/) | Build API endpoints for data analytics. | |
| 90 | +| [Equals](https://equals.com/) | Spreadsheet-based business analytics. | |
| 91 | +| [Alloy](https://runalloy.com/) | Enterprise-grade integrations. | |
| 92 | +| [OpenReplay](https://openreplay.com/) | Open source session-replay. | |
| 93 | + |
| 94 | +## Design |
| 95 | + |
| 96 | +Tools for devs with a design background. |
| 97 | + |
| 98 | +| Name | Description | |
| 99 | +| ---------------------------------------- | ----------------------------------------- | |
| 100 | +| [Fontshare](https://www.fontshare.com/) | High quality open fonts. | |
| 101 | +| [Fontbase](https://fontba.se/) | Font manager for Windows, Mac, and Linux. | |
| 102 | +| [Fable](https://www.fable.app/) | Web-based motion design software. | |
| 103 | +| [CSS Patterns](https://css-pattern.com/) | CSS-based background patterns. | |
| 104 | + |
| 105 | +## Interface |
| 106 | + |
| 107 | +Packages, libraries, or software that help directly with building the ui. |
| 108 | + |
| 109 | +| Name | Description | |
| 110 | +| ---------------------------------------------------- | ----------------------------------------------------------- | |
| 111 | +| [Chart.js](https://www.chartjs.org/) | JavaScript chart library. | |
| 112 | +| [Swiper.js](https://swiperjs.com/) | JavaScript library for carousels and touch sliders. | |
| 113 | +| [Torchlight](https://torchlight.dev/) | Syntax highlighting library. | |
| 114 | +| [In-App Guidance & Onboarding](https://introjs.com/) | JavaScript library for user onboarding and in-app guidance. | |
| 115 | +| [Fuse.js](https://www.fusejs.io/) | Lightweight fuzzy-search JS library. | |
| 116 | +| [Motion One](https://motion.dev/) | Web animations API wrapper. | |
| 117 | +| [Tiptap](https://tiptap.dev/) | Headless open-source rich text editor. | |
| 118 | +| [Rive](https://rive.app/) | Powerful Lottie alternative for SVG-based animations. | |
| 119 | + |
| 120 | +## Commerce |
| 121 | + |
| 122 | +Ecommerce, POS systems, logistics, shipping, tax, etc. |
| 123 | + |
| 124 | +| Name | Description | |
| 125 | +| ---------------------------------------------- | -------------------------------------------------------------- | |
| 126 | +| [ERPNext](https://erpnext.com/) | Open source ERP. | |
| 127 | +| [QZ](https://qz.io/) | API for connecting to printers and POS devices. | |
| 128 | +| [EloTouch](https://www.elotouch.com/) | Touchscreens and POS hardware. | |
| 129 | +| [Stripe Terminal](https://stripe.com/terminal) | Stripe-based payment terminals. | |
| 130 | +| [Shippo](https://goshippo.com/) | Shipping API. | |
| 131 | +| [Epson](https://epson.ca/) | POS receipt printers. | |
| 132 | +| [TaxJar](https://www.taxjar.com/) | Sales tax compliance. | |
| 133 | +| [Zebra](https://www.zebra.com/us/en.html) | Shipping label printers and handheld scanners. | |
| 134 | +| [Zonos](https://zonos.com/) | International shipping compliance (duties, taxes, fees). | |
| 135 | +| [Voucherify](https://www.voucherify.io/) | Coupons, gift cards, referrals, loyalty, digital wallets, etc. | |
| 136 | +| [Gorgias](https://www.gorgias.com/) | Helpdesk software for ecommerce merchants. | |
| 137 | +| [Wise](https://wise.com/) | International bank account. | |
| 138 | +| [Medusa.js](https://medusajs.com/) | Open source headless ecommerce. | |
| 139 | +| [Swell Commerce](https://www.swell.is/) | Enterprise-grade, affordable headless ecommerce. | |
| 140 | +| [Ergonode](https://www.ergonode.com/) | Affordable product information management (PIM). | |
| 141 | +| [Vectary](https://www.vectary.com/) | Upload 3D files and embed in a website. | |
| 142 | +| [Bannerbear](https://www.bannerbear.com/) | Automated image generation API. | |
| 143 | + |
| 144 | +## IT & Security |
| 145 | + |
| 146 | +Help with SysAdmin and Network tasks. |
| 147 | + |
| 148 | +| Name | Description | |
| 149 | +| ------------------------------------------ | -------------------------------------------------------- | |
| 150 | +| [JumpCloud](https://jumpcloud.com/) | Cloud hosted active directory and identity management. | |
| 151 | +| [Twingate](https://www.twingate.com/) | VPN and shared resource management. | |
| 152 | +| [Tailscale](https://tailscale.com/) | VPN and shared resource management. | |
| 153 | +| [Dmarc Digests](https://dmarcdigests.com/) | DMARC reporting dashboard. | |
| 154 | +| [DNSimple](https://dnsimple.com/) | DNS management platform. | |
| 155 | +| [1Password](https://1password.com/) | Password manager with dev tools for API keys management. | |
| 156 | + |
| 157 | +## Business |
| 158 | + |
| 159 | +General helpdesks, CRMs, documentation, etc. |
| 160 | + |
| 161 | +| Name | Description | |
| 162 | +| ------------------------------------------- | ------------------------------------------------- | |
| 163 | +| [Chatwoot](https://www.chatwoot.com/) | Omnichannel customer support and chat. | |
| 164 | +| [Proton](https://proton.me/) | Privacy-first mail, calendar, and storage. | |
| 165 | +| [Enzuzo](https://www.enzuzo.com/) | Privacy compliance and cookie banner. | |
| 166 | +| [Whimsical](https://whimsical.com/) | Whiteboard tool. Alternate to Miro. | |
| 167 | +| [Morgen](https://www.morgen.so/) | Daily planner with tasks and calendar scheduling. | |
| 168 | +| [Thunderbird](https://www.thunderbird.net/) | Email client for Windows, Mac, and Linux. | |
| 169 | +| [Folk CRM](https://www.folk.app/) | New-gen lightweight CRM. | |
| 170 | + |
| 171 | +## Hardware |
| 172 | + |
| 173 | +Interesting tech hardware. |
| 174 | + |
| 175 | +| Name | Description | |
| 176 | +| --------------------------------------- | -------------------------------------------------- | |
| 177 | +| [Framework Laptop](https://frame.work/) | Laptops rated 10/10 on iFixit. Highly upgradeable. | |
| 178 | +| [Nuphy](https://nuphy.com/) | Stylish mechanical keyboards for enthusiasts. | |
0 commit comments