Create Sandbox
Find Atomic Layout Examples and Templates
Use this online atomic-layout playground to view and fork atomic-layout example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
msw-website
Official website and documentation for the Mock Service Worker library.
Utkarshbhimte/workofutkarsh-blog
frontend
Atomic Layout - Flats list (React Vienna 2018)
Watch the talk that goes through this demo step-by-step: https://www.youtube.com/watch?v=x_93DjN_bUA&t=830s
kettanaito
Responsive Props
Shows how to use Responsive props with Atomic Layout.
dandelionadia
Getting Started (First composition)
Live sandbox result of the first Getting started step of Atomic Layout documentation.
kettanaito
Basic Composition
Example of a simple UI composition using Atomic Layout.
dandelionadia
Atomic Layout - Flats list (React Finland 2019)
Demo presented at React Finland 2019 using Atomic layout to build a FlatList component.
kettanaito
Nested Composition
Shows how to use nested composition with Atomic Layout.
dandelionadia
Atomic Layout - Demo
A short demo used in the Medium article: ...
kettanaito
Custom configuration
Shows how to add Responsive props support to any React component in Atomic Layout.
dandelionadia
PageView
yanmandev
Conditional rendering
Shows how to use <Only/> component with Atomic Layout.
dandelionadia
sooper-dooper-secret-project
dimorphic
Atomic Layout quick preview
kettanaito
yanmandev
PageLogin
yanmandev
A2 -Final
m_angelicagmsb
Find more examples or templates