Weekly Web Design & Development News: Collective #405

by jQueryScript,

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

Vanilla JS Landing Page with SVG Animations

Responsive landing page with SVG animations using CSS3 and vanilla Javascript.

Vanilla JS Landing Page with SVG Animations

[Demo] [Download]


million

Tiny and virtual DOM library for modern development.

million

[Demo] [Download]


exit-intent

Exit-intent popup in vanilla JavaScript.

exit-intent

[Demo] [Download]


React Admin Dashboard with Multiple Themes

Build React Admin Dashboard with Multiple Themes.

React Admin Dashboard with Multiple Themes

[Download]


neomorphic-login-form

Login form based on Neomorphism Concept.

neomorphic-login-form

[Download]


tinywind

A small collection of free Tailwind components.

tinywind

[Demo] [Download]


AsgarAlert

A beautiful, responsive, highly customizable and accessible replacement for JavaScript's popup boxes. Zero dependencies

AsgarAlert

[Demo] [Download]


polygon-splitter

A small (<10kb minified) javascript library for splitting polygons by a polyline.

polygon-splitter

[Demo] [Download]


splitterText

A vanilla JS + GSAP splitting text animation class with custom options

splitterText

[Demo] [Download]


balena-sound

Smart, Extensible Build Framework

balena-sound

[Download]


PostCSS Easy Z

PostCSS plugin to organize z-indices by declaring relations between them.

PostCSS Easy Z

[Download]


Firefox Vertical Tabs

Vertical tabs for Firefox, inspired by Edge.

Firefox Vertical Tabs

[Download]


healthicons

A collection of open source icons for public health projects.

healthicons

[Demo] [Download]


Animated Navbar using Flex and clip-path

See the Pen Animated Navbar using Flex and clip-path by Hiten Sharma (@hitensharma) on CodePen.


Styled native range input

See the Pen Styled native range input #46 (updated 2021) by Ana Tudor (@thebabydino) on CodePen.


CSS-only switch checkboxes

See the Pen CSS-only <switch> checkboxes by Jason Miller (@developit) on CodePen.


HARMONY Typeface

A modern serif typeface.

HARMONY Typeface

[Download]


Direction-aware marquee menu hover effect

Recreate the direction-aware marquee menu hover effect seen on the website of K72 by Locomotive.

Direction-aware marquee menu hover effect

[Demo] [Download]