Interaction Design
Competition
Join us for FlutterFlow’s Interaction Design Competition over the next 2 weeks! We’re excited to see what you build.
The results are in - the Interaction Design Competition has crowned its champions 🎉 Explore our top 10 winners below, each showcasing jaw-dropping creativity that truly amazed us!
THE 10 WINNERS
Push-Up Tracker
Stay on top of your fitness goals with this interactive push-up tracker! Featuring a gamified interface, a swipeable calendar for effortless month-to-month navigation, and dynamic press animations, this app makes tracking your progress both fun and intuitive.
Kinari Kuramoto, Tokyo, Japan
🪄👨🏻🎨
Habiflow is a cutting-edge project designed to push creative boundaries and showcase the possibilities of new trigger widgets. Key features include: - Global Accessibility: Supports 121 languages for universal usability.- Interactive Previews: Seamless access through an iPhone simulator.- Personalized Design: Fully customizable colors for a unique, adaptable interface.- Realistic UI: A sleek phone interface that replicates the iPhone experience.- Dynamic Animations: Smooth, engaging transitions powered by advanced action triggers.
Rayane Belkacem, Lyon, France
Mood slider
This app features an innovative mood slider inspired by color psychology and designed with inclusivity in mind, using a gender-neutral character. Interactions adapt dynamically to the selected mood, offering an intuitive and engaging way for users to connect with and express their emotions effortlessly.
Celia, Madrid, Spain
FlutterFlow Can Do What
This app is a compact showcase of FlutterFlow’s incredible capabilities, designed to inspire and highlight its potential. Featuring vibrant effects and a sleek design, it simplifies the possibilities of FlutterFlow into an engaging and easy-to-understand experience—perfect for demonstrating its true power in action.
Phan Van Tuan, Long An, Vietnam
CarHop - carpooling on the fly
CarHop revolutionizes hitchhiking by making it safe, reliable, and hassle-free. With its streamlined design and intuitive shortcuts, this app ensures finding and sharing rides is fast, organized, and effortless. Transform your travel experience with CarHop!
Matthieu Meert, Liège, Belgium
Re-Orderable Grid
This interaction features a highly functional re-orderable grid, built using drag-and-drop target widgets and the new "OnDrag Start" feature. Perfect for onboarding flows, this grid offers a smoother and more visually appealing alternative to traditional re-orderable lists, solving the challenge of maintaining a specific order for uploads effortlessly.
Jamie Brown, London, UK
Bamboo Banking
This mobile-optimized banking app demo showcases a variety of advanced features, including swipe-to-slide, swipe-to-delete/edit, resize-and-crop, and more. Designed with modern animations, intuitive actions, and micro-interactions throughout, the app delivers a seamless and engaging user experience. The innovative swipe-to-send and resize-and-crop functionalities, built with new gesture capabilities, address gaps in previously unavailable features, setting a new standard for interactive app design.
Olivier Beaulieu, Petawawa, Canada
IXDC24 by MS.FF.hr
This app includes several innovative features for an enhanced user experience:- Interactive Bottom Sheet: Inspired by Google Maps, this bottom sheet expands in three customizable segments for seamless navigation.- Draggable Floating Button: A movable floating button designed to avoid covering important content, with position persistence across multiple pages.- Enhanced Country Picker: A user-friendly country selector with first-letter filtering, offering a faster and more engaging alternative to traditional dropdowns.
Matija Stepanic, Zagreb, Croatia
Calendar view
This app features a fully functional calendar system built entirely with native platform capabilities—no external packages required. Designed to address the need for an integrated scheduling tool, it offers a seamless user experience with robust customization and interactive features, making it both efficient and versatile.
Sasi, Israel
Piano IXDC24
This interactive piano app leverages FlutterFlow's new action triggers to deliver an unprecedented level of responsiveness and functionality. The On Tap Down trigger enables instant sound playback as soon as a piano key is touched, enhancing real-time responsiveness. Features like On Horizontal Drag and On Vertical Drag bring advanced components to life, including a smooth scroller and a dynamic volume slider, creating a rich and engaging user experience.
Fettouh Mounir, Guercif, Morocco
PRIZES
10 winners
Criteria
Your submission should show creative and beautiful interactive widgets, components, or UI/UX flows. You don’t need to submit an app. Your submission should be created within the time frame of Oct 31 - Nov 17.
Each entry will be rated by a respective judge on a scale of 0 to 10 against the following rubric:
Design
Wow us with your design! Make your project look cool.
User Experience
Identify and solve a problem by designing a clear, delightful interaction that improves the UX.
Creativity
Unleash your creativity! Bring fresh ideas and unique approaches to make your project stand out.
Competition Timeline
The competition will last 2 weeks. Submissions will be accepted from Oct 31th until 11:59 PM PT on Nov 17th.
Start building!
Submission deadline
FlutterFlow judges review submissions
Winners announced
Resources
Get a jump start with templates and how-to videos.
FAQs
Are there country restrictions?
Yes. Contest is void in Italy, Brazil, Quebec, Crimea, Cuba, Iran, Syria, North Korea, Sudan, Russia, Donetsk, Luhansk and where prohibited by law. Full terms and conditions at https://hackathon.ffdc.io/official-rules.
Are there age restrictions?
Yes, you must be above the age of majority in the country, state, province or jurisdiction of residence (or at least twenty years old in Taiwan) at the time of entry.
How many projects can one person submit?
One submission per person.
Is this open to individuals and teams?
Individuals only.
Can we submit projects that were started before the start date of Oct 31?
No, you need to start and complete the project within the period of the competition: Oct 31 - Nov 17.
For the video submission, should I do a walkthrough of the project and talk about what I created?
No, you don’t need to do a walkthrough (with speaking or text overlay) for this.
What are some examples of Action Triggers?
Check out some examples here: https://action-trigger-examples.flutterflow.app/
Check out this cloneable project example: https://app.flutterflow.io/project/action-triggers-4k15wd
What are some examples of interaction design?
- https://x.com/djordjevanjek/status/1843631042575642815
- https://x.com/KumailNanji/status/1832759793179885730
- https://x.com/henrikruscon/status/1800862855648129449
- https://x.com/imtomasebastian/status/1800875522479546666
- https://x.com/family/status/1779985181266587764
- https://x.com/bagus_fikri/status/1800860756361298137
Do I have to use one of the 50 new Action Triggers or can I use an older one?
You can use new or old Action Triggers.
Do we have to submit a complete app?
No, you don’t need to submit an app. We’re looking for submissions that feature creative and beautiful interactive widgets, components, or UI/UX flows.
Is there any other guidance?
Your submission should not just be a custom widget. It can include custom widgets as part of the submission but shouldn’t consist entirely of a custom widget.
Who do I contact with questions about the competition?
Email us at community@flutterflow.io.