Nerd For Tech
Published in

Nerd For Tech

Forget packages for UI in your next Flutter App

Featuring: EARLY ACCESS — FLUTTER UI

Yeah, you read it right.

You are into flutter?
- Yes, I am. It is just great.

Are you willing to speed up your UI development process and focus on core logic?
- Yeah.

What do you do currently to speed up your development?
- Pre-made UI packages.

Are you happy with continuous ‘imports’ and explicit packages?
- Unfortunately, not.

There you are, so let us begin with the magic.
(Want to skip reading, head over to Flutter UI — Early Access)

INDEX

  1. About
  2. Demo
  3. Visual Demo
  4. Resources

ABOUT

Flutter UI widgets, built for any project
Utilize 15+ pre-made Flutter code snippets assisting with both design and functionality. Save hundreds of hours in development time, all with 0 dependencies.

Highlighted Features:

  • Save hours of development time by using prebuilt widgets.
  • All with 0 dependencies; Just copy, paste, and it’s in!

Current Available Sections :

  1. Full Apps
    - UI of apps for e-commerce, social media, clones.
  2. Widgets
    - To integrate with your existing app
  3. Screens
    - Common Screens required for majority of applications
  4. Utility
    - Utility Code & Widgets

Developed by Zachery Gentry

Twitter : Zachery Gentry (@zacherygentry) / Twitter

DEMO — AirBnb Clone (Featured)

Exploring with a four-fold methodology

  1. Create a new Flutter Project
    - Use any editors as per your choice. After creating the project, you can structure your project files and folders that suit you, with no constraint as such.
  2. New .dart file
    -
    Add a .dart file which will help in keeping the code clean. This is the file where our ‘magic’ code goes in.
  3. Head over to Flutter UI
    -
    There are various categories, select ‘AirBnb Clone’ under the ‘Full Apps’ section. Click on Copy Code and now we have a whole app on our clipboard (isn’t it fascinating)
  4. Paste and RUN
    - Paste the copied code in the new .dart file, place the widget named AirbnbClone() as per your requirement. (For most cases at ‘home’ of the MaterialApp.)

Visual Demo

Creating a new Flutter Project
New .dart file

NOTE- Use this resource wisely and make sure you have your concepts clear. Blind copy-pasting without understanding is foolishness.

Flutter UI Website
Code copied to clipboard
Pasting it in newly created .dart file
Replacing MyHomePage() with AirbnbClone()
Working Demo by Founder — Zachery Gentry

Get Extra 15% off on your Early-Access Purchase

Use the coupon at checkout — Flutter UI — Code Snippets for Flutter Apps
FLUTTER15

--

--

--

NFT is an Educational Media House. Our mission is to bring the invaluable knowledge and experiences of experts from all over the world to the novice. To know more about us, visit https://www.nerdfortech.org/.

Recommended from Medium

Dijkstra’s Algorithm made easy :D

Playing with Sharded tables in BigQuery

Concurrency Control of Database Transactions and Different Anomalies

Dirty-Read

Get Easy Steps To Configure the WiFi Repeaters

React Native Learning Path

How To Pass the AWS Certified Solutions Architect— Associate Exam

What is a REST API?

PlanetSandbox x Satoshi Club AMA Recap from 29th of October

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rohan Joshi

Rohan Joshi

Flutter Dev

More from Medium

Mobile App UI - Color

Mastering Features in Free-to-Play Games

Deal with All Vowels in Words with Friends Without Skipping a Turn or Wasting Powerups

CRUD Is Dead, Long Live CRUD!