This project is not covered by Drupal’s security advisory policy.
Views Style Pack adds a Style Pack format to Views with 20 ready-made designs. Pick a design, map your fields to its parts and get a polished listing without writing templates or CSS.
Designs
- Grids: Cards, Horizontal cards, Image overlay cards, Masonry, Gallery, Bento grid, Featured first item, Scrolling carousel
- Lists: Compact list, Ranked list, Magazine, Accordion
- Sequences: Timeline, Alternating timeline, Numbered steps
- Marketing: Pricing table, Testimonials, Team members, Statistics, Feature list
Features
- No CSS framework, no JavaScript, no extra dependencies.
- Works with any theme, in light and dark color schemes.
- Responsive layouts based on container queries.
- Each design loads only its own small stylesheet.
- Per-view column count, spacing and accent color.
- Field slots: media, eyebrow, title, value, body, meta and action.
- Override any design with a
views-style-pack--DESIGN.html.twigtemplate.
Getting started
- Install with
composer require drupal/views_style_packand enable the module. - Edit a view and set Format to Style Pack.
- Choose a design and map your fields in Field slots.
Requirements
Drupal 11.2 or later. Views (core).
Similar projects
Views Bootstrap provides similar layouts but requires a Bootstrap theme. Views Style Pack is framework-free and works with any theme.
Supporting organizations:
Sponsored development time
Project information
- Project categories: Content display, Site structure
- Created by fazal_haq on , updated
This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
Releases
1.0.0-alpha2
released 11 November 2026
Works with Drupal: ^11.2
First alpha: 20 Views designs, no framework needed
