Plasma Effect

Using CSS to create a CRT

Many of us remember televisions from our childhoods as these flickering glass behemoths. These were CRT TVs and they had a very different look to them than our LCD screens do today. I have attempted to assemble a set of CSS effects to replicate this look mainly by adding three things: screen-door effect, flicker, and color separation. The color separation idea originally came from the hyperpunk theme by Andre Staltz for the hyper terminal. The scanlines and flicker effects came from the CSS CRT screen effect codepen by Lucas Bebber.

Dangerous Light

On a lost effect from the analog film era.

Fullscreen rendering - Claude Code Docs

Enable a smoother, flicker-free rendering mode with mouse support and stable memory usage in long conversations.

Retro Wave

Turn your text into a retro-futuristic illustration

paint: a timeline — Kristen Roos

This timeline is the result of researching the origins of digital paint and draw software, and the tools that were developed to allow for hand manipulation (versus plotter drawn) drawing and painting - the mouse, light pen & drawing tablet. If we look at the software that has become commonplace today (such as adobe photoshop), which allows for painting, animation and photo manipulation in one, we can trace the roots of this software to the University and Corporate Labs that housed large computers with advanced capabilities for their time - MIT Lincoln Labs & Radiation Labs, DARPA & the Augmented Research Centre (ARC), Bell Labs, NYIT’s Computer Graphics Lab, Xerox Palo Alto Research Centre (Xerox PARC), NASA’s Jet Propulsion Labs (JPL). The artistic collaborations that grew out of these labs fueled the advent of Computer Graphics, Computer Art and Video Art from the 1960's to the 1990's.

🚨 Screen Studio charges $89 for this. Someone open sourced the entire thing for free. It's called OpenScreen. 8,400+ GitHub stars. You record your screen. It automatically transforms it into a polished, professional demo video. Auto-zoom into clicks. Smooth cursor animations. https://t.co/gCu83bTYX2

🚨 Screen Studio charges $89 for this. Someone open sourced the entire thing for free.It's called OpenScreen. 8,400+ GitHub stars.You record your screen. It automatically transforms it into a polished, professional demo video.Auto-zoom into clicks. Smooth cursor animations.… pic.twitter.com/gCu83bTYX2— Nav Toor (@heynavtoor) March 31, 2026

Mac Screen Recorder for Polished Videos | Screen Charm

Mac screen recorder with smart zoom effect, webcam overlay, motion blur, background music, 4K export, and built-in editor. One-time purchase, no subscription.

Studio 2am | Graphic Design Effects, Textures, Fonts, Mockups

Premium and free graphic design assets, effects, fonts, mockups, and textures for creatives. Download Photoshop effects, actions, templates and more.

EtienneLescot/openscreen

Create stunning demos for free. Open-source, no subscriptions, no watermarks, and free for commercial use. An alternative to Screen Studio.

Post by Blaine (@blaine.bsky.social) on Bluesky — View on Aturi

I built ionosphere.tv as a fun evening side-project / entry into @iame.li's awesome VOD JAM project. What it's evolved into is honestly much better than YouTub

Make It So: Interaction Design Lessons from Science Fiction

Many designers enjoy the interfaces seen in science fiction films and television shows. Freed from the rigorous constraints of designing for real users, sci-fi production designers develop blue-sky interfaces that are inspiring, humorous, and even instructive. By carefully studying these “outsider” user interfaces, designers can derive lessons that make their real-world designs more cutting edge and successful

Serum 2: Advanced Hybrid Synthesizer

The original motivation for creating Serum was to have a dream synthesizer that did not exist: a wavetable synthesizer with a truly high-quality sound, visual and creative workflow-oriented interface to make creating and altering sounds fun instead of tedious, and the ability to "go deep" when desired - to create / import / edit / morph wavetables, and manipulate these on playback in real-time.

Getting Started with the FV-1 | Electric Canary

Tutorial FV-1. Want to get started with DSP but don't know where to start? We'll look into the basics of DSP programming together and you'll be creating incredible digital effects in no time.

css.graphics/pipes

Endless 3D pipes inspired by the classic screensaver, rendered entirely with HTML and CSS using PolyCSS.