Origami
Tessellation
Pop-up Card
Kinetic Origami
Best Practices

A Guide to
Tessellation Components

"Tessellation Origami" is a folding genre that creates complex, intricate, repeating patterns with a single sheet of paper. The individual part that is repeated to form the pattern is called a "molecule", which is how these elements below can be considered in the overall UI. Here are some generally highly reused components:

1.  CodeContainer

<CodeContainer 
    codeSnippet={"//code snippet goes here"}
    color='molecule'
/>

2.  Button

Three Variants:   | |
<Button title="Title" size="lg"/> 
<Button title="Default"/>
<Button title="Small" size="sm"/>

3.  Input

<Input placeholder="This is a placeholder"/>

4.  More lego pieces to come

Under Development
Made with     by  Daqi (Jen) Chen    2024