Weekly Web Design & Development News: Collective #414
Here's the 414th 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 #414
Web2Img
A tool to bundle your web files into a single image, and extract them via Service Worker at runtime.
Dopefolio
A Blazing Fast Multipage Portfolio Template for Developers.
Dont-crop
A small, dependency free javascript library to fit a gradient to an image or extract it's primary colors.
Tiny Texture Tumbler
A small JS library to create textures. Mainly useful for file size restricted competitions.
dark-light-mode
An alternative implementation of the dark mode that applies a spotlight effect to the entire page when the Dark Mode is activated.
Automatically replace jQuery
Automatically find jQuery methods from existing projects and generate vanilla js alternatives.
CSV Visualizer
A CSV to Table JavaScript library that parses CSV strings and renders the CSV data as an HTML table.
Nice Modal
A small, zero dependency utility to manage modals in a natural way for React. It uses context to persist state of modals globally so that you can show/hide a modal easily either by the modal component or id.
atom-loading
Recreating Windows 11 settings using vanilla HTML & CSS.
Vanilla-JS-Dark-Mode
A lightweight dark mode boilerplate that makes it easier to implement Dark Mode using vanilla JavaScript and web storage (local storage).
Constellation-effect
An interactive constellation effect that automatically generated connected particles when the mouse moves.
Canvas Scroll Clip
A standalone JavaScript micro-library for a fancy scroll based image sequence animation in canvas.
touch-x
Touch Swipe Library For Mobile/Desktop Devices. With event `x-swipe`, you can build a resizer, a drawer, a slide, sortable, even a game.
Textion
A javascript module for text animation.
Extended Search Box
[Download]
Rating Experience
See the Pen Rating Experience - input[type="range"] by Ismail Vittal (@ismailvtl) on CodePen.
Horizontal Carousel w/ GSAP Draggable
See the Pen Horizontal Carousel w/ GSAP Draggable by Tom Miller (@creativeocean) on CodePen.
Liquid UI Elements
See the Pen Liquid UI Elements by Aaron Iker (@aaroniker) on CodePen.
Mobile App for Recycling Habits UX/UI
A mobile App ui kit for waste recycling information to ease the day-to-day activities of people who have habits and awareness about waste recycling.
[Download]