Iâm excited to share that we recently released 43 new components. Here at Unstack, weâre focused on equipping founders and marketing teams with the no-code tools they need to launch and scale their business in an easy-to-use platform. Our library of components allow users to build even better pagesâwith engaging dimensional design, stacked elements, scrolling carousels and more.
Here, I want to share how we used these components to redesign our own homepage, plus how you can get started using these for your own website.Â
But first, let me give you an overview of the components available.
What are these components?
Our components are ready-to-use elements to further customize your brandâs website. These are no-code sections that you can add to personalize your site, improve your web design, and level up your branding.Â
Unstackâs no-code website builder already lets you create a great looking website that gets results quickly. With these components, now you can do even more without code. Here are some of the components I think will make the biggest difference:
- 3D icons, media, and images
- Isometric layouts for icons, images, andÂ
- Blog features to highlight your content on other pages
- Side-by-side media, text boxes, icons, and more
Now, I want to share how we used some of these to launch our redesigned homepage.
How we used these components to upgrade our homepage
Iâm always looking for a way to improve our homepage. Most of the time, Iâm running A/B tests for small copy tweaks or testing our personalizations. With new components, I knew we could make a huge upgrade. Iâm pretty excited about what we pulled off.
The biggest change youâll see right away is an animation at the front and center of our new homepage.Â
We used the new App/Media with Quote component for a few sections on our new homepage where we highlight what the Unstack platform offers. With this new component, weâre able to feature an engaging image, copy explaining the product feature, a CTA, and a customer quote complete with a picture. Thatâs images, engaging copy, and social proof all in one nicely packaged component. Take a look:
To showcase our integrations, we used the new Isometric component. This has a text box on the left and a grid of six icons or images on the right. I thought this would be a perfect way to feature some of the integrations our users connect most, and I can see it being used in so many other ways for other brands.
How to use these components for your website
Our entire component library is available now to all users on our Full+ plan, and theyâre good to use to create awesome landing pages or web pages. (If youâre not currently a Full+ customer, you can contact us to upgrade.)Â
After you log into your account, choose whether you want to create a landing page or web page. For a landing page, click âNew Pageâ to get started.
When you find one that works for your page, just click on it to drop it into the page editor and start adding your media and content.Â
How to create your own custom components
Iâm excited about the 43 components that are ready-to-use in so many accounts today. But if youâre looking for something that we havenât added in thereâor you want to further customize one of these componentsâyou can create your own, too. Â
In your Unstack account, and you have a Full+ plan, youâll see âComponent Editorâ in your left navigation, now.Â
Ready to get started?
I canât wait to see what you build with these new components. If you want to, share in our Slack community, where users regularly swap advice on building with Unstack.
Want to try out Unstack? Start building today.Â