coderqh

Sweva — Flutter Dating UI Kit

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

Sweva — Flutter Dating UI Kit screens, light and dark

The real app, compiled for the web and served from this site. It loads on click because it is a full Flutter 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.

Run it in one minute

after download
$ unzip sweva-v1.0.zip
$ cd dating_ui_kit
$ flutter pub get
$ flutter run

No backend to stand up, no keys to obtain. The app runs on bundled mock data; the demo above is this exact build compiled for the web.

Then make it yours

two files
  1. Re-theme from the token file

    Colours, radii, spacing and fonts live in one place. Change them there and every screen follows.

  2. Point the services at your API

    4 mock services return Futures. Replace their bodies with HTTP calls; controllers and screens do not change.

What it looks like

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

  • Full Flutter source, no obfuscation, no license server
  • GetX architecture: View → Controller → Service → Model, lazy bindings per route
  • All demo data in one file; mock services with Future signatures
  • Offline HTML documentation: every screen, a feature walkthrough, re-theming, app name and bundle id, environment setup, troubleshooting
  • Runs on iOS and Android from the same source

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

Not included

  • No backend, no matching engine, no realtime chat server — the chat is a local demo
  • No payment, no push notifications, no analytics SDK
  • Login and OTP are mock flows, not an auth service
  • The bundled photos are demo assets under the Pexels licence — ship your own

The package has no paid dependencies — get and google_fonts, and that is the footprint. Connecting it to a live backend (Firebase, a REST API, a chat or media provider) brings those providers' own costs, which are not included here.

Spec

measured
Screen widgets15
Routes11
Reusable widgets13
Dart files76
Data models6
Mock services4
Tests in the package5
Dependencies3 (get, google_fonts, cupertino_icons)
ThemesLight + dark, one token file
PlatformsiOS + Android, one codebase

Measured from sweva-v1.0.zip on 2026-08-30, not copied from the listing.

What you need

Flutter 3.29 or newer, Dart 3.7. No backend to stand up and no keys to obtain: unzip, run, swipe.

Questions

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.

Is this the same package sold on CodeCanyon?

The same zip, the same version. You pay less here because there is no marketplace fee in the middle.

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.

Other kits

same architecture
Buy Sweva — $21 →

Checkout runs on Gumroad — PayPal and cards, invoice and VAT handled, download straight after.