All the pieces it’s essential to know in growth & design this week, rounded up for you (Week 21, 2025).
You may discover essentially the most important issues proper now: Javascript & CSS libraries, helpful code snippets, essential internet dev information & assets, curated AI instruments, free design belongings, and loads of different good things we discovered!
Subscribe to our publication to get a weekly record of latest internet dev assets in your inbox.
JavaScript & CSS
Shadcn advertising blocks – Notion-Model Shadcn/UI Blocks for Advertising Web sites. (Stay Demo)
Basecoat – Fashionable UI Parts for Any Internet Stack.
cnblocks – 50+ Svelte 5 UI Blocks with Tailwind CSS & shadcn/ui. (Stay Demo)
paceui – Animated UI Parts Constructed with GSAP for Subsequent.js Apps. (Stay Demo)
tailwindcss-github-markdown – Apply GitHub’s Markdown Styling to Tailwind
solid-charts – Composable SVG Charts for SolidJS. (Stay Demo)
svelte-scroll-trackerr – Light-weight Progress Monitoring Part. (Stay Demo)
ForesightJS – Predict Consumer Intent Based mostly On Mouse Actions. (Stay Demo)
bootstrap-5-modal-dynamic – Dynamic Bootstrap 5 Modals through HTML Information Attributes. (Stay Demo)
Animatry – Coverflow Card Carousel with JavaScript and CSS/CSS3. (Stay Demo)
mason-it – Responsive Masonry Layouts with CSS Grid. (Stay Demo)
ray-editor – Light-weight WYSIWYG Editor for Fashionable Internet Apps. (Stay Demo)
stacked-slider – 3D Stacked Carousel with JavaScript and Tailwind CSS. (Stay Demo)
t
Filemoji – Auto-add File Kind Emojis to Your Doc Hyperlinks. (Stay Demo)
backPopup – Again Button Popup Library for Lead Technology. (Stay Demo)
Password-Energy-Checker – Vanilla JS Password Energy Checker for Higher Kind Safety. (Stay Demo)
bootstrap5-confirm-popover – Easy Affirmation Dialogs on Click on. (Stay Demo)
better-auth – Essentially the most complete authentication framework for TypeScript. (Stay Demo)
render-hooks – Inline render-block-stable React hooks. (Stay Demo)
with-react – A set of React elements that wrap React hooks to offer a extra composable API.
fastapi-ignite – A production-ready FastAPI boilerplate utility with a complete set of options for contemporary internet backend growth.
three-geojson – Three.js form loaders for GeoJSON and WKT codecs. (Stay Demo)
LudoGL – A WebGL2-only renderer constructed from scratch for studying functions.
thebrowserlab – A 3D editor and artistic coding surroundings that runs fully within the browser. (Stay Demo)
altcha – GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA different with PoW mechanism and superior anti-spam filter. (Stay Demo)
Open-Launch – The primary full open supply different to Product Hunt. (Stay Demo)
HelloCSV – A contemporary, drop in, frontend solely, CSV importer workflow. (Stay Demo)
Uncover extra JavaScript & CSS Libraries →
Internet Dev Instruments & Assets
llmbasedos – Minimal Linux OS with a Mannequin Context Protocol (MCP) gateway to reveal native capabilities to LLMs.
xtool – Cross-platform Xcode substitute. Construct and deploy iOS apps with SwiftPM on Linux, Home windows, macOS.
GoVisual – Zero-config, pure-Go HTTP request visualizer & debugger for native Go internet growth.
docmd – Generate stunning, light-weight static documentation websites from Markdown information.
shadcn-remover – A easy command-line instrument to shortly take away Shadcn UI elements out of your undertaking.
UI Builder + Mockup instrument – Sketch UI mockups immediately on reside web sites in Chrome.
Aha Icon – Create skilled web site icons and favicons on-line at no cost.
Graphic Design Freebies
Artify AI Picture Enhancing App UI Package – 50+ screens to construct your subsequent photograph app.
50+ Free Social & AI Icons – 50 icons themed round social media and synthetic intelligence.
Fashionable B2B Web site Template – A contemporary web site template designed for B2B know-how firms, SaaS suppliers, and engineering corporations.
Mesh Gradients – 10 Free Mesh Gradients for Internet and Print Design.
SVG Icons – Search, customise, and obtain high-quality, open-source SVG icons in your tasks.
Uncover extra Graphic Design Freebies →
Curated AI Instruments for Builders and Designers
OpenAI Codex – A cloud-based software program engineering agent that solutions codebase questions, executes code, and drafts pull requests.
Browse Use – Make web sites accessible for AI brokers by extracting all interactive components, so brokers can concentrate on what makes their beer style higher.
Windsurf SWE-1 – Windsurf’s first frontier mannequin household, constructed to speed up all the software program engineering course of, not simply coding.
Webifier – The primary AI web site generator constructed for makers & businesses.
gh-explorer – AI-powered instrument for analyzing GitHub trending repositories and URL metadata.
Pollixir AI – Free and Sensible AI Survey & Ballot Maker
Auto Thoughts – AI-Generated Thoughts Maps That Develop With Your Ideas.
Codermon AI – Flip GitHub Profiles to 3D Persona Playing cards.
Uncover extra Free AI Instruments →
Information & Articles
Begin constructing with Materials 3 Expressive (Hyperlink)
HTML E-mail Accessibility Report 2025 (Hyperlink)
Constructing A Sensible UX Technique Framework (Hyperlink)
Getting AI to jot down good SQL: Textual content-to-SQL strategies defined (Hyperlink)
If AI is so good at coding … the place are the open supply contributions? (Hyperlink)
The way to have the browser choose a contrasting shade in CSS (Hyperlink)
JavaScript & CSS Snippets
animated tabs with view transitions
See the Pen animated tabs with view transitions by Danny Moerkerke (@dannymoerkerke) on CodePen.
Million Occasions Mini Clock Idea
See the Pen Million Occasions Mini Clock Idea by Vineeth.TR (@vineethtrv) on CodePen.
Hero Masks Reveal (Suz Sirunyan’s design) / Filter model
See the Pen Hero Masks Reveal (Suz Sirunyan’s design) / Filter model by Antoine Wodniack (@wodniack) on CodePen.
Glowing border with infinite animation (hover for a easy cease)
See the Pen Glowing border with infinite animation (hover for a easy cease) by Temani Afif (@t_afif) on CodePen.
