Home

Technologies

CSS Extensions

  • Sass

Stylesheet language, 2006, Hampton Catlin

- CSS preprocessor

  • Normalize.css (see under npm packages)

CSS Frameworks

  • Bootstrap

Framework, 2011, Twitter

- Built-in components

  • Tailwind CSS

Framework, 2019, Tailwind Labs

- No predefined components

  • Foundation

Framework, 2011, ZURB, volunteers, open source

- emphasis on accessibility

UI component libraries

  • shadcn/ui

- Built on top of Rand RadixUi and Tailwind CSS

- Provides prebuilt, styled React components (buttons, modals, dropdowns, etc.)

  • Radix UI

- Open‑source React component library

- Provides unstyled, accessible primitives (like dialogs, sliders, tooltips) that developers can style themselves

  • Material UI

- Comprehensive React UI framework

- Implements Google’s Material Design guidelines with ready‑to‑use components

Icon libraries

  • Lucide Icons

- Provides a set of clean, customizable SVG icons for use in web apps, ~1000+ icons

  • Feather Icons

- Projects needing ultra-light, minimalist icons, ~280 icons

  • Font Awesome

- Provides tens of thousands of scalable vector icons, including brand logos and UI symbols

Frontend Frameworks/Libraries

  • React

Library, 2013, Meta (Facebook, Instagram & open source community)

- Building Single Page Applications

- Can be used for static sites (with Gatsby and Next.js)

- Also for mobile development (React Native)

  • Angular

Framework, 2016, Google & open source community

- Building Single Page Applications, uses TypeScript (in contrary to the predecessor AngularJS)

- Full-featured framework for enterprise applications

- Can be used for Progressive Web Apps (PWAs)

  • Vue

Framework, 2014, Evan You (exGoogle employee) & online community

- Building Single Page Applications

- Can be used for static sites (Nuxt.js)

  • Svelte

Framework, 2016, Rich Harris, open source

- Building Single Page Applications

- Can be used for static sites (SvelteKit)

- Particularly efficient for smaller applications

Email Dispatch

  • Formspree

Email service for HTML and JavaScript Forms

- Free plan for 50 submissions, 2 linked emails

  • SendGrid

Email API, 2009, Twilio

- Free plan for 100 email/day

  • Resend

Email API Platform

- Free plan for 3000 email/month

  • Nodemailer (see under npm packages)

Images

  • Cloudinary

Cloudmanagement for images and videos, 2012

- Free plan for 25GB storage

  • Multer (see under npm packages)

React Libraries

  • Material UI

React open source component library, Google LLC, 2014

  • Mantine

React component library

  • Formik

React / React Native open source form library

NPM Packages

  • js-cookie

A simple, lightweight JavaScript API for handling cookies

npm i js-cookie

  • Luxon

 A library for working with dates and times in JavaScript.

npm i luxon

  • Multer

Node.js middleware for handling multipart/form-data and uploading files

npm i multer

  • Nodemailer

Sending emails from Nodejs

npm i nodemailer

  • Normalize.css

Default style configurator for HTML elements

npm i normalize.css

  • React-Hot-Toast

Notification tool for pop-up notifications in a react app

npm i react-hot-toast

  • React Toastify

Notification tool. Easily adding pop-up notifications to an app

npm i react-toastify

  • Husky

Automating Git Hooks for Code Quality.

Lets you automatically run scripts (like linting, testing, or formatting) before commits or pushes

npm i husky

  • server-seed

A CLI tool for setting up a backend environment with Express and MongoDB.

npm i server-seed