coderqh

Rovora — Flutter Car Rental App UI Kit

A car rental kit where the booking is a road you stretch, and every car is painted in code so swatches recolor it.

Rovora — Flutter Car Rental App UI Kit

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

Rovora treats a rental as a span of time. Instead of a calendar, the driver drags two handles along a stretch of road; the gap between them is the booking, the day count is printed across it, and a rate band beneath lights up as the rental passes three and then seven days, with the starting price recalculated while the handles move. The rail is a standalone widget you can reuse anywhere a span is needed.

The rest of the kit stays just as physical. Every vehicle is drawn with a CustomPainter, so tapping a paint swatch recolors the car on the spot. The handover check is a top-down body diagram where you tap to mark scratches, dents and chips and the condition sheet fills in by itself. The digital key shows the registration plate in a stencil face, with the bay number and a hold-to-unlock ring.

Features

  • Rental rail with two draggable grips, a live day count and rate bands at three and seven days
  • Vehicles drawn as CustomPainter bodies that recolor instantly from paint swatches
  • Six-tile spec band on each vehicle page for quick side-by-side comparison
  • Tappable handover diagram that cycles scratch, dent and chip and writes the condition sheet
  • Digital key with a stencil-set plate, bay number and hold-to-unlock ring
  • Receipt from one pure pricing function: rounded-up days, length discount as a single credit, extras per day
  • Deposit shown as a separate card hold, kept out of the rental total
  • Sample fleet spread across five pick-up desks, with a fixed demo date so every run matches
  • Light and dark themes from one file of color tokens, with three OFL-licensed typefaces bundled

What it looks like

8 images
Rental rail with two grips and the day count — Rovora
Rental rail with two grips and the day count
Painted vehicle with color swatches and spec tiles — Rovora
Painted vehicle with color swatches and spec tiles
Handover diagram with damage marks and condition sheet — Rovora
Handover diagram with damage marks and condition sheet
Rental receipt with length credit and separate deposit — Rovora
Rental receipt with length credit and separate deposit
Explore screen beside the two-command setup and package stats — Rovora
Explore screen beside the two-command setup and package stats
Pick-up desk list with addresses and opening hours — Rovora
Pick-up desk list with addresses and opening hours
Additional Rovora screens on one sheet — Rovora
Additional Rovora screens on one sheet
Summary of everything included in the Rovora package — Rovora
Summary of everything included in the Rovora package

Who it is for

  • You are building a car rental, car sharing or fleet app for drivers and want booking and pickup screens with real character.
  • You want vehicle visuals you can recolor and restyle in code rather than a folder of photos to license.
  • You have your own fleet API and need a front end whose data layer is easy to point at it.

In the box

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

Run it after download

the app
# unzip the download, then
# the app is at the top of the zip
$ 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 widgets21
Dart files88
Tests in the package10
Dart SDK^3.7.0
Back endNone bundled; the service layer is where yours goes
PlatformsiOS + Android, one codebase

Counted from rovora-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.

How do I connect my own fleet and booking API?

Views talk to controllers and controllers talk to three service classes that already return Futures. Rewrite those three to call your API and the screens stay untouched.

Can I check the pricing logic?

Yes. All the money math lives in one pure function, so identical inputs always produce the same receipt, and the bundled tests assert on its totals.

What does a Regular licence allow?

One end product, including an app built for a client. The bundled typefaces are under the SIL Open Font License 1.1, which permits shipping them inside a commercial app.

More UI kits and booking apps

same author
See Rovora on CodeCanyon →

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