Compose Unstyled

Here is your chance to contribute to @ComposeUnstyled: Create a GithubAction that runs `./gradlew test` on PR. More and more people are asking to contribute to the project, so now it's a good time to introduce a CI. If you know how to use Github Actions or want to learn, there is no better candidate than this. Full details at: github.com/composablehori…

The Compose Unstyled boilerplates now come with Preview Support Shoutout to lfabiani on Github for the PR

✨ Introducing the official Compose Unstyled boilerplates 2 free open-source template projects to get started building with Compose Unstyled in seconds. Both boilerplates are minimal, and are a great starting point for your projects. Include: - ✅ Fully custom theme based on design tokens - ✅ Example themable components - ✅ Boilerplate for Android, iOS, Desktop and Web apps - ✅ Auto-code reload for faster development (Compose Hot Reload on CMP) - ✅ `.gitignore` - ✅ No Material dependencies Links to both in the reply.

✨ Introducing Compose Ripple Indication Adds the shiny Material ripple effect in every app and design system. - No need for Material Compose - Works on every platform Github and playground app in the reply below.

If you are building with Compose Unstyled and you share it on X, make sure to tag it with #composeunstyled Would love to see your work!

AI is stealing my job thanks to the new [🧠 AI Buttons] I added to the @ComposeUnstyled docs today. Ask any question you want about the library and how to create custom components directly to the LLMs. You can either copy the page directly to use with any LLM or ask @ChatGPTapp, and @claudeai.

Just shipped a new Compose Unstyled component: 💬 Tooltip 🎯 Handles focus, hover and long press interactions 🦻 Screen reader support out of the box 🔝 Arrow (caret) support and of course fully customizable Watch to learn what this bad boy can do. Live demo and code examples in the reply below.

⚡️ Introducing Composables One Universal Components for Compose UI, so that you can build apps that look like yours, not Google's. The reason why I built this is because Material Compose is not built with multiplatform in mind. It is missing keyboard navigation, and controls looks oversized on desktop and web. (Material looks kind of funky on iOS but that's a preference) Instead of fighting Material for customizations, I went ahead and built every component from scratch with a clean modern look that looks great on every platform. Today I am making them available to everyone. Official blog announcement in the reply.

⭐️ New in @ComposeUnstyled 1.43.1 Added three new APIs for building responsive apps with: 🪟 currentWindowContainerSize(): returns the DpSize of the container your component is hosted 📚 Stack: Place items horizontally or vertically dynamically. Handy when used with the window container size. 🎯 minimumInteractiveComponentSize(): specify the minimum interactive size for your components. This is a new property for your themes. This way you can make your interactive elements bigger on touch devices but smaller on desktop/web.

⚡️ Compose Unstyled v1.40.0 is out! Use Android XML themes directly in Jetpack Compose. The new resolveThemeX() API helps you migrate your Views to Composables by gradually moving your XML themes into your Compose Theme.

Introducing Compose Unstyled Compose Unstyled is an API for implementing any design system in Jetpack Compose and Compose Multiplatform. 🎨 Token based Theming API 🍱 20+ renderless components 🎹 Keyboard navigation 🤟 Fully a11y Link in the reply

You asked for this @ComposeUnstyled's latest unstyled component is: ✅✅✅TriStateCheckbox Tri state checkboxes have 3 states - One, Off and Intermediate. They are typically used in tables, where you want a way to quickly select all items. Docs and live demo in the reply:

🧌 IT'S ALIVE! The latest version of @ComposeUnstyled adds a few handy styling modifiers: 💍 outline – draws an border *around* your composable. As opposed to border, this one does not affect layout. 🎯 focusRing – draws the outline of your composable, but only when the component gains focus. This is handy for keyboard navigation. You can try them out live straight from your browser (thanks Compose Web) by following the link in the reply

✨ New day, new bottom sheet improvement. Made the bottom sheet feel snappier by instantly dismissing the scrim (window dimming) when tapping outside. Previously the sheet had to be removed fully before removing the dimming. Coming up in the next release of @ComposeUnstyled

💬 Just enabled Github Discussions on the @ComposeUnstyled repo It's a great place that you can request for components, upvote your favorites, get help and discuss with other Compose Unstyled devs. Link in the reply to make the algo happy.

Just tagged v1.38.1 of @ComposeUnstyled! 🎹 Made Sheets keyboard aware (opt-in) ⚡️ Dynamic Sheet detent support 🔘 New outline modifier (!!!) and more Change log in the reply.

New in @ComposeUnstyled 1.35.0 You can now create your own 🖌️ Themes Strongly typed, dynamic Compose UI themes with the design tokens of your choice.

🏷️ Just tagged 1.33.0 of @ComposeUnstyled This version includes a few important fixes to bottom sheets and more styling options to various components

Quick Compose news Compose Multiplatform 1.8.0 is released. It makes Compose on iOS stable & production ready. Compose Unstyled just got CMP 1.8.0 ready and you can now use in on your 🍎 iOS apps I also took this chance to make a mini Component Catalogue app so that you can play with all components right from your phone composeunstyled.com

@ChrisKruegerDev @alexstyl Should be alright now

@alexstyl @ComposeUnstyled Account is restricted

Compose Unstyled is now on X (@ComposeUnstyled) Go follow the account for specific library updates