whatisgithub

What is vlayout?

alibaba/vlayout — explained in plain English

Analysis updated 2026-06-24

10,744JavaAudience · developerComplexity · 2/5Setup · moderate

In one sentence

vlayout is an Android library from Alibaba that lets you mix different layout styles, grids, banners, sticky headers, horizontal strips, inside one scrollable list. No longer maintained.

Mindmap

mindmap
  root((vlayout))
    What it does
      Mixed-layout lists
      RecyclerView extension
      Section-based layout
    Layout helpers
      Grid sections
      Sticky headers
      Waterfall grid
      Floating overlay
    Use cases
      Shopping feeds
      News pages
      Complex Android UI
    Status
      Archived no updates
      Part of Tangram system
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a shopping feed or news page with a banner, grid sections, and linear lists all in one scrollable RecyclerView.

USE CASE 2

Add a sticky header that stays pinned to the top of the screen as the user scrolls past a section.

USE CASE 3

Create a waterfall-style staggered grid section inside a larger mixed-content Android feed.

What is it built with?

JavaAndroidRecyclerView

How does it compare?

alibaba/vlayoutzfile-dev/zfiletootallnate/java-websocket
Stars10,74410,74610,809
LanguageJavaJavaJava
Setup difficultymoderatemoderateeasy
Complexity2/53/52/5
Audiencedeveloperops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Project is archived and no longer maintained, no new updates or bug fixes will be released.

So what is it?

vlayout is an Android library from Alibaba that solves a specific layout problem: how to display many different types of content arrangements inside a single scrolling list. On a typical app screen like a shopping feed or news page, you might have a banner at the top, then a row of items in a grid, then a horizontal strip, then a linear list, all stacked in one scrollable view. Normally this is difficult to build cleanly on Android. vlayout makes it manageable. The library works as an extension to RecyclerView, which is the standard Android component for displaying scrollable lists. Instead of one layout rule for the whole list, vlayout lets you assign different layout rules to different sections of the same list. Each section is controlled by a layout helper, and the library comes with many built-in helpers out of the box. The built-in helpers cover common patterns: a simple stacked list, a grid, a sticky header that pins to the top of the screen as you scroll past it, a floating view the user can drag around, a fixed overlay that stays in one spot on screen regardless of scrolling, and a waterfall-style staggered grid. You can also write your own layout helpers if none of the defaults fit. To use the library, you swap in a custom layout manager and then attach a delegate adapter that holds multiple sub-adapters, each responsible for its own section of the list with its own layout helper assigned. The README opens with a prominent notice that this project is no longer maintained. It was part of Alibaba's broader Tangram UI system for Android and iOS. Anyone starting new projects should be aware that no further updates are coming.

Copy-paste prompts

Prompt 1
Show me how to set up vlayout in an Android project to display a banner section, a 3-column grid, and a linear list all in one RecyclerView.
Prompt 2
How do I implement a sticky header in vlayout that pins to the top of the screen when the user scrolls past it?
Prompt 3
Write a delegate adapter setup for vlayout that combines two sub-adapters, one for grid items and one for a horizontal strip.
Prompt 4
What is the difference between vlayout's GridLayoutHelper and StaggeredGridLayoutHelper, and when should I use each?

Frequently asked questions

What is vlayout?

vlayout is an Android library from Alibaba that lets you mix different layout styles, grids, banners, sticky headers, horizontal strips, inside one scrollable list. No longer maintained.

What language is vlayout written in?

Mainly Java. The stack also includes Java, Android, RecyclerView.

How hard is vlayout to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is vlayout for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.