Front-end Technologies

OOCSS

OOCSS, or object-oriented CSS, is a methodology to help programmers write CSS that is succinct and easy to maintain. The purpose of OOCSS is to encourage code reuse and, ultimately, faster and more efficient stylesheets that are easier to add to and maintain.

PaperJS

Vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves.

Parcel

Parcel is a zero-configuration JavaScript bundler that simplifies the process of building web applications by automatically handling tasks like bundling, minification, and dependency management, allowing developers to focus on writing code.

PixiJS

An open source JavaScript Web Graphics Library, used as HTML5 2D rendering engine, has canvas fallback. Aims to provide a fast lightweight 2D library that works across all devices.

Polymer

An open-source JavaScript library for building apps via web components; developed by Google and used by a number of Google services, e.g. YouTube Gaming, Google I/O websites, Google Play Music. 

PostCSS

Software development tool that uses JavaScript-based plugins to automate routine CSS operations. PostCSS and its plugins are written in Node.js, so they can be managed with npm.

Preact

Preact is a JavaScript library claimed as a speedy alternative to React. It uses a virtual DOM (a way of managing web page updates) that's faster than what most other frameworks use. 

PrimeNG

Collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces. Based on the success of the PrimeFaces, it represents a subset of those components that target only AngularJS.

Prototype

JavaScript framework created as part of the foundation for Ajax support in Ruby on Rails. Distributed standalone, but also as part of larger projects, such as Ruby on Rails, script.aculo.us and Rico.

Qwik

Qwik is a JavaScript framework for building extremely fast web applications, focusing on efficient rendering and performance optimizations. It aims to reduce initial load times and deliver a seamless user experience.

ReactJS

JavaScript library which is used for building user interfaces specifically for single page applications and handling view layer for web and mobile apps. React also allows to create reusable UI components.

Recharts

Recharts is a popular open-source JavaScript charting library for creating interactive and customizable charts in React applications.

Redux

Framework-agnostic tool for managing both data-state and UI-state in JavaScript applications. Provides an easy way to centralize the state of your application. Best suited for Single Page Applications (SPAs) where managing state over time can be complex.

redux-saga

A library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, easy to test, and better at handling failures.

Relay

A framework for organizing JavaScript apps into scoped modules that are tied to HTML nodes. Allows each view to declare its own data requirements in the form of a GraphQL query fragment.

Rematch

A Redux framework enabling developers to write code that utilizes Redux best-practices without action types, action creators, switch statements, or thunks.

RequireJS

JavaScript file and module loader that helps load the scripts and manage dependencies between them. Optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node.

Rollup

A module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD.

RxJS

Library for working with asynchronous operations, with special emphasis on multi-valued operations. The library gives the developer a common "language" they can use to write functional code to manipulate asynchronous streams no matter the stream source.

SAML

XML-based framework for communicating user authentication, entitlement, and attribute information. Main purpose is facilitating the creation and exchanging security information between online partners.

Sass

Syntactically awesome stylesheets (Sass) is CSS pre-processor with syntax advancements. Stylesheets in the advanced syntax are processed by the program, and turned into regular CSS stylesheets.

SCSS

An extension of CSS. SCSS contains all the features of CSS, but has been expanded to include the features of Sass as well.

SCSS (Sassy CSS) is a type of syntaxes available for Sass, being an extension of the syntax of CSS. This syntax is enhanced with the Sass features described below. Files using this syntax have the .scss extension.

Skeleton

It is a lightweight CSS boilerplate. Skeleton doesn't require installation and has limited functionality, only what is necessary for kickstarting a small project. It can style the basic HTML elements, such as the grid, buttons, forms and lists, typography, tables, and media queries.

Socket.IO

JavaScript networking library that runs server-side on Node.js and in the browser. It abstracts away websockets and other communication schemes and thus enables to "push" messages from the client to the server and vice versa using symmetric syntax.

Solid.js

Solid.js is a JavaScript library for building user interfaces, particularly web applications. It focuses on performance and reactivity, offering a virtual DOM and fine-grained reactivity system to efficiently update the user interface.