Weekly Web Design & Development News: Collective #213

Here's the 213th 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 #213

Frappe Charts

Simple, responsive, modern SVG Charts with zero dependencies.

[Demo] [Download]

tailwindcss

A utility-first CSS framework for rapidly building custom user interfaces.

[Demo] [Download]

Field Play

Vector fields explorer. Made with WebGL, love and passion.

[Demo] [Download]

chimee

A video player aims to bring wonderful experience on browser.

[Demo] [Download]

heml

HEML is an open source markup language for building responsive email.

[Demo] [Download]

stylable

Stylable enables you to write reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability.

[Demo] [Download]

hiq

A lightweight, progressive, high-IQ PostCSS framework.

[Demo] [Download]

solidarity

Solidarity is an environment checker for project dependencies across multiple machines.

[Demo] [Download]

PaperCSS

The Less Formal CSS Framework.

[Demo] [Download]

terminus

Terminus is a web technology based terminal heavily inspired by Hyper. It is, however, designed for people who need to get things done.

• Runs on Windows, macOS and Linux
• Theming and color schemes
• Configurable hotkey schemes
• GNU Screen style hotkeys available by default
• Full Unicode support including double-width characters
• Doesn't choke on fast-flowing outputs
• Tab persistence on macOS and Linux
• Proper shell-like experience on Windows including tab completion (thanks, Clink!)
• CMD, PowerShell, Cygwin, Git-Bash and Bash on Windows support
• Default Linux style hotkeys for copy (Ctrl+Shift+C) and paste (Ctrl+Shift+V)

[Demo] [Download]

halkaBox.js

A simple and basic Javascript lightbox.

[Demo] [Download]

Koa11y

Koa11y is a desktop app that allows you to automatically detect accessibility (a11y) issues on webpages.

[Demo] [Download]

Instant iPhone X Mockup

HTML5 + CSS iPhone X Mock up.

[Demo] [Download]

Kylo Ren CSS Page Preloader

A Star Wars Kylo Ren page preloader made with HTML and CSS only.

[Demo] [Download]

Flexbox Toggles

[Demo] [Download]