Weekly Web Design & Development News: Collective #504
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 22, 2023).
Web Design & Development News: Collective #504
Default composer
A JavaScript library that allows you to set default values for nested objects. The library replaces empty strings/arrays/objects, null, or undefined values in an existing object with the defined default values, which helps simplify programming logic and reduce the amount of code needed to set default values.
[Download]
ClubMate
ClubMate is a JavaScript library that enhances JavaScript projects with generative artificial intelligence capabilities.
[Download]
pseudo-shuffle.js
Make the index look like it is shuffled according to the range so that it is not conflicted without the actual shuffle.
ThreePipe
ThreePipe is a 3D framework built on top of three.js in TypeScript with a focus on quality rendering, modularity and extensibility.
- Simple, intuitive API for creating 3D model viewers/configurators/editors on web pages, with many built-in presets for common workflows and use-cases.
- Companion editor to create, edit and configure 3D scenes in the browser.
- Modular architecture that allows you to easily extend the viewer, scene objects, materials, shaders, rendering, post-processing and serialization with custom functionality.
- Simple plugin system along with a rich library of built-in plugins that allows you to easily add new features to the viewer.
- uiconfig compatibility to automatically generate configuration UIs in the browser.
- Modular rendering pipeline with built-in deferred rendering, post-processing, RGBM HDR rendering, etc.
- Material extension framework to modify/inject/build custom shader code into existing materials at runtime from plugins.
- Extendable asset import, export and management pipeline with built-in support for gltf, glb, obj+mtl, fbx, materials(pmat/bmat), json, zip, png, jpeg, svg, webp, ktx2, ply, 3dm and many more.
- Automatic serialization of all viewer and plugin settings in GLB(with custom extensions) and JSON formats.
- Automatic disposal of all three.js resources with built-in reference management.
CSS-SCSS
A project to design and implement various animations including 3D and slider using CSS and SCSS.
[Download]
Web LLM
WebLLM is a modular, customizable javascript package that directly brings language model chats directly onto web browsers with hardware acceleration. Everything runs inside the browser with no server support and accelerated with WebGPU. We can bring a lot of fun opportunities to build AI assistants for everyone and enable privacy while enjoying GPU acceleration.
Momentum.js
A JavaScript draggable library to help create natural-feeling drag motion for any element within the document. Works across desktop, mobile, and touch devices.
pure_javascript_slider
This repository contains the code for a pure JavaScript image slider. This simple yet versatile image slider can be used to display a sequence of images in a smooth, automated fashion.
svg-plotter
A library for plotting functions in an SVG diagram. Made with pure JavaScript and SVG.
dropdown-menu
Dropdown Menu Using HTML CSS & JavaScript. Contains a button that shows and hides the menu. Along with an animation when showing the menu.
user-agents
User-Agents is a JavaScript package for generating random User Agents based on how frequently they're used in the wild. A new version of the package is automatically released every day, so the data is always up to date. The generated data includes hard to find browser-fingerprint properties, and powerful filtering capabilities allow you to restrict the generated user agents to fit your exact needs.
Papermark
Papermark is an open-source document sharing alternative to DocSend with built-in analytics. Built with Vercel Storage and Vercel Edge Functions.
[Download]
Youtube-Downloader-Bookmarklet
A Javascript Bookmarklet That creates a menu for downloading YT Vids without needing any third party app nor site.
[Download]
Astro Portfolio Template
Portfolio with a blog part built with Astro.
[Download]
Landing page with swiper
See the Pen Landing page with swiper #css #swiper.js by Kristen (@kristen17) on CodePen.
split slider creative images carousel , fancy image slider
See the Pen split slider creative images carousel , fancy image slider by aman (@amandesigner) on CodePen.
Text Stroke Animation
See the Pen Text Stroke Animation by Tapio (@Taluska) on CodePen.
Testimonial Quote Carousel
See the Pen Testimonial Quote Carousel by Tom D (@donth77) on CodePen.
Icons With Glass and Color Tiles
See the Pen Icons With Glass and Color Tiles by Jon Kantner (@jkantner) on CodePen.
AI Weekly Digest Issue #7
Get your AI update with AI Weekly Digest Issue #7 for Week 22 of 2023. A curated selection of the most impactful AI news and events worldwide.
[Download]
20+ Best ChatGPT Prompts For Email Marketing
Discover 20+ handpicked ChatGPT prompts to supercharge your email marketing strategy, increase open rates, and drive sales conversions.
[View]
80+ Web And Mobile App Mockups Pack Figma
A set of 80+ web and mobile app mockups for your next design project on Instagram, Dribbble, Behance, and other social platforms.
[Download]
Retro Animated Illustrations
16+ animated & static components. 4 detailed animated illustrations.
[Download]