Made By
WeaverPixel

Heading -001

These are Basic pre-set Header Components. Use them instead of the standard Elements Text Component. They're already pre-set to react in responsive designs. The text size adopts to the screen size, so small, medium and large screens, their color is already set to react on light and dark mode. The correct heading tags (heading 1, 2, 3 etc.) are also already set.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Subtitle -001

These are Basic pre-set Subtitle Components. Use them instead of the standard Elements Grid Component. Their color is already set to react on light and dark mode. They're already pre-set to react in responsive designs but as the font size is already small, they do not change the font size. They are all set to heading 6 tags.

Subtitle Example

Text -001

These are Basic pre-set Text Components. Use them instead of the standard Elements Text Component. They're already pre-set to react in responsive designs. The text size adopts to the screen size, so small, medium and large screens, their color is already set to react on light and dark mode. The correct tags (Paragraph <p>) are also already set.

Pariatur Lorem consequat Lorem non cupidatat aliquip nulla deserunt incididunt. Est cillum ullamco fugiat ea aute enim amet. Est tempor in eiusmod aliquip quis ea culpa amet ipsum dolor Lorem.

List Item -001

These are Basic pre-set List Items. List Items are in the Standard Elements App not included. I have pre-designed them by using Elements standard Components. They're already pre-set to react in responsive designs. Their color is already set to react on light and dark mode. The correct tags (Paragraph <p>) are also set.

Pariatur Lorem consequat

Grids -001

These are Basic pre-set Grid Components. Use them instead of the standard Elements Grid Component. You get a 2 Colums Grid, a 3 Colums Grid and a 4 Columns Grid. They're already pre-set to react in responsive designs. The gap size adopts to the screen size, so small, medium and large screens have different gaps. The number of columns also reduces according to the screens.

This is an example text to give the Grid some content. It is only for preview purposes and can be deleted in your project.
Pariatur Lorem consequat Lorem non cupidatat aliquip nulla deserunt incididunt. Est cillum ullamco fugiat ea aute enim amet. Est tempor in eiusmod aliquip quis ea culpa amet ipsum dolor Lorem.