<p align="center"> <a href="https://velocityx.dev/" target="_blank"> <img src="https://i.imgur.com/GcsbeIW.png" width="800" alt="VelocityX"> </a> </p> <a href="https://www.producthunt.com/posts/velocityx?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-velocityx" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=289488&theme=light" alt="VelocityX - A minimalist Flutter framework | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>

<a href="https://discord.gg/9tXYvNq"><img src="https://img.shields.io/discord/746087597759004835.svg?logo=discord&color=blue" alt="Discord"></a>

Show some :heart: and star the repo.

---

Demo App

Subscribe to Codepur

---

VelocityX is a 100% free Flutter open-source minimalist UI Framework built with <a href="https://flutter.dev/" target="_blank">Flutter SDK</a> to make Flutter development easier and more joyful than ever.

<img src="https://i.imgur.com/T5RROq1.png" width=200> <img src="https://i.imgur.com/MY9Isku.png" width=200> </n> <img src="https://i.imgur.com/mNwfOjj.png" width=400>

Inspired from Tailwindcss and SwiftUI.

"Welcome to VelocityX".text.white.xl4.bold.center.makeCentered().box.roundedLg.red500.shadow2xl.make().whHalf(context).centered();

---

Getting started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  velocity_x: <latest_version>

In your library add the following import:

import 'package:velocity_x/velocity_x.dart';

For help getting started with Flutter, view the online documentation.

---

📌   Bulletin

• Now supports null-safety
• Video Tutorials on YouTube for updates & walk through videos.
• Join the discord

Why use VelocityX?

VelocityX is known for :

Vx	Vx
100% fast, performant & compatible	100% free & open-source
100% ready for production	200% faster for writing UIs

---

Features

✅   State Management </br> ✅   Custom UIs
✅   Custom Shapes
✅   Super VX
✅   Extension Methods
✅   Responsive Layout
✅   Color Palette

Quick start

Read the Getting started page of VelocityX

VelocityX Video Tutorials

Watch here

---

<a href="https://www.buymeacoffee.com/mtechviral"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"></a>

---

Some popular Super Vx widgets

| VxShapes | VxSwiper | VxResponsive | VxPlatform | VxToast | VxRating | VxStepper |

Some Quick UIs made using VelocityX

<p float="left"> <img src="https://i.imgur.com/DlSuaOG.png" width="200"/> <img src="https://i.imgur.com/JZ9tOoy.png" width="200"/> <img src="https://i.imgur.com/JFpw795.png" width="200"/> </p>

Contributing

VelocityX is 100% free and open source. We encourage and support an active, healthy community that accepts contributions from the public – including you. There are a couple of ways in which you can contribute to the growing community of VelocityX.

• Pick up any issue marked with "good first issue"
• Fix a bug
• Write and improve some documentation. Documentation is very critical to us. We would appreciate help in adding multiple languages to our docs.
• If you are a developer, feel free to check out the source and submit pull requests.
• Dig into CONTRIBUTING.MD, which covers submitting bugs, requesting new features, preparing your code for a pull request, etc.
• Please don't forget to like, follow, and star our repo!

Documentation

Installation Guide

:heart: Found this project useful?

If you found this project useful, then please consider giving it a :star: on Github and sharing it with your friends via social media.

---

YouTube Channel

Codepur </br> Codepur Hindi

Facebook Group

Let's Flutter With Dart

Collection of flutter apps with tutorial

Flutter Example Apps

---

Project Created & Maintained By

Pawan Kumar

Google Developer Expert for Flutter. Passionate #Flutter, #Android Developer. #Entrepreneur #YouTuber

<a href="https://play.google.com/store/apps/dev?id=7703305844118303242&hl=en"><img src="https://github.com/aritraroy/social-icons/blob/master/play-store-icon.png?raw=true" width="60"></a> <a href="https://medium.com/@imthepk"><img src="https://github.com/aritraroy/social-icons/blob/master/medium-icon.png?raw=true" width="60"></a> <a href="https://twitter.com/imthepk"><img src="https://github.com/aritraroy/social-icons/blob/master/twitter-icon.png?raw=true" width="60"></a> <a href="https://linkedin.com/in/imthepk"><img src="https://github.com/aritraroy/social-icons/blob/master/linkedin-icon.png?raw=true" width="60"></a> <a href="https://facebook.com/imthepk"><img src="https://github.com/aritraroy/social-icons/blob/master/facebook-icon.png?raw=true" width="60"></a> <a href="https://instagram.com/codepur_ka_superhero"><img src="https://github.com/aritraroy/social-icons/blob/master/instagram-icon.png?raw=true" width="60"></a>

Donate

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of :coffee:

• PayPal

Note: VelocityX is not directly and/or indirectly associated/affiliated with Flutter or Google LLC.

Active Contributors

1. Ayush Bherwani
2. Hasnen Tai
3. Harpreet Singh

Copyright-and-license

Code and documentation Copyright 2020 Pawan Kumar. Code released under the Apache License. Docs released under Creative Commons.