VelocityX

VelocityX

VelocityX - A minimalist framework | Product Hunt

VelocityX

GitHub Release Date GitHub issues GitHub top language

Discord

Show some ❤️ and star the repo.

GitHub followers Twitter Follow

Open Source Love

Subscribe to Codepur

is a 100% free Jetpack open-source minimalist UI Framework built with Kotlin & Jetpack Compose to make Android development easier and more joyful than ever.

Inspired from Tailwindcss and Flutter

"Welcome to VelocityX".text.white.xl4.bold.center.make()

Getting started

Add it in your root build.gradle at the end of repositories:

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

Step 2. Add the dependency

dependencies {
	        implementation 'com.github.iampawan:VelocityXAndroidCompose:1.0.0-alpha01'
	}

Usage

  • Check output by running Example App in Android Studio
Basic Example of VxText 
"VxText Example".text.white.xl4.p16.bold.center.make()
Basic Example of VxBox 
 VxBox {
    "VxBox Example".text.white.bold.p16.xl2.make()
    }.blue800.wFull().p16.rounded.make()
Basic Example of VxCard 
 VxCard {
        "VxCard Example".text.blue800.bold.xl.p20.make()
    }.make()
Basic Example of VxImage 
  VxImage(R.drawable.flpy).fit.rounded.make()
Basic Example of VxRow 
   VxRow {
            "VxRow Example".text.white.bold.p16.xl2.make()
            WidthBox(20)
            VxImage(R.drawable.flpy).fit.rounded.make()
        }.blue800.rounded.make()
Basic Example of VxColumn 
  VxColumn {
            "VxText Example".text.blue800.bold.xl2.make()
            HeightBox(20)
            VxBox {
                "VxBox Example".text.white.bold.p16.xl2.make()
                }.blue800.wFull().p16.rounded.make()
            HeightBox(20)
            VxImage(R.drawable.flpy).fit.roundedLg.make()
            HeightBox(20)
            VxRow {
                "VxRow Example".text.white.bold.p16.xl2.make()
            WidthBox(20)
            VxImage(R.drawable.flpy).fit.rounded.make()
                }.blue800.rounded.make()
            HeightBox(20)
            VxCard {
                "VxCard Example".text.blue800.bold.xl.p20.make()
                }.make()
    }.p16.make()
Basic Example of VxSpacer 
  VxSpacer().w20().hFull().make()
Basic Widgets to give space 
  HeightBox(20)
  WidthBox(20)

Project Created & Maintained By

Pawan Kumar

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

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 ☕

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

Copyright-and-license

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

GitHub

View Github