A roundup of the most recent and hottest improvement & design assets (Javascript & CSS libraries, Code snippets, Internet Dev Information & Assets, Curated AI Instruments, Graphic Design Freebies, and so forth.) from the previous week (Week 48, 2024).
Subscribe to our publication to get a weekly checklist of recent net dev assets in your inbox.
JavaScript & CSS
bluesky-comments-tag – Add Bluesky feedback to your web site with zero dependencies. (Reside Demo)
sveltednd – Add Drag and Drop to Your Svelte App. (Reside Demo)
Clipify – Superior Clipboard Administration in JavaScript. (Reside Demo)
Quantity Circulation – Responsive and Versatile Toast Alerts. (Reside Demo)
iselect – Accessible and Trendy Choose Dropdowns. (Reside Demo)
cursify – Add dynamic cursor animations to React & Subsequent.js apps. (Reside Demo)
snow-theme – Implement a falling snow impact in your web site utilizing Snow Theme. (Reside Demo)
Quantum Particle Animation – An interactive quantum particle simulation that creates mesmerizing visible results utilizing HTML5 Canvas. (Reside Demo)
masked-password – Securely masks delicate inputs with the light-weight masked-password library. (Reside Demo)
senangwebs-gallery – A Vanilla JavaScript library that creates a contemporary, responsive, mobile-friendly, high-performance gallery lightbox. (Reside Demo)
css-zero – An opinionated CSS starter equipment on your “nobuild” utility. (Reside Demo)
React Native Shiki Engine – Shiki syntax highlighting for React Native. Zero bridge overhead with native Oniguruma regex engine.
mielo.css – Trendy UI framework for net, impressed desktop design. (Reside Demo)
persist-form – Persist kind values throughout web page refreshes and shopper aspect routing with non-obligatory React parts and hooks.
launch-ui – Touchdown web page equipment constructed with React, Shadcn/ui and Tailwind that you may copy/paste into your challenge. (Reside Demo)
responsive-dropdown-profile-menu – Responsive Dropdown Profile Menu Utilizing HTML CSS And JavaScript.
Uncover extra JavaScript & CSS Libraries →
Internet Dev Instruments & Assets
BeeSync – A privacy-focused, local-first, open-source, and ready-to-use various for Notion & Miro.
Flowtide – A ravishing, good New Tab web page on your browser.
Pureanim – Your SVG animation toolkit.
syntaxcv – The resume builder for builders.
Clipboard Canvas – A free clipboard supervisor that helps designers and builders arrange and entry their clipboard content material effectively. Options textual content snippets, code snippets, and clipboard historical past.
Graphic Design Freebies
Model & Utility Icons – 30 Free Minimal Model & Utility Icons For iOS.
Christmas Banners & Illustrations – 20+ Christmas Banners & Illustrations for Festive Designs.
Uncover extra Graphic Design Freebies →
Curated Free AI Instruments
llms.txt – AI-Powered YouTube Seek for College students and Educators.
Flashlearn – Free AI Transforms Udemy Programs into Interactive Examine Supplies.
Cali – Free AI Agent To Construct React Native Apps 5X Quicker.
Dewatermark AI – An open-source Node.js library that permits you to management your browser utilizing pure language, impressed by Claude’s Laptop Use.
Uncover extra Free AI Instruments →
Information & Articles
Synthetic Intelligence and the Way forward for Work (Hyperlink)
15 Should-Know Internet APIs That Work Throughout Most Browsers (Hyperlink)
Exploring Typesafe design tokens in Tailwind 4 (Hyperlink)
The Ease of JSX with the ability of SSR (Hyperlink)
JavaScript & CSS Snippets
The Rainbow is Watching
See the Pen The Rainbow is Watching by Nick Watton (@2Mogs) on CodePen.
Liquid Distortion Impact (WebGL)
See the Pen Liquid Distortion Impact (WebGL) by Ksenia Kondrashova (@ksenia-k) on CodePen.
Wavy Traces / Canvas 2D model
See the Pen Wavy Traces / Canvas 2D model by Antoine Wodniack (@wodniack) on CodePen.
easy `grid` with reveal + resize on `hover`
See the Pen easy `grid` with reveal + resize on `hover` by mandynicole (@mandynicole) on CodePen.
