A set of the most recent and hottest design and growth sources (Javascript libraries, CSS snippets, Free Graphic Design Assets, and many others.) on the net from the final week (Week 12, 2024).
Net Design & Growth Information: Collective #545
Luna
Customizable React visible results parts that you could copy and paste into your design system. Free. Open Supply. Apply it on high of your design system.
[Download]
rc-modal
Fantastically designed Modal Part constructed with Radix UI and Tailwind CSS.
Pretzel
Pretzel is an open-source, offline browser-based device for quick and intuitive information exploration and visualization. It might deal with massive information information, runs domestically in your browser, and requires no backend setup. Pretzel makes it simple to control information by way of visible chained information rework blocks. It is also reactive – chaging an tranform block within the chain mechanically updates all rework blocks and charts that observe.
Xzero
A robust, interactive, JavaScript (ES6)-powered 3D viewer that allows you to show 3D fashions, scenes, and even 360° panoramas instantly in your web site.
Bytes
A tiny utility library that converts uncooked byte values into user-friendly codecs like “100 KB” or “50 MB”, and vice versa.
svg-pan-zoom
A easy JavaScript library that provides interactive zooming and panning to your SVGs, whether or not they’re embedded utilizing object ingredient or displayed inline.
Musique.js
Musique.js is a small JS library which goals to assist builders simply create melodies for his or her web sites, with just about no prior musical information!
Bladewind
Tremendous easy however elegant Laravel blade-based UI element library utilizing TailwindCSS and vanilla Javascript.
mdModal
A dynamic modal library that fetches content material from an exterior Markdown file (.md) after which shows it in a customizable modal window.
Wobbly-Buttons
The Wobbly-Buttons JavaScript library permits you to create a customized, interactive cursor on the web page.
As your cursor hovers over a button, the library expands the cursor to match the button’s form. This visible cue creates a way of connection between the cursor and the button, making your guests really feel just like the button is sticking to their cursor.
Picture Relay
Beautify your footage in a easy manner by cropping, merging, and stickers.
BrowserDiffusion
Chrome extension that augments your web site’s pictures with AI.
Toggle Elastic
See the Pen Toggle Elastic by Alvaro Montoro (@alvaromontoro) on CodePen.
Clear Toast Notifications – CSS
See the Pen Clear Toast Notifications – CSS by Josetxu (@josetxu) on CodePen.
Valorant Characters Banner
See the Pen Valorant Characters Banner by Yudiz Options Restricted (@yudizsolutions) on CodePen.
Card Slider
See the Pen Card Slider by Curtis Lawrence (@MisterCurtis) on CodePen.
Tabs based mostly on the small print tag
See the Pen Tabs based mostly on the small print tag by RYJASM (@RYJASM) on CodePen.
Upscale Your Favourite Anime Pictures/Movies With APISR AI
An AI resolution for super-resolving anime pictures. Restore readability and convey your favourite anime to life. Strive it now!
Get Correct Solutions On Any Matter With ThinkAny AI Search Engine
An AI-powered search assistant that understands your queries and delivers correct, related, high-quality solutions.
Correct Audio-to-Textual content Conversion with Skeleton Fingers AI Transcription
A free on-line AI device that precisely transcribes audio from URLs, information, or recordings into textual content.
Generate Excessive-quality PNG Pictures From Your Concepts – PNGMaker
Say goodbye to complicated modifying. PNGMaker delivers your good PNG picture from only a description. Expertise it now!
iPhone 15 Web site
Recreate the Apple iPhone 15 Professional web site, combining GSAP animations and Three.js 3D results. From customized animations to animated 3D fashions, this tutorial covers all of it.
Common icons package
A set of 84 vector icons for net & app design.
[Download]
Cartoon Avatars
[Download]