A group of the most recent and hottest design and improvement sources (Javascript libraries, CSS snippets, DeveloGraphic Design Sources, and many others.) on the internet from the final week (Week 22, 2023).
Internet Design & Improvement Information: Collective #504
Default composer
A JavaScript library that means that you can set default values for nested objects. The library replaces empty strings/arrays/objects, null, or undefined values in an current object with the outlined default values, which helps simplify programming logic and scale back the quantity of code wanted to set default values.
[Download]
ClubMate
ClubMate is a JavaScript library that enhances JavaScript initiatives with generative synthetic intelligence capabilities.
[Download]
pseudo-shuffle.js
Make the index appear like it’s shuffled based on the vary in order that it isn’t conflicted with out the precise shuffle.
ThreePipe
ThreePipe is a 3D framework constructed on prime of three.js in TypeScript with a deal with high quality rendering, modularity and extensibility.
- Easy, intuitive API for creating 3D mannequin viewers/configurators/editors on internet pages, with many built-in presets for frequent workflows and use-cases.
- Companion editor to create, edit and configure 3D scenes within the browser.
- Modular structure that means that you can simply lengthen the viewer, scene objects, supplies, shaders, rendering, post-processing and serialization with customized performance.
- Easy plugin system together with a wealthy library of built-in plugins that means that you can simply add new options to the viewer.
- uiconfig compatibility to mechanically generate configuration UIs within the browser.
- Modular rendering pipeline with built-in deferred rendering, post-processing, RGBM HDR rendering, and many others.
- Materials extension framework to switch/inject/construct customized shader code into current supplies at runtime from plugins.
- Extendable asset import, export and administration pipeline with built-in assist for gltf, glb, obj+mtl, fbx, supplies(pmat/bmat), json, zip, png, jpeg, svg, webp, ktx2, ply, 3dm and plenty of extra.
- Automated serialization of all viewer and plugin settings in GLB(with customized extensions) and JSON codecs.
- Automated disposal of all three.js sources with built-in reference administration.
CSS-SCSS
A venture to design and implement numerous animations together with 3D and slider utilizing CSS and SCSS.
[Download]
Internet LLM
WebLLM is a modular, customizable javascript bundle that instantly brings language mannequin chats instantly onto internet browsers with {hardware} acceleration. Every thing runs contained in the browser with no server assist and accelerated with WebGPU. We will carry lots of enjoyable alternatives to construct AI assistants for everybody and allow privateness whereas having fun with GPU acceleration.
Momentum.js
A JavaScript draggable library to assist create natural-feeling drag movement for any ingredient throughout the doc. Works throughout desktop, cell, and contact gadgets.
pure_javascript_slider
This repository comprises the code for a pure JavaScript picture slider. This straightforward but versatile picture slider can be utilized to show a sequence of photographs in a clean, automated style.
svg-plotter
A library for plotting features in an SVG diagram. Made with pure JavaScript and SVG.
dropdown-menu
Dropdown Menu Utilizing HTML CSS & JavaScript. Comprises a button that exhibits and hides the menu. Together with an animation when exhibiting the menu.
user-agents
Consumer-Brokers is a JavaScript bundle for producing random Consumer Brokers primarily based on how often they’re used within the wild. A brand new model of the bundle is mechanically launched on daily basis, so the info is all the time as much as date. The generated information consists of arduous to seek out browser-fingerprint properties, and highly effective filtering capabilities will let you prohibit the generated consumer brokers to suit your actual wants.
Papermark
Papermark is an open-source doc sharing different to DocSend with built-in analytics. Constructed with Vercel Storage and Vercel Edge Features.
[Download]
Youtube-Downloader-Bookmarklet
A Javascript Bookmarklet That creates a menu for downloading YT Vids with no need any third social gathering app nor website.
[Download]
Astro Portfolio Template
Portfolio with a weblog half constructed with Astro.
[Download]
Touchdown web page with swiper
See the Pen Touchdown web page with swiper #css #swiper.js by Kristen (@kristen17) on CodePen.
cut up slider artistic photographs carousel , fancy picture slider
See the Pen cut up slider artistic photographs carousel , fancy picture slider by aman (@amandesigner) on CodePen.
Textual content Stroke Animation
See the Pen Textual content 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 Coloration Tiles
See the Pen Icons With Glass and Coloration Tiles by Jon Kantner (@jkantner) on CodePen.
AI Weekly Digest Subject #7
Get your AI replace with AI Weekly Digest Subject #7 for Week 22 of 2023. A curated number of probably the most impactful AI information and occasions worldwide.
[Download]
20+ Greatest ChatGPT Prompts For E mail Advertising and marketing
Uncover 20+ handpicked ChatGPT prompts to supercharge your electronic mail advertising technique, enhance open charges, and drive gross sales conversions.
[View]
80+ Internet And Cell App Mockups Pack Figma
A set of 80+ internet and cell app mockups in your subsequent design venture on Instagram, Dribbble, Behance, and different social platforms.
[Download]
Retro Animated Illustrations
16+ animated & static elements. 4 detailed animated illustrations.
[Download]