JetCo

A ready-to-go Compose library building awesome UI components!

Generate Convert Improve

Install / Use

/learn @developerchunk/JetCo

About this skill

Quality Score

0/100

README

     ██╗███████╗████████╗ ██████╗ ██████╗ 
     ██║██╔════╝╚══██╔══╝██╔════╝██╔═══██╗
     ██║█████╗     ██║   ██║     ██║   ██║
██   ██║██╔══╝     ██║   ██║     ██║   ██║
╚█████╔╝███████╗   ██║   ╚██████╗╚██████╔╝
 ╚════╝ ╚══════╝   ╚═╝    ╚═════╝ ╚═════╝ 
    YOUR ULTIMATE COMPOSE COMPANION

Your ultimate Open-Source partner for crafting visually stunning, interactive, and efficient UI components across multiple platforms including Android, iOS, JVM, JS, and WASM. <a href="https://github.com/DeveloperChunk/JetCo/releases"> <img src="https://img.shields.io/github/v/release/developerchunk/jetco?style=flat-square&logo=github&color=blue" alt="Release"> </a> <a href="https://central.sonatype.com/artifact/com.developerstring.jetco/ui"> <img src="https://img.shields.io/maven-central/v/com.developerstring.jetco/ui?style=flat-square&logo=apache-maven&color=orange" alt="Maven"> </a> <a href="https://jetco.developerstring.com"> <img src="https://img.shields.io/badge/Jetco Documentation-4CAF50?style=for-the-badge&logo=gitbook&logoColor=white" alt="JetCo Documentation"> </a>

Component Showcase

✨ Discover our beautiful collection of UI components ✨ </div>

Charts & Graphs

<table align="center"> <tr> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/live_line_chart.gif?raw=true" alt="Live Line Chart" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Live Line Chart </td> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/multi_line_graph.png?raw=true" alt="Multi Line Graph" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Multi Line Graph </td> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/candlestick_chart.png?raw=true" alt="Candlestick Graph" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Candlestick Chart </td> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/1.jpg?raw=true" alt="Pie Chart" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Pie Chart </td> </tr> <tr> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/2.jpg?raw=true" alt="Column Bar Chart" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Column Bar Chart </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/3.jpg?raw=true" alt="Extended Column Bar Chart" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Extended Bar Chart </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/4.jpg?raw=true" alt="Group Column Bar Chart" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Group Bar Chart </td> <td align="center"> </td> </tr> </table>

UI Components

<table align="center"> <tr> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/custom_date_picker.png?raw=true" alt="Custom Date Picker" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Custom Date Picker </td> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/ticket_card.png?raw=true" alt="Ticket Card" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Ticket Card </td> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/curvedCard-1.png?raw=true" alt="Curved Card" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Curved Card </td> <td align="center" width="25%"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/curvedCard-2.gif?raw=true" alt="Curved Card Animation" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Curved Card Pro </td> </tr> <tr> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/vertical-stepper.png?raw=true" alt="Vertical Stepper" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Vertical Stepper </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/HorizontalStepper.png?raw=true" alt="Horizontal Stepper" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Horizontal Stepper </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/CompactHorizontalStepper.png?raw=true" alt="Compact Horizontal Stepper" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Compact Stepper </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/switch_button.gif?raw=true" alt="Switch Button" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Switch Button </td> </tr> <tr> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/AnimatedSearchBar.gif?raw=true" alt="Animated Search Bar" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Animated Search Bar </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/fab_radial.gif?raw=true" alt="Radial FAB Variant" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Radial FAB </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/fab_stack.gif?raw=true" alt="Stack FAB Variant" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Stack FAB </td> <td align="center"> <img src="https://github.com/developerchunk/JetCo/blob/main/assets/images/fab_morph.gif?raw=true" alt="Morph FAB Variant" width="100%" style="border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);"/> Morph FAB </td> </tr> </table>

Platform Support

<table style="border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1);"> <tr> <td align="center" style="padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);"> <img src="https://img.shields.io/badge/Android-3DDC84?style=flat&logo=android&logoColor=white" width="100"/> Android API 21+ </td> <td align="center" style="padding: 20px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);"> <img src="https://img.shields.io/badge/iOS-000000?style=flat&logo=ios&logoColor=white" width="100"/> iOS iOS 11+ </td> <td align="center" style="padding: 20px; background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);"> <img src="https://img.shields.io/badge/Desktop-0078D4?style=flat&logo=windows&logoColor=white" width="100"/> Desktop JVM 11+ </td> <td align="center" style="padding: 20px; background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);"> <img src="https://img.shields.io/badge/Web-FF6F00?style=flat&logo=javascript&logoColor=white" width="100"/> Web ES2015+ </td> <td align="center" style="padding: 20px; background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);"> <img src="https://img.shields.io/badge/WASM-654FF0?style=flat&logo=webassembly&logoColor=white" width="100"/> WASM WASM 1.0 </td> </tr> </table> Write once, run everywhere! </div>

Documentation

<p style="font-size: 18px;

Related Skills

node-connect

354.3k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

112.3k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

354.3k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

354.3k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。