The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Made a kaleidoscope for the browser with webgl, using claude fable.
There's audio reactive mode, a camera view, and different geometries to explore.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Kollektiv: The Open-Source Multiplayer UI Canvas
The Problem:
UI design has traditionally been a solo sport. We build components in silos, struggle with asynchronous feedback, and start from scratch on every new project. To push the boundaries of what a design tool can be, I wanted to introduce a true open-source developer workflow—like GitHub—directly into a collaborative, infinite canvas.
The Solution: Kollektiv
Kollektiv is a real-time, Neo-Brutalist design engine where global creators can build, fork, and merge UI components together.
Instead of a static file, Kollektiv is a living, breathing digital tapestry. You can browse the infinite board, find a pricing card or navigation bar you like, and fork it. Edit it using a professional-grade property panel, and submit a merge request to the original creator.
Core Features:
The GitHub Flow for UI: Create drafts, publish publicly, fork other designs, and propose merges. Every published block features an interactive credit tag linking to the creators' X profiles.
Professional Builder Toolkit: 15 distinct block types including Flex/Grid containers, functional inputs, SVG embeds, and searchable Lucide icons.
Advanced Styling & Shaders: Over 100 style properties including glassmorphism, multi-stop gradients, and a live WebGL GLSL shader editor with auto-passed uniforms for complex visual effects.
Zero-Latency Multiplayer: Powered by a custom real-time architecture, supporting live spring-animated cursors, collision-free spawning, and debounced DB writes so the canvas never slows down.
Code-Ready Exports: Instantly export any community-built component to recursive React (TSX), raw HTML, CSS, or JSON.
The canvas is infinite, and it's waiting for you. Drop in and build something with us!
Kollektiv live : https://kollektiv.figma.site
figma community link : https://www.figma.com/community/file/1649608137825829593/kollektiv?fuid=1499819001636758153
Amazing work
Nice example using the my UI Soundpack!
After the storyboard step is my favorite production phase 👉 Motion + SFX
Here's a small snippet showcasing some AI chat in action using some sounds from @Davies Aguirre
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?