Contra - A professional network for the jobs and skills of the futureDiscover
Projects
People
Web developers
Content creators
Graphic designers
Product designers
AI developers
Motion designers
Social media marketers
Animators
Video editors
      

Projects we love

Projects we love

Standout projects making waves around the web
View more
Cover image for Lyft Pink
Lyft Pink
24
487

Web design projects using Framer

Framer

The best modern websites built on the leading web design tool, Framer
View more

Framer is the leading tool for building websites, fast

FramerHire experts

AI projects

AI

New projects from the best AI creators
View more

Brand design projects

Brand design

Bold visual identities and branding systems created by top independent designers
View more

Video editor projects

Video editing

Creative video edits made using today’s best editing tools
View more

Standout projects

Standout projects

More projects we love that are making waves across the web
Cover image for Build a Meaningful Digital Ritual with GiveAFck365 App
Hi everyone, I’m showing GiveAFck365, a tiny daily ritual for giving a damn. In a world where it feels like no one gives a f*ck anymore, I wanted something simple and human; just one intentional act of care per day. So I created this little app for the Config Makeathon. GiveAF*ck365 gives you 365 f*cks at the start of the year, one for each day. You can drag a token from the Unsent jar into the Given jar as a personal acknowledgment, or send one to someone else as a small digital care token. No streak pressure. No gamification guilt. Just a quiet, physical-feeling daily ritual. The entire experience lives inside two glass jars on screen. Tokens pile up with satisfying physics, and when you send one, you choose from seven different types of care (Tough Love, Pure Care, Gratitude Bomb, and more). Each send returns a small random impact message that makes the interaction feel surprisingly meaningful. I built this as my first public project for the Config Makeathon, mostly because I wanted to stop watching everyone else's incredible projects and finally ship something myself. What it does 🧠 Two-jar drag-and-drop system with spring physics and satisfying landing bounce 🎯 7 unique care token types with custom names and descriptions 🔥 Gentle streak tracking + weekly counts focused on awareness, not pressure 💬 Random impact messages after every send "This one hit different." 🎉 Confetti bursts and interaction feedback when a token lands 📜 History drawer with token thumbnails, token types, and CSV export 💾 Automatic local saving via localStorage How I Built It The entire app - from blank canvas to working React prototype - was created and iterated entirely inside Figma Make, with zero context switching. Figma Make generated the complete React + TypeScript scaffold, component structure, and Tailwind-based design system. Using MCP tools and aesthetic-stance skills, I defined the visual language: a dark charcoal interface accented with warm orange highlights. Every iteration happened directly inside Make: - Fixed Radix forwardRef issues - Replaced random token positioning with a deterministic seeded system (eliminating visual jitter) - Redesigned the send experience into a visual 7-token selection grid - Added streak tracking and weekly insights - Implemented spring bounce physics on the Given jar - Added confetti interactions and motion polish - Unified history and token data structures for maintainability - Claude served as an AI pair programmer throughout the process, helping with debugging, feature implementation, and iteration directly inside the canvas. - The jar illustrations and token assets were sourced from Figma, and the entire workflow - design, code, debugging, and refinement - remained in a single environment from start to finish. What It Could Grow Into This foundation maps surprisingly well to an on-chain experience. Each daily token could become a unique ERC-1155 NFT (or similar on a better fit chain), with only 365 minted per year. Instead of simply sending a digital gesture, users could send actual care tokens directly to friends' wallets. The app already includes a stubbed "Connect Wallet" flow, making that evolution feel like a natural next step rather than a complete rebuild. Longer term, active participants who consistently give could receive airdrops of a playful GiveAF*ck meme token, unlock limited-edition token variants, or earn rare legendary "f*cks" tied to community milestones. What excites me most is the possibility of creating something unusual in web3: a product built around generosity rather than speculation. A wholesome social ritual that sits somewhere between meme culture, habit-building, and meaningful human connection. I'm genuinely open to collaborating with builders, designers, and web3 developers who would like to help turn this into a real on-chain experience. If this little ritual resonates with you or if you have your own version of wanting to give a fuck more intentionally I’d love to hear about it in the comments. Huge thanks to everyone sharing their work during Config Makeathon. Seeing your projects inspired me to stop overthinking and finally ship something. Links Live Prototype: https://giveafck365.figma.site (https://giveafck365.figma.site)Video Walkthrough: https://www.loom.com/share/99cdc09f767940f1b5eb48dc4080391f Figma Community File: https://www.figma.com/community/file/1649359320060581320/give-a-f-ck-365 (https://www.figma.com/community/file/1649359320060581320/give-a-f-ck-365)
6
20
301
Cover image for Collaborate Creatively: Discover Tunescape for Shared Work
💻 Say goodbye to lonely work sessions! I built Tunescape! a cozy, multiplayer virtual space designed to make getting things done feel like a shared adventure. ☕✨ Instead of working in isolation, you and your friends can drop in, hang out, listen to music, and crush your goals together. Why you'll love it: 👥 Real-Time Multiplayer 🎧 Listen to music ⏱️ Focus Timers 📝 To do lists 🖼️Immersive Animated Backgrounds 💬 Live Chat (Video / Voice) 🖥️ Share your screen 🔒 Private Rooms 🌿 Cozy Aesthetics 🚀 Try the Live Site: https://tame-payer-88489763.figma.site  FigmaFile: https://www.figma.com/make/na7QK6LBNErzqTY6XA1Fhd/Tunescape?t=gPFqgQuwn7V0yD0B-1 (Note: Currently powered by Supabase to keep multiplayer live, so it's hosted directly rather than in the Figma community store to keep backend keys secure!)
9
29
518
Cover image for A brief preview of the
A brief preview of the visual identity for an interior design agency (https://contra.com/p/lmPmXksc-maison-verite-or-interior-design-agency-or-visual-identity?r=olena_lyshak) that I've been working on recently. When Maison Vérité approached me, they wanted a visual system that felt just like their interiors (architectural and deeply intentional) The concept was inspired by the keystone, the central stone of an architectural arch that holds the entire structure together. Just as the keystone gives purpose and stability to the arch, Maison Vérité gives meaning to the spaces they shape. If you look closely, the symbol also subtly intertwines the initials “M” and “V,” merging Maison and Vérité into a harmonious form. Fellow designers and strategists, what do you think of this visual direction?
11
16
239
Cover image for Hey Contra! 👋 I’m a UI/UX
Hey Contra! 👋 I’m a UI/UX Designer from Ukraine 🇺🇦, currently based in Poland. I've been designing websites and digital products for several years, helping businesses turn ideas into intuitive and user-friendly experiences. My background includes web design, mobile interfaces, landing pages and design systems. What drives me as a designer: ✦ Creating experiences that feel simple and natural ✦ Solving real user problems, not just making things look pretty ✦ Finding the balance between business goals and user needs My favorite tools are Figma, FigJam, Framer, AI-powered design workflows, and rapid prototyping. I recently joined Contra and I'm excited to start sharing my work, design thoughts, and case studies here. 🚀 If you're a designer, founder, developer, or creator, let's connect and support each other. Looking forward to meeting amazing people in this community! 🤝 #ProductDesign #UXDesign #UIDesign #Figma #WebDesign #MobileDesign #DesignSystems #SaaSDesign #StartupDesign #UXResearch#Prototyping #CreativeCommunity
12
25
382
Cover image for I designed EyeText 👁️, an
I designed EyeText 👁️, an eye-controlled communication experience for people who have difficulty speaking or using their hands. Using eye tracking and intentional blinks, users can navigate a keyboard, create messages, and convert them into speech. The experience also includes personalized calibration and quick communication cards for everyday needs. What excites me most about this project is how quickly an idea became reality. Using Figma Make, I was able to transform a concept into a working interactive experience with a single prompt. Design, accessibility, and technology coming together to help people express themselves. 🔗 Live Demo:https://serif-modify-89640782.figma.site 🔗X / Twitter Post: https://x.com/Naghdaliyevaart/status/2067282836021776819?s=20
49
82
2.7K
Cover image for Proud to share my submission
Proud to share my submission for the #configMakeathon 🦋 Design has one job — make people feel something before they think something. For the #ConfigMakeathon, I built a complete digital campaign experience for Butterfly Conservation's "Britain's Favourite Butterfly" — taking a public vote and transforming it into something people actually want to be part of. The challenge wasn't technical. It was human. How do you make someone genuinely care about a species they've never noticed? How do you turn conservation data into something personal? How do you design an experience that moves people from passive viewers to active participants? The answer was architecture — three distinct experiences working as one: 🗳️ Results Explorer — A fully filterable species discovery system built around personality vibes, wing colours, and rarity. Not a leaderboard. A world worth exploring. 🧬 Personality Quiz — A matching experience that gives every user a butterfly identity rooted in real behavioural traits. Flashy. Feisty. Adventurous. Rare. When someone sees themselves in a species, the relationship changes entirely. 🌿 Conservation Narrative — A story-first approach to ecological data that earns its urgency rather than demanding it. The stakes land harder when you already have a favourite. This is the kind of work I find most meaningful — where design isn't decoration, it's the strategy itself. 🔗 Prototype:Prototype (https://www.figma.com/proto/QYomw4hbRvnUu9D4gWN1hu/Untitled?node-id=1-668&t=7Qi822ZqT2xffB6I-0&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=1%3A668) Built with Figma · Figma Make · MCP #ConfigMakeathon #Figma #UXDesign #ProductDesign #DesignForGood #ButterflyConservation @Figma @Contra @Contra HQ
222
254
11.5K
Cover image for Hi creatives! 👋 For #ConfigMakeathon, I
Hi creatives! 👋 For #ConfigMakeathon, I created SLAMBOOK for Designers ✨ https://slambook.figma.site It's inspired by the slambooks many of us had as kids, but reimagined for the internet. Designers from all over the world can create their own page by adding photos, favorite music, creative advice, inspirations, and a few fun facts about themselves. It's a playful way to discover people behind the portfolios and build new connections within the design community. The best part? It lives online and can always be in your pocket, just add it to your home screen like an app. This concept could work for any community. Imagine a special Config edition where attendees share their photos, inspirations, favorite talks, creative superpowers, or memorable moments from the event. A little internet corner where creativity, personality, and community come together 💛 If it resonates, pass it on and start your own page 💛 If you really love it, I’d be sooo grateful for your support. Every goat, like, comment, share, means so much for me. Thank you! Project Link: https://slambook.figma.site Video Instagram: https://www.instagram.com/reel/DZpeUvBo4bs/?igsh=bDhhMnc1aXlzODls (https://www.instagram.com/reel/DZpeUvBo4bs/?igsh=bDhhMnc1aXlzODls)
173
236
8.2K
Cover image for PORTFOLIO WEBSITE Client: Bjorn G. Amelan
PORTFOLIO WEBSITE Client: Bjorn G. Amelan (Artist) Bjorn is a visual artist whose paintings, made on antique French hemp bedsheets in Sumi ink, acrylic, and vinylic emulsion, have been exhibited at New York Live Arts, The Garage NYC, and Longhouse Foundation, with works held in the collections of Agnes Gund and 21c Museum Hotels. He came to me through a personal connection, introduced by my brother Jonathan, who photographs for both of us. The ask on the surface was a portfolio website. What it actually required was translation. Bjorn had strong instincts about how his work should feel but no framework for getting those instincts into a site. That gap is exactly where I work. I started with feeling before structure. His work is intimate and monumental at once, made from the sheets he and his husband sleep on, hung like tapestries, dense with imagery that rewards the longer you look. The site needed that same quality. Unhurried, material, serious without being cold. Everything followed from that. EB Garamond for the typography, warm off-white and near-black for the palette, a single scrolling home page with the full body of work presented chronologically. No decorative accents. No color beyond the artwork itself. The work speaks for itself and the design gets out of the way. The build is hand-coded in vanilla HTML, CSS, and JavaScript, no frameworks, no CMS, deployed via Netlify. I also developed a full photography brief for 19 works that needed reshooting, including a shooting guide diagram, and coordinated the reshoot with the photographer.
1
36