Weekly Web Design & Development News: Collective #391

by jQueryScript,

Here's the 391st 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 #391

vanilla-extract

Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time.

vanilla-extract

[Download]


PenEditor

Simple Code Editor.

PenEditor

[Demo] [Download]


Clicky Menus

A fast, responsive, progressive enhancement, touch support, fully accessible dropdown menu for the web.

Clicky Menus

[Demo] [Download]


yogurt-layout

A small JS layout computation library, to organize space in SVGs and canvases.

yogurt-layout

[Download]


DOM Guard

A JavaScript library created to stop the browser’s devtool from modifying elements to prevent fraudsters from scamming by forging your web page.

DOM Guard

[Demo] [Download]


Shikijs

A JavaScript Library for Syntax Highlighting on the way with the themes you always wanted.

Shikijs

[Demo] [Download]


SocialShareJS

The SocialShareJS JavaScript library helps you generate highly customizable social sharing buttons to share your content/webpage on popular social networks.

SocialShareJS

[Demo] [Download]


Tailwind Toolbox Landing Page Template

An open source, generic landing page template for Tailwind CSS.

Tailwind Toolbox Landing Page Template

[Demo] [Download]


cleopatra

Clean & Minimal tailwind css Admin Dashboard Template.

cleopatra

[Demo] [Download]


d3-3d

d3-3d is meant for 3d visualizations. d3-3d allows the projection of 3d data onto the screen in the webbrowser. It is specially designed to work with d3.js.

d3-3d

[Demo] [Download]


Clone-Wars

100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube etc.

Clone-Wars

[View]


Infinite Cover Flow with GSAP

See the Pen Infinite Cover Flow w/ GSAP by Jhey (@jh3y) on CodePen.


React Gallery with Keyboard Control

See the Pen LIVE: React Gallery with Keyboard Control | @keyframers 3.24 by @keyframers (@keyframers) on CodePen.


Fluid text hover

See the Pen Fluid text hover by Robin Delaporte (@robin-dela) on CodePen.


youtube-thumbnail-tester-chrome-extension

Test your thumbnails and title in the YouTube Homepage.

[Download]


MARSON Display Font

A strong condensed displayfont in 3 styles. It's made from old rubber-stamps. Works great in branding, logotype, editorial, films, packaging.

MARSON Display Font

[Download]


Brandmed Medical Icons

Beautiful medical icons for both personal and commercial use.

Brandmed Medical Icons

[Download]