Weekly Web Design & Development News: Collective #391
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.
[Download]
PenEditor
Simple Code Editor.
Clicky Menus
A fast, responsive, progressive enhancement, touch support, fully accessible dropdown menu for the web.
yogurt-layout
A small JS layout computation library, to organize space in SVGs and canvases.
[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.
Shikijs
A JavaScript Library for Syntax Highlighting on the way with the themes you always wanted.
SocialShareJS
The SocialShareJS JavaScript library helps you generate highly customizable social sharing buttons to share your content/webpage on popular social networks.
Tailwind Toolbox Landing Page Template
An open source, generic landing page template for Tailwind CSS.
cleopatra
Clean & Minimal tailwind css Admin Dashboard Template.
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.
Clone-Wars
100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube etc.
[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.
[Download]
Brandmed Medical Icons
Beautiful medical icons for both personal and commercial use.
[Download]