Elements
Browse the Elements section inside Definitions.
Apple Intelligence
A nested child page to demonstrate expandable item groups in the sidebar.
ComponentsCustom
A starter page for custom-built components and bespoke patterns.
ElementsEditor
Compose content visually with a focused editing workspace.
ComponentsAccordion
Compact disclosure panels for FAQs and layered content.
ElementsWorkspaces
Tailor the interface for different editing workflows.
ComponentsAudio Playlist
A component reference template with specs, usage notes, and implementation details.
ElementsPage Manager
Manage structure, status, and page-level organization.
ComponentsBackground
Control fills, overlays, motion, and visual depth.
ElementsResources
Keep shared media and assets organized across projects.
ComponentsBefore After (Paid)
A premium comparison component used to showcase gated or paid items.
Paid ElementsNode Browser
Inspect the current structure with a clear tree view.
ComponentsButton
Add calls to action with consistent styling and states.
ElementsInspector
Adjust properties and fine-tune settings in context.
ComponentsCard Flip (Paid)
An animated premium component for layered content reveals.
Paid ElementsTemplates
Start faster with reusable layouts and starter patterns.
ComponentsCMS
Display content from collections or structured data sources.
ComponentsComponents
A nested component reference list that mirrors the long-form sidebar behavior in the screenshots.
ComponentsContainer
Create grouped layout regions with shared spacing rules.
ElementsGlobals
Share tokens, presets, and reusable system settings.
ElementsBrowser Preview
Preview changes in a browser-like frame as you work.
ComponentsContent Slider
Cycle through panels, slides, or content groups.
ElementsBreakpoints
Shape responsive behavior for every key viewport.
ComponentsDivider
A simple layout separator with spacing and style controls.
ElementsDark Mode
Adapt the interface and output for alternate color schemes.
ComponentsDropdown
A compact reveal pattern for navigation and settings.
ComponentsFlex
Use row and column-based layouts with alignment controls.
ElementsTheme Studio
Define a system-level visual language once and reuse it everywhere.
ComponentsFilter
Filter visible content by category or tag.
ElementsProject Settings
Control global output, publishing, and collaboration settings.
ComponentsFilter Tags
Pair tags with filterable collections.
ElementsPublishing
A rollout and publishing article template with a simple timeline layout.
ElementsAdvanced
Dig into power-user controls and deeper configuration.
ComponentsForm
Collect structured input with form-specific controls.
ComponentsGallery
Show visual collections with flexible arrangements and captions.
ElementsKeyboard Shortcuts
Move faster with an intentional keyboard workflow.
ComponentsGallery Pro (Paid)
A premium media gallery pattern for richer showcases.
Paid ElementsSyncing Projects
Keep your local and shared work aligned.
ElementsDeep Linking
Open precise app states and docs destinations directly.
ComponentsGrid
Build repeatable two-dimensional layouts with predictable rhythm.
ElementsElements API
An API and code-heavy template with endpoint cards and example requests.
ComponentsImage
Place imagery with sizing, cropping, and focal control.
ComponentsList
Create ordered or unordered content lists with icons and badges.
ComponentsMap (Free)
A map component example for free or core bundles.
Free ComponentsMarkdown
Render text from markdown-style content blocks.
ComponentsMarquee Pro (Paid)
A premium ticker-style component for continuous motion.
Paid ComponentsMasonry Images (Free)
An alternate free gallery layout using masonry-style stacking.
Free ComponentsMenu
Render navigation patterns that adapt across breakpoints.
ComponentsModal
Launch focused overlays for calls to action and extra detail.
New ComponentsPassword Protect (Paid)
A premium gate for protected or member-only content.
Paid ComponentsRandom Content (Paid)
Rotate or shuffle content from a configured collection.
Paid ComponentsReveal
A progressive reveal effect for hover and focus states.
ComponentsImage Slider
A more visual slideshow pattern for image sets.
ComponentsSVG
Inline vector content with styling and accessibility support.