Building Blocks
List
List Block Overview
The features of the List block.
Layout: List with horizontal cards and upvoting button
Overview of the List layout.
Layout: List with deletable elements, vertical cards
Overview of the List layout.
Layout: List with small cards
Overview of the List layout.
Layout: List with timeline
Overview of the List layout.
Layout: List with horizontal cards
Overview of the List layout.
Layout: List with columnar sliding cards
Overview of the List layout.
Layout: Inbox
Overview of the List layout.
Layout: List with horizontal sliding cards
Overview of the List layout.
Layout: List with vertical cards and tag
Overview of the List layout.
Layout: List with vertical cards and description
Overview of the List layout.
Layout: List with vertical cards and video
Overview of the List layout.
Layout: List with vertical cards and visible button
Overview of the List layout.
Layout: List with horizontal cards and visible button
Overview of the List layout.
List Details
List Details Block Overview
How to configure the List Details block and link it to a List.
Linked List
How to configure linked lists through a List Details block.
Comments
Adding a comments feature to a List Details.
Use Case: Creating a User Profile with List Details
Let users view and edit their profiles.
Use Case: Embedding Calendly in List Details
How to add Calendly embed code within a List Details block
Layout: List details page with side image
Overview of the block layout.
Layout: List details page with image slider
Overview of the block layout.
Layout: List details page with video
Overview of the block layout.
Layout: List Details Page with 3 Column View
Overview of the block layout.
Forms
Form Block Overview
Enhance your apps with customizable Basic and Conditional Forms.
Basic Forms
Learn how to build a basic form.
Conditional Forms
Learn how to build a conditional form.
Advanced Form Features
Get the most out of your forms with advanced features.
Use Case: Job Submission with Hidden Fields
Learn how to use hidden fields on an example.
Tutorial: Sending Form Data to a Data Source
Learn how to send form submissions to a data source
Charts
Chart Block Overview
Adding charts to your Softr app.
Type: Bar Chart
Chart type overview.
Type: Stacked Bar Chart
Chart type overview.
Type: Line Chart
Chart type overview.
Type: Area Chart
Chart type overview.
Type: Scatter Chart
Chart type overview.
Type: Pie Chart
Chart type overview.
Type: Donut Chart
Chart type overview.
Type: Rose Chart
Chart type overview.
Block Containers
Column Container
Display your blocks side by side
Tabs
Display blocks in Tabbed layout
Payments
Simple Checkout Form
A Stripe checkout form to allow your users make purchases.
Simple Billing Block
Allow your Softr app users to manage their billing info.
Stripe Customer Portal
Allow your users to manage their payment info through the Stripe Customer Portal.
Layout: Pricing in card view with details
Display the pricing of your product or service.
Other Dynamic Blocks
Organizational Chart
Organizational Chart block overview։
Calendar
Display your data in a calendar layout.
Map
Show locations through a map.
Kanban
Display data as a Kanban board.
Summary Cards
Summarize your data through cards.
Static Blocks
Header
The main features of the Header block.
Hero
The main features of the Hero block.
CTA
The main features of the CTA block.
Feature
The Feature block is for presenting some details about your product, highlighting its key features and advantages.
Feature Grid
The main features of the Feature Grid block.
Partner
A block for showcasing partner brands and providing links to their websites.
X (Twitter) Grid
Add X (formerly Twitter) post links into your Softr app.