30 articles
Content
Blocks that present a piece of content, such as feature boxes, testimonials, pricing tables and team members. Reach for these when you are building the body of a page and the words matter more than the structure around them. Designs adding blocks here: Bike, Finance, Forum, Modern Blog and 1 more.
Background Video / AudioA self-hosted looping video or audio layer for a hero, section background or designed player. Emits just the media element, so the wrapper that positions it stays yours.Cascading ImagesLayered image composition with per-image translate, rotate, scale, z-index, animation delay, and optional decorative background shapes.ChartsDraw a chart from a data set you supply, so figures from a report or a price comparison can be read at a glance. The chart type, its data and its labels all come from...Circle StackA horizontal stack of circular avatars, icons, or text badges: ideal for team teasers, social proof, and follower counts.ClientsDisplay client, partner, or brand logos in a responsive grid or owl-carousel with optional linking and lightbox support.Data TablesLay out rows and columns of structured information, such as a specification list or a plan comparison, with column headings visitors can sort by and an optional summary...Google MapEmbed a Google Map with custom markers, map type, zoom level, and style overrides.Hover CardsImage card that tilts in 3D under the pointer, with a title and category caption that lift toward the viewer.Icon BrowserSearchable reference grid of every icon in the enabled icon packs.Inline SVGVector icon drawn from SVG path data, with size, colour, viewBox and per-layer opacity as sidebar controls.Link TilesA grid of icon-and-label tiles, each linking to a page. Tiles pointing at a page that does not exist are left out.Lists & CardsBootstrap-based list groups and cards with multiple styles, colors, and layouts.Media EmbedPlace a video or audio player on the page from a hosting service, from a file you have uploaded, or from an embed address a provider gave you, sized to the aspect ratio...Nav TreeAn indented multi-level link tree: the navigation list a side panel or documentation sidebar uses.NavbarCollapsible navigation bar with a brand, hamburger toggler, dropdown links and an optional trailing search form, button or text.Overlay ContentOne content layer inside an overlay: aligned, optionally masked, with trigger icons and nested blocks.Overlay ItemAn image card with an overlay stacked on top of it: badge, tint layer, and one or more overlay content layers.Page TitleThe page-title / hero bar. Drop a heading, subtitle, and breadcrumbs inside; choose alignment, a background image, parallax, and a dark scheme.Page Title ButtonsAction buttons in the page-title band. Reads each page's own buttons in dynamic mode, or renders the buttons you author here. A button with no link becomes a scroll...ParticlesAn animated particle background layer for a section: line web, starfield, bubbles, snow or low poly.PreloaderAn animated CSS loading indicator in any of the design system’s loader styles.Pricing SwitcherToggle switch that controls monthly/yearly (or any two-state) pricing display across paired Pricing Table blocks.Q&A ItemOne question and its answer, each with its own marker: the building block of an interview.Rounded SkillsCircular progress skill bars with animated percentage indicators.Scroll ArrowAn animated scroll-down arrow for hero sections: smooth-scrolls to a target section anchor.Star RatingA star rating you set as a single score. Supports half stars, custom icons and an optional wrapper element.TestimonialsShow what customers say about you as a grid, a rotating carousel or speech bubbles, with an author, a photo and a star rating on each quote.ThumbnailsImage thumbnail grid with hover effects and optional captions. Supports lightbox and link overlays.TickerScrolling announcement ticker with configurable items, direction, speed, and styling.Twitter FeedA rotating feed of an account's latest tweets, fetched when the page loads. Choose the account, how many to show and how the widget is laid out.