composables-co/roadmap

The public roadmap for Composables UI

Welcome to the Composables UI Roadmap

This repository is used to keep track of all existing component and screen requests you would like to see on Composables UI.

• 🔝 Most popular requests
• 🙏 See existing requests
• 🗺️ See Roadmap

roadmap's Issues

Charts & Data visualization

Give a short description to the component or screen
Charts

Describe the the component or screen
Provide charts for statistics and data visualization, ie for banking apps, currency apps.

Examples of what can be provided:

• Graphs
• Pie charts

Example from Monzo Trends:

Social Share dialog

Give a short description to the component or screen
Social Share Dialog

Describe the the component or screen
Provide a component with a list of potential recipients, such as to share the installed app with a contact.

Phone keypad

Give a short description to the component or screen
A component that allows the user to input a phone number

Expandable Cards

In-App rating prompt Dialog

Give a short description to the component or screen
In-App rating Dialog

Describe the the component or screen
Provide dialog(s) so that devs can prompt the user to rate the app

Horizontal Pagers

Give a short description to the component or screen
Horizontal Pagers

Maps

Give a short description to the component or screen
Maps

Describe the the component or screen
Ready made template for using maps in a compose app. Potentially use the Google Maps Compose SDK

🙏 How to request for a component or screen

How to request new components

1. If there is no existing component request (kindly search in the current issues), you can create a new Component Request. We have created a Template to make the request as easy as possible.
2. If your request is accepted, it will be shown on the Roadmap. You will be notified via e-mail or via the Discord when new components are released.

See example request

Expandable cards

Copy pasting request from the website

Give a short description to the component or screen
Expandable cards

Describe the the component or screen
"Expandable cards would be great with added compostables. I mean not just expand a text inside a card. We should see some composable functions after expanding it."

Expandable List

Give a short description to the component or screen
Expandable List

Describe the the component or screen
Provide lists that expand and collapse on click

Sorting and filter Tables

Give a short description to the component or screen
Sorting and filter Tables

Describe the the component or screen
There is already a Tables section in Composables UI. This request is to be able to sort and filter on the component

Notification Center & Notifications

Give a short description to the component or screen
Notification Center

Describe the the component or screen
In-app notifications is a common pattern in many modern apps. This request is to provide a screen and components for in-app notification history

Feedback Form

Give a short description to the component or screen
Feedback Form

Describe the the component or screen
Provide a form so that users can provide feedback

Help & Support screen

Give a short description to the component or screen
Help & Support

Describe the the component or screen
Provide a screen for in-app help and support.

👋 Welcome to the Composables UI Roadmap

Welcome to the Composables UI Roadmap.

This is the place to request components and screen you would like to be added to Composables UI.

Links

• 🗺️ See Roadmap
• 🆙 Upvote Requests
• 💬 Discord

Tabs

Give a short description to the component or screen
Tabs

Describe the the component or screen
Implementation of tabs

Masonry Grids

Give a short description to the component or screen
Masonry Grids

Describe the the component or screen
Provide ready built examples of Masonry Grids

Stories

Give a short description to the component or screen
Stories Preview

Describe the the component or screen
Provide an example of a Stories layout (similar to Snapchat, Instagram, etc)

Responsive settings screen

Give a short description to the component or screen
Responsive settings screen

Describe the the component or screen
A common pattern for settings screen is the list/detail pattern. The current Settings screen is not making the most of the screen state.

Accessibility Support

Provide accessibility support for all components, following Compose semantics

Reorder LazyColumn items with drag & drop

Give a short description to the component or screen
Drag & Drop LazyColumn

Describe the the component or screen
I would like to have a LazyColumn with items that I can drag and drop to reorder

Payments Screen – Request example

Give a short description to the component or screen
Add card details screen

Describe the the component or screen
I would like to be able to receive payments in my app and I need a way to have my users add their card details

Additional context
I found this on Dribbble and I thought it was cool:

Banners

Give a short description to the component or screen
Banners

Describe the the component or screen
Provide ready banners, either for prompt the user to give a optional permission, checkout a product, install an other app, etc.

Example found online:

Empty states

Give a short description to the component or screen
Empty states

Describe the the component or screen
Provide ready made empty states components, usually to create a new item.

Payments screen

Give a short description to the component or screen
Provide Payments examples

Currently planned patterns

• Choose payment method
• Add new card details

🗳️ How to upvote components and screens

Go to Github Issues and check whether the component or screen you want has already been submitted.

If it does, make sure to (👍) react to it. This help us prioritise the components. The more votes, the higher the chance the component will be accepted and be built before others.

Video example:

req.mov