A roundup of the newest and hottest growth & design sources (Javascript & CSS libraries, Code snippets, Internet Dev Information & Sources, Curated AI Instruments, Graphic Design Freebies, and so on.) from the previous week (Week 33, 2024).
Subscribe to our publication to get a weekly listing of latest internet dev sources in your inbox.
JavaScript & CSS
Emojify – A customizable emoji path javascript library that follows your mouse cursor, embedding playfulness and persona into any webpage. (Dwell Demo)
create-sticker – Library that provides a sticker impact to photographs with clear backgrounds. (Dwell Demo)
yoyoPopup – A customizable alert popup plugin that works with none dependencies. (Dwell Demo)
yoyoToast – A customizable toast notification plugin that operates with none dependencies. (Dwell Demo)
Light-weight-Textarea-Highlighter – Native JS library to let you spotlight ranges inside texareas. (Dwell Demo)
SnapSelect – A light-weight, customizable, and easy-to-use JavaScript plugin designed to boost the performance of HTML choose parts. (Dwell Demo)
ScrollFlow – A JavaScript library for scroll results that enables controlling the circulation of the web page navigation, overlaying the sections based mostly on scrolling. (Dwell Demo)
Stack – Open-source Clerk/Auth0 different.
Porffor – A from-scratch experimental AOT JS engine, written in JS.
GitBase – An open-source dynamic web site resolution with no conventional database, constructed with Subsequent.js, Tailwind CSS, and Shadcn/UI.
Diffusion Studio – A browser based mostly video processing framework. (Dwell Demo)
react18-use – React 19 use hook shim.
TargetJ – A robust JavaScript UI framework designed to simplify growth and animation. (Dwell Demo)
inputs – Assortment of enter fields constructed with shadcn-ui and radix-ui. (Dwell Demo)
PlaceholderJS – Ridiculously Easy and Light-weight Placeholders. (Dwell Demo)
tailwindcss-spring – A Tailwind CSS plugin that provides spring animations to your venture utilizing CSS linear(). (Dwell Demo)
uilayout – 50+ Free beautifull interactive react/nextjs part based mostly on tailwindcss, framer-motion, gsap and so on. (Dwell Demo)
Uncover extra JavaScript & CSS Libraries →
Developer Instruments & Sources
mpv – Command line video participant.
Scrape It Now – A easy Python option to scrape web sites.
Type Eyes – A command-line device for optimizing CSS information by combining associated properties into shorthand types.
Textual content to Brand & Favicon – Create knowledgeable brand & favicon in seconds, not days.
sniffnet – Software to comfortably monitor your Web visitors. Cross-platform, Intuitive, Dependable.
Graphic Design Freebies
100+ Furnishings & Home equipment Define Icons – A set of 104 free Furnishings & Home equipment icons in define type.
6 Colourful 3D Shapes In PNG – A set of 3D shapes consists of six high-quality PNG information that includes numerous geometric types: a twisted torus, a tetrahedron, a hoop, a sphere, a swirled sphere, and a rounded triangle.
9 Excessive High quality Grainy Gradient Textures – A set of 9 high-quality grainy gradient textures in HD JPG format.
Uncover extra Graphic Design Freebies →
Curated Free AI Instruments
SnapCV – Create a free, AI-powered portfolio with SnapCV and impress potential employers with a contemporary on-line presence.
ReadmeKraft – Generate Good GitHub READMEs For Free With AI.
Roast My HackerNews – Uncover how your HackerNews profile and actions look to others.
Profile Pic Maker – Rework Your Photographs Into Skilled Profile Pics With AI.
Uncover extra Free AI Instruments →
Information & Articles
Google Angular Lead Sees Convergence in JavaScript Frameworks (Hyperlink)
Draft for ECMAScript Error Secure Project Operator (Hyperlink)
Good Layouts With Container Queries (Hyperlink)
Syntax Highlighting in Hand-Coded Web sites (Hyperlink)
JavaScript & CSS Snippets
Animated Slider Swiper JS & Particles JS
See the Pen Animated Slider | Swiper JS & Particles JS by Ecem Gokdogan (@ecemgo) on CodePen.
Styled checkboxes
See the Pen Styled checkboxes by Chris Bolson (@cbolson) on CodePen.
Min Max Vary Slider with Tooltips & Scale
See the Pen Min Max Vary Slider with Tooltips & Scale by Chris Bolson (@cbolson) on CodePen.
Subgrids and Card layouts
See the Pen Subgrids and Card layouts by Amit (@ghaste) on CodePen.
