☰ Categories

create a drag-and-drop experience using UniApp

Add a card and washing-machine concept to build in UniApp to get an experience with drag feedback, bubbles, sound, a washing animation, and a completion message.

CategoryDevelopment › Coding
TagsDraftingIdeationDeveloperCode
Prompt
I want to create a drag-and-drop experience using UniApp, where cards can be dropped into a washing machine for cleaning. It should include drag-and-drop feedback, background bubble animations, gurgling sound effects, and a washing machine animation.
1. Play the “gulp-gulp” sound.
2. The card gradually fades away. 12.
3. A pop-up message reads, “Clean!”.
4. Bottom update: “Cleaned X items today” statistics.

What this prompt does

This is useful for building a playful UI where cards are dropped into a washing machine. It specifies sound, fade-out behavior, a Clean popup, and a daily cleaned-item counter.

More in this category

E COMMERCE WEBSITE
Plataforma Escopo Bugbouty Cyber Hunter Lab
Voice Cloning Assistant
2046 Puzzle Game Challenge
21st.dev component prompt
create a drag-and-drop experience using UniApp