Weekly Web Design & Development News: Collective #496
A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, DeveloGraphic Design Resources, etc.) on the web from the last week (Week 14, 2023).
Web Design & Development News: Collective #496
txt-shuffle
Customisable text shuffling animations.
CSV Annotations File Generator
Simple javascript program that generate a boilerplate (some csv files such as cea.csv and cta.csv) that facilitate the annotation using wikidata and foodon
[Download]
Simple RSC
A simple React Server Components implementation that you can build yourself.
Not another button component
A simple set of flat buttons written in SASS and HTML.
Draggable Range Slider
Range Slider Using HTML CSS & JavaScript. Contains a custom range slider with a gradient background.
text-particleizer
The TextParticleizer class, which makes the text destructible into particles, using the PIXI library and the usual javascript.
cursorjs
Create custom mouse cursor with pure vanilla JS (4kb) and CSS (optional) with no dependency.
GHover
A lightweight javascript tool to make awesome looking 3D hover effects on your website.
Pattern Collider
Pattern Collider is a tool for generating and exploring quasiperiodic tiling patterns. Every pattern that you create has a custom URL that you can bookmark & share.
[Download]
Pixel Transition Effects
Inspiration for “pixel” page transitions based on Niccolò Miranda’s animation.
Sport Web Layout
Web layout about sport
Portfolio-website-windows11
A unique portfolio website based of window11 gui.
CSS Galaxy Button
See the Pen CSS Galaxy Button by Jhey (@jh3y) on CodePen.
Clip path button focus effects
See the Pen Clip path button focus effects by Josh (@jdillon) on CodePen.
Emoji Radio Buttons
See the Pen Emoji Radio Buttons by Wakana Y.K. (@wakana-k) on CodePen.
Divido - Accessible SplitText (Nested Tag Support)
See the Pen Divido - Accessible SplitText (Nested Tag Support) by Paul Langton (@plankton) on CodePen.
Expanding Button
See the Pen Expanding Button by Abhinash (@abh1nash) on CodePen.
Universal Web Icons
A set of universal web icons for web & mobile apps.
[Download]
IBM Carbon Animated Icons
[Download]
Gfio serif font
[Download]
