All Projects → cyberagent-zemi → katalog

cyberagent-zemi / katalog

Licence: other
A UI Catalog Library made with Jetpack Compose

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to katalog

compose-actors
🤖 Android app built with jetpack 🚀 compose follows new revamped guide to app architecture. Implemented with State, Coroutines ➰, ViewModels, Repository pattern, Light/Dark theme 🌈 MD3, Animations, Draw on canvas, Custom layouts, UI state handling, 🌀 Image loading with coil, Palette 🎨 usage and dynamic theming etc.
Stars: ✭ 80 (+40.35%)
Mutual labels:  jetpack-compose
ComposableSweetToast
Jetpack Compose, Custom Toast, Solid Principles, Kotlin
Stars: ✭ 60 (+5.26%)
Mutual labels:  jetpack-compose
Holi
Holi is a lightweight Jetpack Compose library of colors, gradients and cool utility functions for all your palette needs!
Stars: ✭ 160 (+180.7%)
Mutual labels:  jetpack-compose
me
A Jetpack Compose Kotlin Multiplatform WYSIWYG blog editor
Stars: ✭ 62 (+8.77%)
Mutual labels:  jetpack-compose
wordle-kt
Wordle game clone made with Kotlin & Compose
Stars: ✭ 33 (-42.11%)
Mutual labels:  jetpack-compose
Paper
A minimal notes application in Jetpack Compose with MVVM architecture. Built with components like DataStore, Coroutines, ViewModel, LiveData, Room, Navigation-Compose, Coil, koin etc.
Stars: ✭ 122 (+114.04%)
Mutual labels:  jetpack-compose
compose chat
一个用 Jetpack Compose 实现的 IM APP
Stars: ✭ 158 (+177.19%)
Mutual labels:  jetpack-compose
Brick
🧱 Brick - Multiplatform navigation library for Compose.
Stars: ✭ 33 (-42.11%)
Mutual labels:  jetpack-compose
Tracktor-ComposeUI
Track the progress of anything in one place
Stars: ✭ 25 (-56.14%)
Mutual labels:  jetpack-compose
Compose-boids-flocking
Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨
Stars: ✭ 36 (-36.84%)
Mutual labels:  jetpack-compose
material-motion-compose
Material Motion for Jetpack Compose
Stars: ✭ 335 (+487.72%)
Mutual labels:  jetpack-compose
ShaderShowcaseApp
A Jetpack Compose-based app to exhibit all the beautiful GLSL Fragment shaders I have ever written, where you can set them as Live Wallpaper.
Stars: ✭ 173 (+203.51%)
Mutual labels:  jetpack-compose
kmm
Rick & Morty Kotlin Multiplatform Mobile: Ktor, Sqldelight, Koin, Flow, MVI, SwiftUI, Compose
Stars: ✭ 52 (-8.77%)
Mutual labels:  jetpack-compose
Decompose
Kotlin Multiplatform lifecycle-aware business logic components (aka BLoCs) with routing functionality and pluggable UI (Jetpack Compose, SwiftUI, JS React, etc.), inspired by Badoos RIBs fork of the Uber RIBs framework
Stars: ✭ 799 (+1301.75%)
Mutual labels:  jetpack-compose
PixelMusic
Unofficial NetEase Cloud music player
Stars: ✭ 72 (+26.32%)
Mutual labels:  jetpack-compose
neumorphic-compose
Neumorphism UI on Android with Jetpack Compose.
Stars: ✭ 229 (+301.75%)
Mutual labels:  jetpack-compose
Jetpack Compose News
基于Jetpack Compose实现的一款集新闻、视频、美图、音乐、天气等功能的资讯App,持续完善中...
Stars: ✭ 58 (+1.75%)
Mutual labels:  jetpack-compose
datmusic-android
Music search, downloader & player app using Jetpack Compose
Stars: ✭ 448 (+685.96%)
Mutual labels:  jetpack-compose
CountdownTimer
Countdown timer app built in Jetpack Compose
Stars: ✭ 38 (-33.33%)
Mutual labels:  jetpack-compose
RocketXDelight-Playground
Native Android application built with Kotlin and Jetpack Compose. This project also illustrates the usage of advanced libraries such as Ktor, SqlDelight, Hilt, etc with the recommended practices and Unit Tests.
Stars: ✭ 37 (-35.09%)
Mutual labels:  jetpack-compose

Katalog

A UI Catalog Library made with Jetpack Compose


Features


Getting Started

step1: Add the dependency

Add Maven Central repository to your build.gradle.

repositories {
    mavenCentral()
}

Add the package dependencies to your build.gradle.

dependencies {
    implementation("jp.co.cyberagent.katalog:katalog:1.0.2")
    // If you are using compose 1.1.0-rc01
    // implementation("jp.co.cyberagent.katalog:katalog:1.1.0-beta05")
}

step2: Register the UI component

Just run the registerKatalog function in your application. To register a Composable, use the compose function.

class MyApplication : Application() {
    override fun onCreate() {
        super.onCreate()

        registerKatalog(
            title = "My App Catalog"
        ) {
            compose("UI Component") {
                Text(text = "Hello, World")
            }
        }
    }
}

You can use the group function to group components.

registerKatalog(
    title = "My App Catalog"
) {
    group("Group 1") {
        compose("UI Component") {
            /* ... */
        }
    }

    group("Group 2") {
        /* ... */
    }
}

The group can also be assigned to a variable.

val group1 = group("Group 1") {
    /* ... */
}
val group2 = group("Group 2") {
    /* ... */
}
registerKatalog {
    title = "My App Catalog"
    group(group1, group2)
}

step3: Start Catalog Activity

Start KatalogActivity from your debug menu.

KatalogActivity.start(activity)

You want to know more?

Please check the Full Documents.

Ideas

License

Copyright 2021 CybeAgent, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].