Skip to main content

Top Android ChipView Libraries

Top Android ChipView Libraries.

Android offers a wide range of libraries that developers can utilize to enhance their applications. One popular category of libraries is the ChipView libraries, which provide a versatile and user-friendly way to display and interact with chips, also known as tags or tokens. These libraries offer various features, such as customizable chip designs, auto-completion, filtering, and more. In this tutorial, we will explore some of the top Android ChipView libraries, their installation process, and usage examples.

1. Material ChipView:​

The Material ChipView library is a powerful and flexible chip library that follows the Material Design guidelines. It offers a variety of customization options, including different chip shapes, colors, and icons. To install this library, add the following dependency to your app-level build.gradle file:

implementation 'com.github.robertlevonyan:material-chip-view:1.2.0'

Usage example (Kotlin):

val chipGroup: ChipGroup = findViewById(R.id.chipGroup)

val chip = Chip(this)
chip.text = "Example Chip"
chip.isClickable = true
chip.isCheckable = true
chipGroup.addView(chip)

2. Flexbox ChipView:​

Flexbox ChipView is a flexible and powerful chip library that utilizes the Flexbox layout manager. It provides an easy way to create responsive chip layouts with various customizable options. To include this library in your project, add the following dependency:

implementation 'com.google.android:flexbox:2.0.1'

Usage example (Java):

FlexboxLayout flexboxLayout = findViewById(R.id.flexboxLayout);

FlexboxChipView chip = new FlexboxChipView(this);
chip.setText("Example Chip");
flexboxLayout.addView(chip);

3. Token AutoComplete ChipView:​

Token AutoComplete ChipView is a versatile library that combines chip functionality with auto-completion. It allows users to select chips from a predefined list or dynamically generated suggestions. To include this library in your project, add the following dependency:

implementation 'com.tokenautocomplete:tokenautocomplete:1.5.5'

Usage example (Kotlin):

val tokenCompleteTextView: TokenCompleteTextView = findViewById(R.id.tokenCompleteTextView)

// Create a TokenListAdapter with your custom data
val adapter = TokenListAdapter(this, R.layout.item_chip, customDataList)
tokenCompleteTextView.setAdapter(adapter)

Additional ChipView Libraries:​

  1. ChipsLayoutManager: A flexible chip library that provides a customizable chip layout manager. GitHub Repository

  2. ChipCloud: A lightweight chip library that supports customizable chip styles and animations. GitHub Repository

  3. ChipEditText: A chip library designed specifically for EditText fields, supporting chip insertion and deletion. GitHub Repository

  4. ChipRecyclerView - ChipRecyclerView library helps in showing chip views that can be laid out in horizontal direction, and can �flex� their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent..

  5. ChipViewGroup - An android library to add chips in your activity.

  • ChipCloud - Android UI library that creates 'chip' clouds.
  • ChipLayout - ChipLayout is an opensource Android library. ChipLayout is an layout which create chips from the text you type and also allow you to show drop down(like MultiautocompleteTextView).
  • TagView - The tag selection library with edit text and list.
  • MaterialChipsInputDemo - Using the new material library from google to implement Chips just like the Gmail app. Using commas to generate new chips from EditText inside ChipGroup and deleting them on close icon click or backspace press from soft keypad..
  • ChipTextViewHelper - Android demo app/library for easy implementation of chip-like text in your TextViews (EditText, AutoCompleteTextView, etc..).
  • nanochips - Customizable Android chips library.
  • ExtendedChipGroup - ExtendedChipGroup extend from ChipGroup which was added in google material library. I added a function to control the max number of lines, as well as buttons for while / hiding chips.
  • ChipRecyclerView - ChipRecyclerView library helps in showing chip views that can be laid out in horizontal direction, and can �flex� their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent..
  • chips-input - This library is modified and reduced type of Android Open Source Project (RecipientEditText.java).
  • AndroidChips - One of the cool widgets that you can use with the Material Design Components library is Chip. A Chip is a component that can represent input, filter, choice or action of a user..
  • AndroidFTDI - Library that allows to communicate with FTDI chip from Android application.
  • AndroidChipsUI - Based on https://github.com/kpbird/chips-edittext-library.
  • ChipViewGroup - An android library to add chips in your activity.
  • MaterialChip - A Library of Material Chips in Android.
  • EmojiTags - A simple Android library to display chips with auto suggested Emojis.

In this tutorial, we explored some of the top Android ChipView libraries and demonstrated their installation process and usage examples. These libraries provide a seamless way to implement chip functionality in your Android applications, allowing for enhanced user interaction and data organization. By leveraging the features of these libraries, you can create visually appealing and user-friendly chip-based interfaces.