Mobbin

Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots. Read the [Testimonial](

#Library

#Design

1,690

snappify

snappify helps you to create beautiful code snippets. It’s a design tool where you’re able to explain your code and style it to your needs. Have all your snippets stored in one place and easily share them with the rest of the world!

#Web Apps

#Code

#Design

#NextJS

#React

1,258

Kizie

Kizie is a new way to browse Twitter. Kizie exists because Twitter has been becoming cluttered and with ads, Twitter team is still fixing the aspect-ratio for photos issue, Kizie has all of this sorted plus reader mode for links, analytics and more.

#DarkMode

#NextJS

#Design

#Social Media

#Apps

#TailwindCSS

961

3D Globe

Create an Interactive 3D globe based on your flat world map design. Try the figma plugin or upload an image to see it live in action.

#Web Apps

#Figma

#Design

738

LunaDesk

Originally created during the Supabase Hackathon and known as "Work From", LunaDesk helps create harmony among Hybrid teams to free-up more time for the things that matter. Users can sign up their company and invite their teams to join them, where each team member can then state where they'll be working from on each day.

#Hackathon

#Web Apps

#React

#NextJS

#Design

#Productivity

645

Develove

Develove 🧑🏾‍💻 Develove is a super cool social media forum that aims to bring in the best features of Stack Overflow, Twitter, Medium, LinkedIn, Reddit (and Tinder 🔥). It's a place to meet and engage with supa-cool people from all over the world. Some features ⚙️ Guilds 👾 - (like discord servers) for real-time texting Member search 🥷 - pan searches across users, blazingly fast using [typesense]( ⚡️🔎 and connect with them Blog search 📦 - also search through forums and blogs (with markdown support 💅🏽) User profiles - that use cute avatars from [dicebear]( 🧘🏽‍♂ The process 🤔 We constantly see people whine on Twitter about how we need a platform for developers to come together and so we set out to unify things. That was the main goal here: to bring all things wonderful, together. So we brought together various features from various platforms for all the devs out there, under one roof. The premise follows these points: It’s a community where developers connect and thrive 👯 For the community, by the community ❤️ Free forever, Open-sourced 👨🏾‍💻👩🏼‍💻 Simplifies the developer community and OSS ⚡️

#Hacktoberfest

#Web Apps

#React

#Open Source

#NextJS

#Design

574

Supabase Next.js Starter

Build your web application quickly with prebuilt user interface with Supabase integration. The template is built with Next.js and TypeScript. The components are from Geist UI, which provide a modern look.

#Hacktoberfest

#Hackathon

#Open Source

#NextJS

#Web Apps

#Design

553

Phigma

Prepare your Product Hunt launch in seconds using 100+ high performing Figma templates inspired by the best launches during 2021.

#Design

#Template

507

Libby

Libby is a customizable page of your social media content. Open-source & 100% free to use. —— We're also open by design.

#Web Apps

#Design

341

Mr. Button's Buttons

A super-simple system to put buttons in your Notion docs. It's so easy to publish a Notion doc, that people often use it for a homepage, docs, courses, all manner of public stuff — but the hacks to make something look/feel like a clickable button are wonky. With this, you can make a button (aka a styled link), and make it pretty — using simple controls, fully functional Tailwind, or even custom CSS — and embed it in no time.

#Web Apps

#NextJS

#TailwindCSS

#Design

#React

#Publishing

341

Vocabulary Trainer

Vocabulary Trainer Team This project was made by: Jasper J. J. Westra Intro A project that helps you train vocabulary of a new language or help you remember professional jargon. By entering the words from the two languages you start learning the moment you begin making a new list. When your list is done you can practice in a multiple-choice style quiz. The system will make a sound that tells you you have answered wrong or correct. This auditory feedback helps to remember the words. When you feel like you are answering everything correct it is possible to switch languages. This way you can learn the words in both directions. Why this project When I was young I was struggling to remember vocabulary from French, German & English which are mandatory to learn in the Netherlands. Just writing down the words over and over doesn't work for me (and a lot of others). I realised that in order to remember the lists more efficiently the order of writing the words down should be random. On the school pcs's I found exam software for making school exams, with a multiple-choice option. I would make my own exams and study from that. The software had an option to shuffle the answers. I read about the hackathon in the Supabase Discord and this idea came to mind. I really like Supabase, and I have been using it for over a year now. I think it is Great! Live application URL Please visit: [vocabulary.center]( you will find the project in a live environment. I plan to leave it running here forever; whilst improving the project over time. Homepage( quiz]( my lists]( Development server Run ng serve for a dev server. Navigate to ` The app will automatically reload if you change any of the source files. Features The application uses Supabase's authentication to manage accounts. With an account you can manage private and public word lists Data is stored with Supabase On the homepage are the last 30 publicly submitted wordlists When logged in you can see your own private and public lists Snowflakes, when you want you can turn on a snow effect The loading spinner is a snowflake Plans for the future Eventually there will be an app for android, ios and windows devices A way to mark lists as a favourite, and a page where you can keep track of your favourites A public profile On this profile you can make sections with wordlists. You can then share this list with other people. This is especially good for high schools where kids have to learn word lists. Real-time On the homepage, there should be real-time statistics If a list is public you can see in realtime how many other users are doing this list Use text to speech to read out the words

#Holiday Hackdays

#Web Apps

#Game

#Personal Development

#Education

#Design

222

Pika

Quickly generate browser mockups and screenshots with Pika, a free and open-source app. You can add gradient backgrounds, add browser frame,rounded corners and more.

#Web Apps

#NextJS

#Open Source

#SaaS

#TailwindCSS

#Design

206

Wippy

It's hard for product teams to work efficiently. There's multiple tools used, employees working different hours or maybe even leaving the company. We could elaborate, but you get the point. Put those problems behind you.

#Productivity

#Design

#NextJS

#SaaS

#DarkMode

#Chrome Extension

197

RapidSketch

Create and share amazing sketchnotes in 5 min. With RapidSketch, you get access to templates, hand drawn icons, text and emojis, that make creating a sketchnote fast and easy.

#Web Apps

#React

#SaaS

#NextJS

#Productivity

#Design

163

textua11y

This was a chance for me to combine two things that I've wanted to have more of an in-depth look at for a while now: supabase a11y in dynamic applications You can read loads more about my thoughts in the README.

#Hacktoberfest

#Design

#Svelte

#Code

#Figma

107

Pickle - the online scrapbook maker

Pickle Pickle is a platform to make silly scrapbook pages online.And who knows, might enable you to make the next big set of punks frolicking in a Metaverse. Here is a [video walkthrough]( Motivation With design tools becoming increasingly versatile and far-reaching, we have forgotten the art of making silly scrapbooks online. Pickle sets out to be the spiritual successor to the Neopets and Geocities of yore. How it works Open [the site]( Click on "Create a Pickle" to open the editor Make a new Pickle Download to your machine, or publish it to the Pickle gallery. How I used Supabase Supabase powers the entire gallery feature of Pickle. The editor is not yet supremely powered and needs a lot of work. But whatever silly, small thing you make, you can publish it to the Pickle gallery to inspire others. Pickle currently does not have an auth - you just add your name and Instagram handle to a form while publishing your pickle. The platform uses a couple of simple get( ) and insert( ) requests.

#Hacktoberfest

#Web Apps

#Design

#NFT

#Publishing

98

Spookd

Spookd Framer icon Supabase icon A Framer prototype game with Supabase as backend This is a proof of concept project, to showcase how can a multiplayer game be created via any UI and a Supabase db. Using the DB to store data and the realtime communication (through websockets) to broadcast events. This game features: Creating user accounts Creating game lobby Joining game Playing and receiving gameplay events (player ready, win, loss, shared game data) instructions: Pick an avatar Make or Join a game (put 1 player to play a solo challenge) Press Start to indicate that you are ready to play Prefered platform: Mobile Gameplay link: Documentation Framer view The random blocks (PGB - Procedurally Generated Blocks) are smart components with 3 shapes inside and variable colors/shapes PGB PGB Variables Prototype Views (Framer) Registration Character picker bottom sheet Menu Game Creation Game creation bottom sheet form Game finder Game password modal Score Gameplay View Random target block modal Win modal Loss modal Mindmap Views API Overview User creation User is automatically created if they don't exist on local storage User is assigned a unique ID User is assigned a custom avatar Game creation Host user is creating a game with [name, max-players, password(optional)] The host is added as one of the players on the players column The game blocks layout is saved on the game_data column Idle games ( last_heartbeat ) for more than 1-hour are deleted Game join User finds the game through the list of games from the game finder view User adds password for the game if needed User joins the selected game and they are registered as the nth user on the database on the players column The "guest" user is subscribed to receive events via the Realtime Supabase Both players receive events when a new player registers, if the minimum_players value matches the players length Game play The "guest" user receives the pre-made layout from the game_data When the "host" and "guest" both press Ready the game starts When the game stars both players are presented with a shape combination to discover The first one that discovers the correct combination is the winner and the winner column is filled with the player_name Both players are notified via the subscription for the winner The loss modal is shown The win modal is shown Mindmap Supabase Clean up Right now clients are responsible of cleaning up idle games that their last_heartbeat is over 1 hour. Games also get removed after a winner has been declared but users refreshing the page or navigating away can leave the game in an idle state. In the future a dedicated server or Supabase function with a cron job could be responsible for handling these leftovers. Team Michael Dobekidis Twitter: @netgfx Github:

#Hacktoberfest

#Game

#Design

#Open Source

#Web Apps

#Code

94