Icon list

This component allows you to add lists of icons where each line contains one icon and one text element. Out of the box the icon is mapped to your primary color and the text is mapped to your base text layer style.

Element - Icon list 01

This is an icon list item

Icon box

This component allows you to create icon boxes which contain an icon, heading, description and button. All elements are linked to their respective layer styles.

Element - Icon box 01

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Image box

This component allows you to create image boxes which contain an image, heading, description and button. All elements are linked to their respective layer styles. When multiple image boxes are used alongside each other the image will automatically cover a fixed height so that styling of all boxes to stay consistent.

Element - Image box 01

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pricing card

A simple pricing card that can be added to a grid on your pricing page. Easily customize all the styling of individual cards or create use this as a base to create new pricing components of your own. Add additional features to each card and an edit the hard high for consistency across your pricing cards.

Element - Pricing card 01

All-access pass

$197 /year

100+ components

Native tailwindcss support

Unlimited license

Lifetime product updates

Premium support

Blockquotes

Simple quote component to showcase some of your best testimonials or highlight a section of your articles.

Element - Quote 01

Through Power I gain Victory. Through Victory my chains are Broken. The Force shall free me. – Sith Code.

Element - Quote 02

Attachment is forbidden. Possession is forbidden. Compassion, which I would define as unconditional love, is essential to a Jedi’s life. So you might say, that we are encouraged to love. – Anakin Skywalker, 'Attack Of The Clones'.

Social share

Social share icons that will automatically share a link to the page they are placed on.

Element - Social share 01

Share me on your favorite platform!

Magical underline

Add the class .underline--magical to any text element to generate well... a magical underline

Element - Magic underline

Look at this magical underline.

Accordion

Toggle open/close elements on your page. Perfect for things like FAQ sections. As a best practice (and to save you time), this component should be mapped to a collection.

Element - Accordion 01

How does a Jedi communicate with their allies in space?

A Jedi can use advanced communication technology, but also tap into the Force for telepathic communication with other Jedi or Force-sensitive beings.

How can a Jedi protect their spacecraft from asteroids or debris?

A Jedi can use the Force to create a protective shield or levitate and deflect incoming objects from their spacecraft.

Do lightsabers work in the vacuum of space?

Yes, lightsabers still function in space, as they rely on the power of the crystal inside and not on the external environment.

What challenges might a Jedi face during space travel?

A Jedi may face challenges such as limited oxygen supply, potential issues with their spacecraft, and encounters with dangerous species or enemies in the unknown territories of space.

What is the primary advantage of using the Force in space?

The Force can help a Jedi maneuver in zero gravity and control objects more easily, without the constraints of physical touch or gravitational pull.

Image gallery

The image gallery fetches a collection of images from your database that you have complete control over. Want to only show images from one category, done! Want to show just the last 12 images, easy-peasy.

Element - Image gallery 01