VelocityX

Show some ❤️ and star the repo.

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 ☕

PayPal

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

Copyright-and-license

GitHub

View Github