A minimalist framework for rapidly building Jetpack compose apps.

Overview

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


VelocityX 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.

You might also like...
Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨
Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

🐜 🐜 🐜 Compose flocking Ants(boids) 🐜 🐜 🐜 Jetpack compose Boids | Flocking Insect. bird or Fish simulation using Jetpack Compose Desktop 🚀 , usi

A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!
A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Why Not Compose! A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.
This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

JetBMICalculator This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Co

Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose
Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose

Jetpack-Compose-Demo Instagram Profile UI using Jetpack Compose

Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Compose-navigation - Set of utils to help with integrating Jetpack Compose and Jetpack's Navigation

Jetpack Compose Navigation Set of utils to help with integrating Jetpack Compose

Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

Jetpack Compose UIs This is a collection of some UIs using Jetpack Compose. It i

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose
A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

Android Jetpack is a set of components, tools and guidance to make great Android apps.

Android Jetpack is a set of components, tools and guidance to make great Android apps. They bring together the existing Support Library and Architecture Components and arrange them into four categories.

Comments
  • added DateTime Extension

    added DateTime Extension

    -> added DateTime Extension -> Updated Gradle version of the testing app from 7.3.3-bin to 7.4-bin -> Changed min SDK of the testing app from 21 to 26 -> Changed target SDK of library and testing app from 32 to 33

    opened by shekharAggarwal 1
Releases(1.0.0-alpha01)
Owner
Pawan Kumar
Empowering People | Web3 🦄 | Flutter | 120K+ Youtube ▶️ | 50K+ Linkedin | 30K+ Twitter | 10K+ Github 👨🏻‍💻 | Google Developer Expert | Building Frontier 🚀
Pawan Kumar
Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

MindOrks 382 Jan 5, 2023
⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration

?? create-compose-app A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configur

theapache64 466 Dec 21, 2022
⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration

?? create-compose-app A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configur

theapache64 468 Dec 30, 2022
Forget about bunch of XML files for maintaining UIs. Jetpack Compose is Android’s modern toolkit for building native UI. Here is a small example to get started.

Jetpack Compose Sample Description This repository is to get started with new Jetpack Compose Toolkit for Android. By using Jetpack Compose you no nee

Simform Solutions 39 Nov 10, 2022
Building a Simple Photo App with Jetpack Compose, CameraX, and Kotlin coroutines

Building a Simple Photo App with Jetpack Compose, CameraX, and Kotlin coroutines This repository holds code created as part of the aforementioned tuto

david 30 Dec 9, 2022
Add Cloud Firestore to your Android apps built with Jetpack Compose

JetFirestore Add Cloud Firestore to your Android apps built with Jetpack Compose Now with Jetpack Compose you can easily add Cloud Firestore to your e

Pankaj Rai 13 Oct 26, 2022
Add chips to your apps built with Jetpack Compose!

Chip Add chips to your apps built with Jetpack Compose! To get started with Chip just add the maven url and the Chip dependency build.gradle (Project

Pankaj Rai 6 Sep 27, 2022
Some tips for developers who will involve Jetpack Compose in new APPs

Compose TakeAway 给即将用Jetpack Compose开发APP的开发人员 1. Jetpack Compose vs Xml Pros: 声明式UI,纯kotlin 代码更少 可直接兼容现有View - 双向兼容 性能更好(measure次数减少...) UI自定义更简单 没有a

Le 2 Mar 24, 2022
Particle clock created with Jetpack Compose framework

Jetpack Compose Particle Clock made with Jetpack Compose This project is inspired by Flutter Particle Clock. License Copyright 2018 Adib Faramarzi. Li

Adib Faramarzi 366 Dec 29, 2022
A feature flag framework for Android using Kotlin and Jetpack Compose

Feature Flags are essential for software development and release management

Rygel Louv 6 Aug 21, 2022