coderqh

Sweva — Flutter Dating App UI Kit

Swipe deck, match overlay and chat thread — written in plain Flutter, no swipe-card package.

Sweva — Flutter Dating App UI Kit

The live preview on CodeCanyon is this app compiled for the web: the real build, not a video.

Sweva is the front end of a dating app, and the parts people judge it by are the parts that are hardest to fake: a card stack that follows your finger and tilts with it, LIKE and NOPE stamps that fade in past the threshold, cards behind that scale up as the top one flies out. All of it is plain Flutter — no swipe-card dependency to fight when you need it to behave differently.

Past the deck it keeps going: a full-screen match celebration on the brand gradient, then a chat thread with gradient bubbles, a typing indicator and an auto-reply so the conversation is alive the first time you open it. Twelve royalty-free profile photos are wired in, so the demo looks like a product rather than a wireframe.

Features

  • Draggable swipe deck with proportional tilt, LIKE / NOPE stamps and fly-out animation — written from scratch
  • It's-a-match overlay on the coral-to-berry brand gradient, leading straight into the chat
  • Chat thread with gradient bubbles, typing indicator and an auto-reply demo
  • Profile detail with interests and a photo gallery
  • Likes grid, segmented into likes you and you liked
  • Dating preferences with age and distance sliders
  • Light and dark themes, both palettes in one file
  • Skeleton loaders and empty states already wired on every list
  • Twelve bundled royalty-free profile photos with a per-file audit trail; missing photos fall back to an emoji instead of breaking

What it looks like

7 images
The swipe deck mid-drag, with the LIKE stamp fading in — Sweva
The swipe deck mid-drag, with the LIKE stamp fading in
Match overlay and the chat thread it leads into — Sweva
Match overlay and the chat thread it leads into
The same screens in light and dark theme — Sweva
The same screens in light and dark theme
Profile detail and the likes grid — Sweva
Profile detail and the likes grid
Account, preferences and settings — Sweva
Account, preferences and settings
Onboarding and sign-in screens — Sweva
Onboarding and sign-in screens
Every screen in the kit on one sheet — Sweva
Every screen in the kit on one sheet

Who it is for

  • You are building anything with a card deck at the centre — dating, matching, discovery, hiring.
  • You have tried a swipe-card package and hit its ceiling on the second custom requirement.
  • You need a demo that survives a client scrolling through it on their own phone.

In the box

from the shipped zip
  • Full Flutter source in dating_ui_kit/, no obfuscation and no licence server
  • Offline HTML documentation: setup, re-theming, app name and bundle id, troubleshooting
  • 5 Dart test files in the app

Run it after download

the app
# unzip the download, then
$ cd dating_ui_kit
$ flutter pub get
$ flutter run

Setup, including any keys or services the app talks to, is covered step by step in the bundled documentation.

Spec

measured
Screen widgets15
Dart files76
Tests in the package5
Dart SDK^3.7.0
Back endNone bundled; the service layer is where yours goes
PlatformsiOS + Android, one codebase

Counted from sweva-v1.0.zip, the file uploaded to CodeCanyon. Screen widgets are the view, screen and page classes in the source, so the number can differ slightly from a count of routes.

Questions

Something else? Ask on the item's CodeCanyon page; the author answers there.

Is the swipe deck a package I could have installed myself?

No — it is written in plain Flutter inside this kit, which is why you can change the tilt, the threshold and the fly-out without forking anyone.

Does the chat talk to a server?

Not in the box. It runs on mock services with Future signatures, so wiring it to your realtime backend means replacing those bodies.

More UI kits and booking apps

same author
See Sweva on CodeCanyon →

Sold on Envato's CodeCanyon marketplace, which handles payment, VAT, invoices and the download.