Weekly Web Design & Development News: Collective #530
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 49, 2023).
Web Design & Development News: Collective #530
stylex
StyleX is a JavaScript library for defining styles for optimized user interfaces.
Syntax.js
A lightweight, and easy-to-use, JavaScript library for code syntax highlighting!
TSDiagram
An online tool that helps you draft diagrams quickly by using TypeScript.
Full Stack AI
Full Stack AI is an open-source command-line interface tool that leverages AI to scaffold full-stack Next.js web applications. It builds on Kirimase, a CLI tool automating setup and configuration of Next.js apps with best practices in mind.
[Download]
Nightowl
A dead simple dark mode TypeScript library that instantly transforms any website into a soothing, eye-friendly dark theme with a single click.
sparkly-text
A lightweight web component that allows developers to easily add animated sparkles to text, making it shimmer and shine.
primevue-tailwind
A rich set of open-source UI components designed explicitly for Vue.js.
flexible-input
This package implements flexible <input> and <textarea> which expand and shrink to fit the content.
Live Editor with React, Quill, and Socket.IO
This project is a collaborative text editor built using React, Quill, and Socket.IO. It allows multiple users to simultaneously edit a document in real-time, with changes instantly reflected across all connected clients. The frontend is developed using Vite with React, providing a fast and efficient development environment.
[Download]
scrollmirror
ScrollMirror is a small yet powerful JavaScript library that allows you to synchronize the scroll positions of multiple scrollable elements on a web page. It works by mirroring the scroll position in either vertical or horizontal directions across any number of matched elements.
Break On Element
A custom element that is a declarative MutationObserver for debugging. Instead of opening your developer tools to set these breakpoints wrap the element in the <break-on> custom element.
IDLENESS
Idleness is a lightweight and customizable idle detection library to detect when a user has gone idle or inactive on your site after a period of time.
SimpleSearchableSelect
A standalone JavaScript library that transforms native select elements into filterable dropdowns. Key features include easy search and selection, autocompletion, multiple selections, swipe gestures for removing choices, asynchronous data fetching, and debounced input events for better performance.
Skeuomorphic Setting Switches
See the Pen Skeuomorphic Setting Switches by Jon Kantner (@jkantner) on CodePen.
Movie card with hover effect
See the Pen Movie card with hover effect by Julien Sulpis (@jsulpis) on CodePen.
Pure CSS Hamburger Menu
See the Pen Pure CSS Hamburger Menu by Nguyen Anh Tuan (@nguyenanhtuan) on CodePen.
Canva's Magic Mouse Effect
See the Pen Canva's Magic Mouse Effect by Hyperplexed (@Hyperplexed) on CodePen.
Star trails
See the Pen Star trails by Amit (@ghaste) on CodePen.
AI Weekly Digest Issue #34
Get your AI update with AI Weekly Digest Issue #34 for Week 49 of 2023. A curated selection of the most impactful AI news and events worldwide.
[Download]
Imagine With Meta AI
Imagine is Meta’s text-to-image generation service for the web. It allows users to turn text descriptions into high-quality images through Meta’s Emu image generation model.
tryEmoji
Transform emojis into stunning artwork with AI. Easy to use, open-source, and perfect for any project.
100% Free AI Face Swap & Reface Online Tool – Deepswapper
Swap faces between images instantly with Deepswapper's free AI tool - no watermarks or ads!
Ad Skipper
Ad Skipper is a browser extension designed to enhance your browsing experience on web by automatically skipping ads and much more.
[Download]
Glass Text Effect
A scroll-triggered sliced text animation, where segmented elements reunite while scrolling.
Fusion Vector Font
[Download]
