A roundup of the newest and hottest improvement & 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 26, 2024).
Subscribe to our publication to get a weekly checklist of recent net dev sources in your inbox.
JavaScript & CSS
Theme toggle impact – Add easy theme toggle results with JavaScript and CSS. Excellent for darkish/gentle mode switches. Reside Demo
MentionerJS – Point out @customers, create #hashtags and take away http(s)/www from URLs simply – Vanilla JavaScript. Reside Demo
use-bootstrap-dialog – A JavaScript library for producing dialogs utilizing Bootstrap modals. Reside Demo
Auth0 UI Parts – A set of reusable React elements that may speed up app constructing with Auth0.
Portfolio – Minimalist developer portfolio utilizing Subsequent.js 14, React, TailwindCSS, Shadcn UI and Magic UI. Reside Demo
shadcn-minimal-tiptap – A Minimal Tiptap Editor part constructed for Shadcn. It offers a easy and clear editor for customers to write down and format textual content. Reside Demo
Nuxt Staff – SSR-safe, zero-config Internet Staff integration for Nuxt.
Minimal Subsequent Starter – An opinionated, tremendous minimal Subsequent.js starter template, various to create-next-app’s template.
Guarantees – A toolkit with helpful promise utilities that make the most of the facility of TypeScript.
Notion Subsequent.js Mini Equipment – a mini package for integrating Notion API with Subsequent.js. This package offers a easy and environment friendly approach to join your Subsequent.js functions with Notion to entry and show information.
Instructions – A brand new primitive for writing React elements that invoke asynchronous strategies simply.
Subsequent.js Starter Template – This template helps you get began together with your Subsequent.js challenge shortly.
Practical Earth – Simulate numerous pure phenomena to realize a lifelike illustration of the Earth. Reside Demo
Exome – State supervisor for deeply nested states.
LineTextHoverAnimations – Some hover animations for a terminal-like look. Reside Demo
Kind API – Simply add kinds to your web site and obtain emails for brand spanking new submission.
Responsive Product Card With Popup – Responsive Product Card With Popup Utilizing HTML CSS And JavaScript. Reside Demo
Uncover extra JavaScript & CSS Libraries →
Developer Instruments & Sources
SQLite Viewer – View and question SQLite databases instantly in your browser.
Native Storage Inspector – A browser extension that permits you to examine and handle localStorage.
Freestyle – The TypeScript native cloud.
Graphic Design Freebies
llama.ttf – A font containing a big language mannequin and inference engine.
Charmed Icons – Charming icon theme for Roblox tasks on MacOS.
Uncover extra Graphic Design Freebies →
Curated AI Instruments
chatgpt-artificats – Deliver Claude’s Artifacts function to ChatGPT.
Immediate Engineering Software – a web-based software designed to assist customers experiment with and optimize prompts for numerous massive language fashions (LLMs).
Free AI Gradient Generator – Create stunning CSS gradients with AI.
MagicRegexGenerator – Generate & Check Regex For Free With AI.
Soundeff – Generate distinctive, uncensored, professional-grade sound results free of charge with Soundeff AI.
Uncover extra Free AI Instruments →
Information & Articles
Why Google Sheets ported its calculation employee from JavaScript to WasmGC. Hyperlink
HSL: An Intuitive Method to Symbolize Shade in CSS. Hyperlink
Uniting Internet And Native Apps With 4 Unknown JavaScript APIs. Hyperlink
JavaScript & CSS Snippets
CSS Solely 3D Picture Carousel
See the Pen CSS Solely 3D Picture Carousel by Niklas Knaack (@NiklasKnaack) on CodePen.
Dropdown menu. Pure CSS, easy top animation
See the Pen Dropdown menu. Pure CSS, easy top animation by Alena (@solarrust) on CodePen.
Scifi Scroll UI
See the Pen Scifi Scroll UI by Juxtopposed (@Juxtopposed) on CodePen.
CSS-only Customized vary slider
See the Pen CSS-only Customized vary slider by Temani Afif (@t_afif) on CodePen.