Tuesday, May 13, 2025
HomejQueryWeekly Internet Design & Growth Information: Collective #600

Weekly Internet Design & Growth Information: Collective #600


A roundup of the most recent and hottest improvement & design sources (Javascript & CSS libraries, Code snippets, Internet Dev Information & Assets, Curated AI Instruments, Graphic Design Freebies, and so on.)  from the previous week (Week 15, 2025).

Subscribe to our e-newsletter to get a weekly listing of latest internet dev sources in your inbox.

JavaScript & CSS

8bitcn-ui – Light-weight & Versatile JavaScript Animation Engine (Dwell Demo)

Card Carousel – CSS-only Infinite Card Carousel with Clean Gradient Transitions. (Dwell Demo)

CSS-only Infinite Card Carousel with Smooth Gradient Transitions

copy-llms-txt – Copy Internet Content material as Markdown for LLMs. (Dwell Demo)

kaysa

AnimateVanilla.css – Fashionable CSS Animation Library Utilizing Customized Properties. (Dwell Demo)

Modern CSS Animation Library Using Custom Properties

ribbon-tile – Create Infinite Scrolling Ribbons with ribbon-tile Internet Part. (Dwell Demo)

Create Infinite Scrolling Ribbons with ribbon-tile Web Component

DotWave – Create Interactive Particle Backgrounds with Pure JavaScript. (Dwell Demo)

Create Interactive Particle Backgrounds with Pure JavaScript

prompt-kit – Excessive-quality UI Elements for AI Functions & SaaS.

High-quality UI Components for AI Applications & SaaS

StrictlyJS – A JavaScript library that handles client-side type validation with minimal configuration. (Dwell Demo)

StrictlyJS

shadstrapBootstrap 5 Theme with shadcn/ui Aesthetics. (Dwell Demo)

Bootstrap 5 Theme with shadcn/ui Aesthetics

Datastar – Helps you construct reactive internet purposes with the simplicity of server-side rendering and the facility of a full-stack SPA framework. (Dwell Demo)

3D Multiplayer – A light-weight 3D web-based multiplayer starter package utilizing Three.js, React, and SpacetimeDB. (Dwell Demo)

Fancy – A rising library of fancy, enjoyable, animated react elements & microinteractions to make the online enjoyable once more. (Dwell Demo)

mentoss – The easiest way to mock JavaScript fetch requests.

OpenRouter Package – A strong, versatile, and user-friendly TypeScript/JavaScript library for interacting with the OpenRouter API.

Kilpi -The open-source TypeScript authorization library designed for builders who want versatile, highly effective, and intuitive authorization. (Dwell Demo)

permix – A light-weight, framework-agnostic, type-safe permissions administration library. (Dwell Demo)

Elemap – TS library permitting to create interactive sport maps of assorted varieties, rendered utilizing HTML parts and CSS. (Dwell Demo)

grad-motion – JavaScript library for creating, animating, and manipulating CSS gradients and background patterns with ease.

Uncover extra JavaScript & CSS Libraries →


Internet Dev Instruments & Assets

liam – Routinely generates stunning and easy-to-read ER diagrams out of your database.

benchjs – Browser-based JavaScript benchmarking software.

shortcut-menus – An online interface to assist create stunning menus within the iOS Shortcuts app.

UI Inspector – Examine and edit any factor on any internet web page.

GitHubFolio – Flip your GitHub profile into a surprising minimal portfolio web site with simply your username.

Naked – Really Run Javascript All over the place.

llms-txt.io – Generate llms.txt information for AI-friendly web sites.

Graphfast – Create stunning line graphs in lower than 120 seconds.


Graphic Design Freebies

3D Crypto Icons  – 72 Free Premium 3D Crypto Icons.

3D Crypto Icons

FURS – Free Typeface Impressed by 80s Music Artwork.

FURS Font

Uncover extra Graphic Design Freebies →


Curated Free AI Instruments

MCP Servers – A listing of curated & open-source Mannequin Context Protocol servers.

Firebase Studio – An entire web-based improvement workspace from Google, designed to make it sooner and simpler to construct, ship, and handle full-stack, multiplatform apps from the consolation of your browser.

GitSummarize – Flip Any GitHub Repo into Instantaneous Documentation.

Sitemcp – Use sitemcp to fetch web sites and serve them as MCP servers for Claude Desktop, Cursor, and so on.

Browserable – Open supply and self-hostable browser automation library for AI brokers.

DeepCoder – Information-Pushed Software program Suggestions.

Agent2Agent – An open protocol to allow AI brokers from totally different distributors and frameworks to securely talk, collaborate, and coordinate actions throughout enterprise platforms.

EasyControl Ghibli – Flip Your Photographs into Ghibli Artwork with Free AI.

self.so – Flip Your Resume/LinkedIn right into a Private Web site.

Uncover extra Free AI Instruments →


Information & Articles

The 2025 AI Index Report from Stanford (Hyperlink)

Default kinds for h1 parts are altering (Hyperlink)

CSS Customized Properties vs. Sass Variables: A Pragmatic Information (Hyperlink)

Making :visited extra non-public (Hyperlink)

Use form() for responsive clipping (Hyperlink)

Higher typography with text-wrap fairly (Hyperlink)


JavaScript & CSS Snippets

Transaction listing with view transitions

See the Pen transaction listing with view transitions by Danny Moerkerke (@dannymoerkerke) on CodePen.


Museum of Clocks

See the Pen Museum of Clocks by Alexandre Vacassin (@alexandrevacassin) on CodePen.


Sticker filter

See the Pen Sticker filter by Kevin Grajeda (@kevin-carlos-grajeda-a) on CodePen.


Grainy sunburst

See the Pen grainy sunburst by Ana Tudor (@thebabydino) on CodePen.


Avatar Indicators, utilizing CSS Masks / Trig

See the Pen Avatar Indicators, utilizing CSS Masks / Trig by Simon Goellner (@simeydotme) on CodePen.


RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments