Weekly Web Design & Development News: Collective #487
A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, Free Graphic Design Resources, etc.) on the web from the last week (Week 5, 2023).
Web Design & Development News: Collective #487
Current.js
A tiny library (only 379 B) that allows you to access current `<meta>` elements.
css-modals
A collection of 3 modern animated modal window templates that can be used to display custom content or prompts to your users. Written in HTML, JavaScript, and CSS/CSS3.
emoji-palette
Get color palettes for emojis.
A Grid Rotation Concept
ozmenu.js
A modern, clean, responsive, multi-level dropdown menu written in vanilla JavaScript and CSS.
Checkbox-3d
A 3D animated checkbox design.
rbgen
This Javascript plugin randomly generates/applies an SVG background image to an HTML element.
Validate ZIP Codes with Regular Expressions
A Library of JavaScript Regular Expressions for validating if a specific Zip-code exists in a specific Country.
[Download]
Image Reveal Animations
A small and simple JavaScript library which uses GSAP to create some image reveal animations that trigger on HTML element hover.
ScrollyVideo.js
Components for scroll-based (or other externally controlled) playback.
cron-ai
An easy AI cron expression generator.
EmailHelper
Generate your business emails in seconds (by OpenAI).
Image Resizer
This is a Node.js script that resizes images to different sizes and scales and saves them in different formats. The script uses the sharp library to handle the image manipulation.
[Download]
Article Idea Generator
This simple tool generates article ideas for your blog or website. It's a great way to get started with your content marketing strategy.
Realtime 2D Lighting
See the Pen Realtime 2D Lighting by Kit Jenson (@kitjenson) on CodePen.
Micro Interactions: CSS Only Rotating Text on Hover
See the Pen Micro Interactions: CSS Only Rotating Text on Hover by Kevin Canlas (@kvncnls) on CodePen.
Shiny Tabs
See the Pen Shiny Tabs by Abhinash (@abh1nash) on CodePen.
Bokeh Lighting Background
See the Pen Bokeh Lighting Background by Wakana Y.K. (@wakana-k) on CodePen.
Vercha Typeface
A handmade typeface style that inspired from labels denim jeans. Designed to help you create the look of stunning custom hand-lettering.
[Download]
Valentine's 3D pack illustration
[Download]
Pet Adoption UI Kit
This is an exploration for a App for pet adoption
Feature
- Home screen design
- 5 Section
- Minimalist design
- Free Source
[Download]