Weekly Web Design & Development News: Collective #249

by jQueryScript,

Here's the 249th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #249

Phenomenon

Phenomenon is a very small, low-level WebGL library that provides the essentials to deliver a high performance experience. Its core functionality is built around the idea of moving millions of particles around using the power of the GPU.

  • Small in size, no dependencies
  • GPU based for high performance
  • Low-level & highly configurable
  • Helper functions with options
  • Add & destroy instances dynamically

Phenomenon

[Demo] [Download]

brutal.js

A crazy-small framework for building brutalist web applications.

brutal.js

[Download]

teutonic-css

Teutonic CSS is a modern web design system to develop responsive, accessible websites and web applications. It's based on CSS Variables for easy customization and extension. It features cool tech like CSS Grid. The source is a collection of SCSS modules, but you can use the minified version, as it can be modified using CSS Vars.

teutonic-css

[Demo] [Download]

kleur

The fastest Node.js library for formatting terminal text with ANSI colors.

kleur

[Download]

script-progress

A simple tool for heavy NPM/Yarn scripts that run for a long but roughly identical time. It's not intended to be precise but gives you some sense of execution time.

script-progress

[Download]

cvat

CVAT is completely re-designed and re-implemented version of Video Annotation Tool from Irvine, California tool. It is free, online, interactive video and image annotation tool for computer vision. It is being used by our team to annotate million of objects with different properties. Many UI and UX decisions are based on feedbacks from professional data annotation team.

cvat

[Download]

SCSScale

Typographic modular scale starter based on body's font-size built on SCSS.

SCSScale

[Demo] [Download]

rifm

React Input Format & Mask, tiny (≈650b) component to transform any input component into formatted or masked input.

rifm

[Demo] [Download]

TileBoard

This is a simple yet highly customizable dashboard for Home Assistant. The main goal of this project was to create simple dashboard with an easy way to edit and add functionality with minimum knowledge of javascript and html.

TileBoard

[Demo] [Download]

androme

Converts and optimizes HTML pages with JavaScript into the various standard Android layouts in XML. Resources are also auto-generated. iOS will be supported including a browser based UI designer.

androme

[Download]

rete

Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.

rete

[Demo] [Download]

taskbotjs

TaskBotJS is a job queue and processing service for NodeJS applications. Using Redis as a background store, TaskBotJS allows you to offload long-running jobs away from your web application and handles all the rough edges involved: job scheduling, handling failures and retries, priority queueing, and the works. It's designed to make developers and operators happy to use it. Above everything else, TaskBotJS just wants to get out of your way so you can get your work done.

taskbotjs

[Demo] [Download]

Manrope Font

Manrope font is an open-source modern sans-serif font family. Designed by Michael Sharanda in 2018. Supports most of Latin & Cyrillic languages.

Manrope Font

[Download]

Janji Neue Font

Janji Neue Font

[Download]

The New Black Free Bootstrap4 Template

Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.

The New Black Free Bootstrap4 Template

[Demo] [Download]