The Collective

Hand-picked interesting links for
web creators, updated daily.

Prefer a weekly digest?

How I program with LLMs

David Crawshaw details a year with LLMs, highlighting their impact on programming productivity, workflows, and testing, and introduces sketch.dev, a Go-focused LLM-integrated coding platform.

Christmas 2 Challenge

Explore creative festive 3D projects and vote for your favorites—votes are anonymous, you can select multiple entries (including your own), and the final results will be revealed once voting ends.

Stimulation Clicker

A minimalist and humorous online clicker game where players increase their "stimulation" count by clicking and unlocking upgrades, satirizing the addictive mechanics of clicker games.

:hover > :not(:hover), sorry not sorry

This article explores "focus by demotion" in CSS, showcasing creative techniques like fading and scaling non-hovered elements, advanced hover effects using :has() and custom properties, and how these approaches reduce visual clutter and enhance user focus.

DOOM: The Gallery Experience

DOOM: The Gallery Experience transforms the classic DOOM E1M1 level into a satirical virtual art gallery where players explore reimagined spaces and indulge in fine art and virtual wine.

Mokubara

An easy way to create impressive mockups for projects. It offers free 3D, animated, and realistic mockups to enhance design presentations.

CSS Flexbox Playground

The CSS Flexbox Playground is an interactive tool that lets you experiment with various Flexbox properties, see real-time changes to layouts, and copy the generated CSS for your projects.

Languine

Languine is an AI-powered, open-source command-line tool for automating localization, offering support for multiple file formats, intelligent translation features, and seamless integration into developer workflows.

World’s First MIDI Shellcode

This blog post documents an ambitious reverse engineering project on a Yamaha PSR-E433 synthesizer, culminating in the creation of "MIDI shellcode" to display the iconic "Bad Apple" video on the synth's LCD by leveraging custom assembly, memory manipulation, and MIDI protocol.

Balancing Text In CSS

This article by Ahmad Shadeed takes a deep dive into text balancing in CSS, covering features like text-wrap: balance and text-wrap: pretty to help designers and developers create cleaner, more readable layouts with practical examples and use cases.

8-bit Sine Scroller

This tutorial demonstrates how to recreate the classic 8-bit sine scroller effect using about 30 lines of JavaScript, using a bitmap font and HTML5 canvas for a nostalgic, animated text display.

Photoroom

An AI-powered photo editing tool designed to create professional-quality images by automatically removing backgrounds and enhancing visuals with ease.

API Parrot

A debugging tool for testing and simulating API calls, providing a simple interface to mimic API responses and behavior during development.

Orbit by Mozilla

Orbit lets you summarize emails, docs, articles, and videos across the web — without sacrificing your privacy.

Ghostty

Ghostty is a fast, feature-rich, and native terminal emulator designed for macOS and Linux, built with a focus on balancing speed, native UI integration, and advanced features for modern terminal use.

GitIngest

A tool that enables seamless integration of Git repositories into AI workflows, making it easier to analyze, summarize, and extract insights from codebases.

Next.js Book Inventory

A book inventory app template built with Next.js, Drizzle, and PostgreSQL to search, filter and paginate a large number of books.

Reweb

Reweb is a visual builder that enables fast, customizable web development with exportable Next.js and Tailwind code.

Browser Use

A tool for connecting AI agents to browsers, enabling automated browsing, scraping, and page interactions using LLM models.

Some Things About Keyframes

Ryan Mulligan's article delves into nuances of CSS keyframe animations, covering topics like duplicate keyframe properties, the significance of keyframe rule order, and applying custom easing functions within keyframes to enhance animation control.

Bitspace

Bitspace is an open-source creative computing environment that allows users to experiment with GLSL shaders and interactive inputs in a flexible, sandbox-like prototype. By Emil Widlund.

Office File to Markdown

MarkItDown is a browser-based tool that converts various file formats—including Microsoft Office documents, PDFs, images, and audio files—into Markdown, ensuring privacy by processing files entirely on your device.

Scroll-Driven Multi-Colored Line Indicator

This free lesson from Creative Coding Club demonstrates how to create multi-colored line indicators using GSAP's ScrollTrigger, providing a practical example of scroll-driven animations.

GPU Glossary

Modal's GPU Glossary is a hypertext resource designed to bridge fragmented GPU documentation, interlinking concepts across the hardware and software stack to create a comprehensive and navigable guide.

Turing Machines

This article introduces Turing machines, explaining their components, functionality, and significance in computing theory, and provides interactive examples to illustrate their operation.

Nyxt

A keyboard-driven, programmable browser for efficient navigation, multi-tab search, and customizable workflows.

Supahero

Curated collection of beautiful website hero sections. By Solt Wagner.

Optimizing Ruby’s JSON

A post about performance optimizations for Ruby’s JSON gem achieved through profiling-driven improvements, enhancing speed and reliability.

Base UI

Unstyled UI components for building accessible web apps and design systems.

Pinterest Predicts 2025

Pinterest Predicts is an annual trend forecast offering insights into upcoming cultural and consumer trends, based on emerging searches and behaviors on Pinterest.

GitHub Wrapped

A GitHub activity recap for 2024, showcasing top languages, commit streaks, and productivity highlights in a visually engaging story format.

Toms Toys

A collection of interactive games, puzzles, and web experiments designed to entertain and challenge users. Made by Tim Holman.

Background Image Remover

A web-based tool that allows users to automatically remove backgrounds from images in seconds with just one click. It operates entirely within the browser, ensuring privacy and speed, and is powered by Transformers.js. By Addy Osmani.

Wave Terminal

An open-source terminal emulator that enhances traditional command-line interfaces by integrating graphical widgets directly into the CLI.

OpenAUTH

OpenAuth is a universal, standards-based authentication provider that you can deploy as a standalone service or embed into existing applications.