[ {"href": "#", "text": "Legal" }, {"href": "#", "text": "Privacy Policy" }, {"href": "#", "text": "Foundation" } ] [ {"href": "#", "text": "About" }, {"href": "mailto:someone@example.com", "text": "Contact" }, {"href": "#", "text": "Team" }, {"href": "#", "text": "Careers" }, {"href": "#", "text": "Locations" } ] Features Mailing List SADE Services as DOM Elements

Build your front-end data stores, services, event sources, then wrap them in DOM elements for easy reuse.

This page is a mock of a landing page using this pattern.

Large chunks (top navigation, page sections) are custom elements (native web components) that look for and talk to other native web components which happen to be data services which advertise what functionality they support via a simple interface.


Get the code Read the Blog post

Simple It's pretty easy to get started, and the point of SADE is that it stays easy, on the next project too.

Supply chain rockstar social proof hackathon first mover advantage. Alpha ecosystem handshake entrepreneur product management infographic series A financing supply chain growth hacking buzz direct mailing investor channels stealth. Marketing success churn rate research & development influencer buzz mass market. Burn rate early adopters seed money facebook agile development.

Illustration by manypixels.co

Fast Build pages faster than you ever could before

Conversion innovator growth hacking first mover advantage buyer freemium creative hackathon investor hypotheses founders iteration churn rate. Handshake ownership deployment monetization bandwidth ecosystem user experience angel investor alpha learning curve series A financing. Paradigm shift social media hypotheses low hanging fruit technology mass market seed round. Buzz mass market user experience first mover advantage agile development business-to-consumer business plan startup backing traction buyer interaction design android.

Illustration by manypixels.co

Flexible You could use this pattern to do lots of things

Funding partnership analytics assets social proof backing metrics business-to-business traction advisor network effects equity series A financing. Venture MVP niche market partner network validation first mover advantage. Funding partnership business-to-business business-to-consumer angel investor alpha iteration mass market influencer. Partner network mass market stock twitter marketing innovator channels traction bandwidth client accelerator. Iteration monetization business-to-business.

Illustration by manypixels.co

At this point, surely you love the idea!

Don't you want to be a part of this new trend?

Get emails right in your inbox when the idea changes.
Just kidding, it won't because this is just a demo site. The button should throw up an alert().