Features

Twenty-seven sections that set out what a product does: icon cards, numbered rows and checklists, layouts led by photos, panels the visitor operates, and the product in use.

Each one installs on its own. Preview it at desktop, tablet or mobile width, in either direction. New to blocks? Start with the introduction.

Icon Card Grid

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-icon-card-grid

Compact Icon Index

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-compact-icon-index

Numbered Feature Rows

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-numbered-feature-rows

Feature Checklist Columns

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-feature-checklist-columns

Colour Block Cards

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-colour-block-cards

Stat Feature Band

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-stat-feature-band

Split Photo + Icon List

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-split-photo-icon-list

Photo Bento

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-photo-bento

Feature List + Thumbnails

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-feature-list-thumbnails

Photo + Feature Chips

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-photo-feature-chips

Media Rail

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-media-rail

Full-Bleed Photo Banner

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-full-bleed-photo-banner

Editorial Photo Split

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-editorial-photo-split

Photo Collage

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-photo-collage

Notched Photo Columns

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-notched-photo-columns

Perforated Photo Strip

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-perforated-photo-strip

Portrait Photo Cards + Link Row

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-portrait-photo-cards-link-row

Photo Carousel

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-photo-carousel

Photo Tabs Panel

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-photo-tabs-panel

Accordion + Photo

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-accordion-photo

Expanding Step Cards

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-expanding-step-cards

Compare Panels + Chat Answer

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-compare-panels-chat-answer

Numbered Steps + Floating Cards

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-numbered-steps-floating-cards

Solid Colour Cards

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-solid-colour-cards

Icon-Titled Preview Rail

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-icon-titled-preview-rail

Tinted Product Bento

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-tinted-product-bento

Showcase Card Pair

Open full screen

Install

bash

npx @smicolon/fasla-ui@latest add features-showcase-card-pair