Experience Virtual Beach Party: Join Partly's Browser-Based WorldExperience Virtual Beach Party: Join Partly's Browser-Based World
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
@Figma @Contra What if online communities had a beach instead of just a chat room?๐ŸŒŠ
Read fully๐Ÿšจ
Over the past few days, Iโ€™ve been building Partly - a browser-based virtual beach party where people can join instantly, create an avatar, explore a tropical island, chat in real time, dance to music, and hang out together.
The goal was simple: make online socializing feel more like being somewhere, rather than just sending messages.
๐Ÿ”— Try Partly: https://partly.figma.site/
No downloads. No VR. Just join, meet people, and enjoy the party. ๐ŸŒŠ
โœจ Features:
โ€ข Real-time multiplayer world
โ€ข Live chat with other players
โ€ข Interactive beach environment
โ€ข Party stage with music
โ€ข Campfire hangout spots
โ€ข No downloads required
๐Ÿšจ Best experienced on desktop for the full beach party experience.
Everything runs directly in the browser, making it easy for friends, communities, and creators to connect and share experiences together.
๐—›๐—ฒ๐—ฟ๐—ฒโ€™๐˜€ ๐— ๐˜† ๐—ช๐—ผ๐—ฟ๐—ธ๐—ณ๐—น๐—ผ๐˜„
1๏ธโƒฃ ๐—ฆ๐˜๐—ฎ๐—ฟ๐˜๐—ฒ๐—ฑ ๐—ถ๐—ป ๐—™๐—ถ๐—ด๐—บ๐—ฎ ๐— ๐—ฎ๐—ธ๐—ฒ
I designed and built the entire Partly experience directly in Figma Make, focusing on creating a fun, social, and accessible virtual world that anyone could join instantly from a browser.
2๏ธโƒฃ ๐—–๐—ฟ๐—ฒ๐—ฎ๐˜๐—ฒ๐—ฑ ๐—ฎ ๐—ฉ๐—ถ๐—ฟ๐˜๐˜‚๐—ฎ๐—น ๐—•๐—ฒ๐—ฎ๐—ฐ๐—ต ๐—ช๐—ผ๐—ฟ๐—น๐—ฑ
I designed a tropical island environment featuring beaches, a party stage, campfire areas, social spaces, interactive furniture, exploration zones, and landmarks to make the world feel alive.
3๏ธโƒฃ ๐—•๐˜‚๐—ถ๐—น๐˜ ๐—ฅ๐—ฒ๐—ฎ๐—น-๐—ง๐—ถ๐—บ๐—ฒ ๐— ๐˜‚๐—น๐˜๐—ถ๐—ฝ๐—น๐—ฎ๐˜†๐—ฒ๐—ฟ ๐—œ๐—ป๐˜๐—ฒ๐—ฟ๐—ฎ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€
Players can:
โ€ข Create an avatar
โ€ข Explore the island
โ€ข Chat in real time
โ€ข Dance and socialize
โ€ข Sit on furniture
โ€ข Meet other players instantly
โ€ข Experience a shared virtual world together
4๏ธโƒฃ ๐—œ๐—ป๐˜๐—ฒ๐—ด๐—ฟ๐—ฎ๐˜๐—ฒ๐—ฑ ๐—ฆ๐˜‚๐—ฝ๐—ฎ๐—ฏ๐—ฎ๐˜€๐—ฒ
Supabase powers:
โ€ข User data
โ€ข Chat systems
โ€ข Player information
โ€ข Backend services
โ€ข Real-time data synchronization
5๏ธโƒฃ ๐—œ๐—ป๐˜๐—ฒ๐—ด๐—ฟ๐—ฎ๐˜๐—ฒ๐—ฑ ๐—ฌ๐—ผ๐˜‚๐—ง๐˜‚๐—ฏ๐—ฒ ๐—”๐—ฃ๐—œ
I built a virtual concert experience with:
โ€ข Embedded YouTube playback
โ€ข Shared music experiences
โ€ข Continuous playlists
โ€ข Party-stage entertainment
6๏ธโƒฃ ๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป๐—ฒ๐—ฑ ๐˜๐—ต๐—ฒ ๐—ฃ๐—ฎ๐—ฟ๐˜๐˜† ๐—˜๐˜…๐—ฝ๐—ฒ๐—ฟ๐—ถ๐—ฒ๐—ป๐—ฐ๐—ฒ
I created a virtual concert area with:
โ€ข Giant music stage
โ€ข Interactive dance floors
โ€ข Dynamic lighting
โ€ข Social gathering spaces
โ€ข Beach party atmosphere
7๏ธโƒฃ ๐—–๐—ฟ๐—ฒ๐—ฎ๐˜๐—ฒ๐—ฑ ๐—ฎ ๐—Ÿ๐—ถ๐˜ƒ๐—ถ๐—ป๐—ด ๐—ช๐—ผ๐—ฟ๐—น๐—ฑ
To make the island feel active and realistic, I added:
โ€ข NPC characters
โ€ข Social behaviors
โ€ข Campfire gatherings
โ€ข Beach activities
โ€ข Interactive seating
โ€ข Environmental landmarks
8๏ธโƒฃ ๐—–๐—ผ๐—ป๐˜๐—ถ๐—ป๐˜‚๐—ผ๐˜‚๐˜€ ๐—œ๐˜๐—ฒ๐—ฟ๐—ฎ๐˜๐—ถ๐—ผ๐—ป
I continuously refined the world through prompts, improving the environment, multiplayer experience, NPC behaviors, interactions, UI, performance, and overall immersion.
๐—•๐˜‚๐—ถ๐—น๐˜ ๐—ช๐—ถ๐˜๐—ต
โ€ข Figma Make
โ€ข Supabase
โ€ข YouTube API
โ€ข AI Prompting
โ€ข Multiplayer Systems
โ€ข UI/UX Design
โ€ข Rapid Prototyping
๐—ง๐—ต๐—ถ๐˜€ ๐—ฝ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜ ๐—ถ๐˜€ ๐—ฎ๐—ฏ๐—ผ๐˜‚๐˜ ๐—บ๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ผ๐—ป๐—น๐—ถ๐—ป๐—ฒ ๐˜€๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น๐—ถ๐˜‡๐—ถ๐—ป๐—ด ๐—ณ๐—ฒ๐—ฒ๐—น ๐—บ๐—ผ๐—ฟ๐—ฒ ๐—ต๐˜‚๐—บ๐—ฎ๐—ป.
๐—ก๐—ผ ๐—ฑ๐—ผ๐˜„๐—ป๐—น๐—ผ๐—ฎ๐—ฑ๐˜€. ๐—ก๐—ผ ๐—ฉ๐—ฅ. ๐—๐˜‚๐˜€๐˜ ๐—ท๐—ผ๐—ถ๐—ป, ๐—บ๐—ฒ๐—ฒ๐˜ ๐—ฝ๐—ฒ๐—ผ๐—ฝ๐—น๐—ฒ, ๐—ฎ๐—ป๐—ฑ ๐—ฒ๐—ป๐—ท๐—ผ๐˜† ๐˜๐—ต๐—ฒ ๐—ฝ๐—ฎ๐—ฟ๐˜๐˜†. ๐ŸŒด๐ŸŽถ
Iโ€™d love to hear your thoughts and feedback!
๐Ÿ”— Try Partly: https://partly.figma.site/
No downloads. No VR. Just join, meet people, and enjoy the party. ๐ŸŒŠ
Dylan's avatar
Contra logo
holy smokes! cool!
Back to feed
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