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
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
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
SPOT THE BOT, a gallery game about telling human creativity from a machine's
The problem. AI can now create almost anything, and for designers that's not abstract. The fear is that taste, judgment, the human "tell" in a piece of work no longer counts for anything. So instead of arguing about it, we made a game out of it.
The idea. Everyone gets the same prompt ("give beige a personality," "what keeps you up at 3am"), the same fixed kit of pieces, and 30 seconds. So does an AI. Every tile lands on a gallery wall, and players vote: which one is the bot? Then comes the reveal: who fooled you, and who you fooled. The constraint is the whole point. When everyone has identical pieces, the only thing separating the tiles is taste, wit, and choice, the human stuff. Right now the bot fools 72% of players, and every round feeds that number: a live, accumulating measure of where human judgment still holds the line.
The build & workflow. Designed and built end to end in the Figma ecosystem: the editor, the real-time multiplayer rounds (MAKE, VOTE, REVEAL), and the MUSEUM of every player-made tile. The asset kits (risograph, torn paper, duct tape, liquid metal, and more) were generated with Weavy.ai.
It's recursive by design: a game about spotting machine-made art, built with the machine's own creative tools. The medium is the argument.
Try it Live: Spot The Bot
Figma Community file: Community File
No sign-up. 30 seconds. Learn to see the human.
Good work!
For the #ConfigMakeathon, I built Rollroom 🎲
A desktop-only backgammon web app where you can create a room, share one link, play live 1v1, chat in real time, use voice commands, or play against a bot.
I built it with Figma Make, using Figma’s AI workflow to move from interface design to a working interactive prototype.
The idea: make a classic board game instantly playable online, without accounts, setup, or friction.
Live project:
https://poise-nest-20913441.figma.site
Good work!
Built a concept website for an autonomous surveillance robot fully interactive 3D scene running live in Spline.
Dark environment, electric blue lightning, the unit sitting right in the middle of it. The kind of hero section that doesn't need a headline to make a point.
Creativity out of roof. Amazing website 😍
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?