Frameworks and Libraries

Frameworks

• Scully - AngularJS static site generator
• StencilJS - Web Component Framework
• NextJS - React Framework

HTML

• Table Plugin

Static Site CMS

• Prismic
• Strapi
• Ghost
• Storyblok
• Contentful

Static Site

• StaticKit - Forms Toolkit
• Eleventy - Static Site Generator

JAM Full stack

• Redwood JS

JS Build Tools

• Snowpack
• Parcel

Component Library

• Chakra UI - for React
• Theme UI - Components
• Kickstand UI - Frameworkless Design System with component libraries
• Denali Themeable design system

Building Desktop Apps

• React NodeGui

Databases

• FoundationDB - open source and multi-model
• ksqldb - event streaming database
• Cockroach DB

Testing

• BrowserStack - App and browser testing
• Appium - Mobile testing
• Cypress - e2e testing for browser apps
• Gauge + Taiko
• Percy https://docs.percy.io/docs - visual testing
• visual regression tracker https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker
• Chromatic by storybook https://www.chromatic.com/features/test

CSS

Frameworks

• Tailwind CSS
• Shorthand CSS

CSS-in-JS

• Otion

Tools

Toolkit

• Toolkit

Blobs / Waves / SVGs

• Shape Divider - customize Waves etc
• Blob generator - generate blobs
• Squircley - generate organic shapes for logos / backgrounds
• Patternico - Create own pattern with icons

Patterns Generator

• BGjar
• Patterns
• Pattern Generator
• Hero Patterns - SVG Patterns

Shadows

• Smooth Shadows - generate a smooth shadow

Gradients

• Meshed Up Gradients
• Gradient Generator https://doodad.dev/gradient-generator/

Screenshots

• Snippet Shot - Generate screenshots of code from gist
• Screenshot Rocks - Generate screenshots
• AppWrap - Generate app screenshots
• Previewed - Mock up previews

Browser Tools

• Omatsuri - Browser tools (eg svg, fake data)
• Faven - Favicon generator
• Favicon maker - Favicon generator

Misc

• FreeTheDocs - Convert GoogleDocs to reStructuredText
• RevealJS - HTML Presentation Framework
• Leads generator - Generate sales leads through chat interface
• Shareon - Share buttons

Interaction Design

• Figma (able to collaborate)
• Sketch

Icons

• Tabler SVG icons
• ForgeSmith SVG icons
• CSS.gg
• SVG repo

Diagrams / Drawing tools

• Mermaid
• Excalidraw
• DbDraw - For databases
• Diagram Generation
• CloudCraft- Cloud Architecture Diagrams
• Isoflow - Cloud diagrams
• Pxl - Draw by pixels

Stock Images / Illustrations

• Flexiple(https://2.flexiple.com/scale/all-illustrations) - Illustrations
• Undraw - Illustrations
• Pexel - Stock images
• Unsplash
• Wordpress Openverse
• Illustrationlink

Resources & Guidelines

UI

• Forms guidelines
• Usability Heuristics
• Layout patterns

SAAS

Cloud

• Render - deploy apps/dbs/cron jobs/static sites
• Supabase - alternative to Firebase
• https://nginxproxymanager.com/

Translation

• CrowdIn

Analytics Tracker

• GoatCounter - Freemium
• Plausible - Premium
• Panelbear - Freemium

Auth

• Firebase/supabase auth
• Ory Cloud
• UserFront
• Clerk.def

Interesting to try

• Commitizen - for git commits
• Framer for Web
• Signal - Online MIDI Editor

Best Practices

• Docker Node
• Optimising Docker Layers