Skip to content
All collections
Airtable-inspired Data Studio Elements collection cover

Airtable-inspired Data Studio Elements

Approved

AI Kit component set · 24 components

Open AI Kit

Compatibility has not been verified for this collection.

Editorially reviewed. Approval does not certify installation or accessibility.

A focused collection of 24 responsive UI specimens inspired by Airtable product storytelling and structured data, apps, agents, and team momentum.

24 componentsby Frontend Forever

24 components in this collection

Collection order
Create an app ↗ Use a template Start with a blank app or a template.

Airtable-inspired Create an app

Frontend Forever's avatarFrontend Forever
Field name Used in 3 views.

Airtable-inspired Field name field

Frontend Forever's avatarFrontend Forever
Notify collaborators Send an alert when this base changes. Notifications are on.

Airtable-inspired Automation on switch

Frontend Forever's avatarFrontend Forever
View Grid view Calendar view Kanban view Choose how this table is displayed.

Airtable-inspired Choose a view

Frontend Forever's avatarFrontend Forever
Workspace name Create workspace

Airtable-inspired New workspace form

Frontend Forever's avatarFrontend Forever
⌕ ⌘ K Customer pipeline Grid view · 24 records Launch calendar Calendar view · 8 records

Airtable-inspired Find records

Frontend Forever's avatarFrontend Forever
Due date Shown in calendar and timeline views.

Airtable-inspired Due date

Frontend Forever's avatarFrontend Forever
↑ Import table data CSV, TSV, or XLSX up to 25 MB No file selected.

Airtable-inspired Import data

Frontend Forever's avatarFrontend Forever
Airtable Bases Interfaces Automations

Airtable-inspired Base nav

Frontend Forever's avatarFrontend Forever
Record actions ⌄ Open record ↗ Duplicate record ⌘ D Delete record ⌫

Airtable-inspired Record actions

Frontend Forever's avatarFrontend Forever
Grid Timeline Calendar Grid view selected.

Airtable-inspired Grid and timeline

Frontend Forever's avatarFrontend Forever
Product roadmap Updated 8 minutes ago Active 24 records · Grid view Open base

Airtable-inspired Project record

Frontend Forever's avatarFrontend Forever
Record created Trigger Send Slack message Connected Update status Next

Airtable-inspired Automation steps

Frontend Forever's avatarFrontend Forever
Record Type Status Product roadmap Table Active Launch calendar View Shared

Airtable-inspired Content records

Frontend Forever's avatarFrontend Forever
i Use field names in braces, like {Due date}.

Airtable-inspired Formula hint

Frontend Forever's avatarFrontend Forever
Importing records 64% 6,420 of 10,000 records

Airtable-inspired Import progress

Frontend Forever's avatarFrontend Forever
Priority Design Approved

Airtable-inspired Record labels

Frontend Forever's avatarFrontend Forever
MK JS AR +5

Airtable-inspired Collaborators

Frontend Forever's avatarFrontend Forever
Field permissions Control who can edit this field. Lock field configuration On

Airtable-inspired Field settings

Frontend Forever's avatarFrontend Forever
✓ Choose source 2 Map fields 3 Import

Airtable-inspired App builder flow

Frontend Forever's avatarFrontend Forever
Completed records +24%

Airtable-inspired Project health

Frontend Forever's avatarFrontend Forever
MK Record added Marketing launch · 2m ago New JS View shared Product roadmap · 18m ago Shared

Airtable-inspired Activity feed

Frontend Forever's avatarFrontend Forever
Active bases 18 3 shared Records 24.8K ↗ 12.4% Automations 96.4% successful

Airtable-inspired Portfolio signals

Frontend Forever's avatarFrontend Forever
Airtable Bases Views Automations Workspace Content calendar A record grid beside a view rail.

Airtable-inspired Data workspace

Frontend Forever's avatarFrontend Forever
Airtable-inspired Data Studio Elements - Frontend Forever