AppMaster

Demo

Click here to access the website.

Features

1) ScrollToElement Component

When the <ScrollTo> component is clicked, the page scrolls to the selected element.
Set a css selector of your target element for the 'to' prop.

Example:
<ScrollTo to="#title">Scroll to 'My Title'</ScrollTo>
<h1 id="title">My Title</h1>

---

2) FlexWrapper Component

<FlexWrapper version={1}>
 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
</FlexWrapper>

---

version=0

(min-width: 769px)
[x, x]
(max-width: 768px)
[x]
[x]

---

version=1

(min-width: 769px)
[x, x, x, x]
(max-width: 768px)
[x, x]
[x, x]
(max-width: 480px)
[x]
[x]
[x]
[x]

---

version=2

(min-width: 769px)
[x, x, x]
(max-width: 768px)
[x]
[x]
[x]

---

version=3

(min-width: 769px)
[x, x, x, x]
(max-width: 768px)
[x, x]
[x, x]

version=4

(min-width: 769px)
[x, x, x, x]
(max-width: 768px)
[x, x]
[x, x]