Sign up for early access

Scale your Shopify store, section by section

Use our component library to scale your shopify store with  customizable & converting components out of the box. Sign up to get early access.

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.
Thank you for showing interest!
You'll receive a confirmation mail. We'll also send you updates on the progress and when your early access spot is ready!
Oops! Something went wrong while submitting the form.
We’re launching with all the sections you need to build your store. With many more to come...
Navigation Bar
The top section of your website where visitors find links to other pages. Our navigation bars are designed for ease of use, helping users quickly find what they need.
Navbar
Website Footer
The bottom section of each page that typically contains contact information, additional links, and legal notices. Our footers help reinforce your brand and offer crucial information in an accessible format.
Footer
Hero Section
A large, eye-catching area at the top of your homepage, usually featuring a prominent image and a call to action. It’s designed to grab attention and introduce visitors to your key offerings.
Hero
Features Showcase
Sections that highlight the key features or benefits of your products or services. These are crafted to be engaging and informative, helping to convince customers of your value proposition.
Feature
Product Listings
Organized displays of your products, usually found on e-commerce category pages. Our product listings are designed to be clean and navigable, enhancing the shopping experience.
Product listing
Product header
The introductory area of a product page that typically includes the product title and key details. It sets the stage for the detailed information that follows.
Product header
Product Categories
These components help you group and present products in categorized formats, making it easier for customers to browse through similar items.
Product category
Promotional Banner
Banners used to highlight special offers, promotions, or important information. They are visually striking to draw attention and effectively communicate your message.
Banner
Call to Action (CTA)
Sections, buttons or links strategically placed to guide users towards taking an action you desire, such as 'Buy Now' or 'Learn More'. Our CTAs are optimized for higher conversion rates.
CTA
I'm confused?!

What’s a Component Library?

Think of our component library as your lego set for creating your Shopify store. Each piece, from buttons to banners and product pages, is ready to use right away. These components are designed to work together seamlessly and uphold the latest web standards, allowing you to focus on creating unique user experiences and selling you’re products without reinventing the wheel for each new project or page.

Build your store in days, not weeks

Quickly launch your Shopify store with our ready-to-use components. Streamline the creation process and go live faster than ever, avoiding the prolonged timelines typical of custom development.

Scale Efficiently, Not Expensively

Grow your business without growing your costs. Easily add, remove, or update components to grow with your stores needs while keeping your expenses consistent.

Achieve Seamless Consistency

Ensure a seamless, consistent experience throughout your Shopify store. Our component library promotes uniform quality helping you build trust with your customers.

Shopify component Library

Built for your Shopify success

Every component is optimized for ecommerce success, providing the essential elements for a website that drives conversions.

Performance

Great Site Performance
with Best Practices

For an ecommerce website to excel, performance is key. Our components prioritize page speed, with light clean code, SEO best practices, and all fundamentals.

Responsive Design

Optimized for Mobile
Out of the Box

With around 50% of conversions occurring on smartphones today, we prioritize responsiveness and ensure our components work seamlessly across all devices.

Made to Convert

Convertion Optimized
so you can Scale at Ease

Benefiting from our agency's experience in building ecommerce websites, we excel in optimizing designs for improved conversions.

Copy, paste, launch

Iterate faster
Just copy paste

Seamlessly explore components, Rapidly swap and customize sections to match your store's needs. Use copy & paste or just drag and drop.

Smooooth

Built-In Interactions
to Enhance Your Site

Elevate the look of your brand with our built-in animations and interactions, adding a refined touch to your website's appearance.

Give me more, now!

Updated Monthly
with new Components

Take part in our growing component library and influence its development. Your subscription price remains the same even as the library expands!

Let's grow together

One Subscription, Unlimited Access, with new Components each Month

Each month, not only do we add new components and components categories, but we also listen to you — our users — allowing you to help shape the future of our library. Together, we ensure you have the innovative tools needed to continually enhance your Shopify store.

Built for Shopify

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

+150 components and counting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Optimized for Mobile

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Custom UI elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Design at scale in Figma

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Copy, paste in Shopify

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Built with interactions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Built for the Shopify editor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Convertion optimized designs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Chop your Dev time in half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Keep you store consistent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Custom theme without code

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

FAQs

Got questions? We've got answers. Browse our frequently asked questions to learn more about our component library, how to use it, and how it can help streamline your Shopify store development. Or send us a message!

Why should I use a component library?

A component library speeds up website creation by offering pre-built, tested elements and sections that seamlessly integrate with your Shopify store. This allows you to quickly customize and enhance your site, focusing on design and user experience rather than annoying bugs. It’s an efficient way to ensure quality and accelerate launch times.

How does the Shopify app work?

Our Shopify app is easily accessible through the Shopify App Store and integrates directly with the Shopify editor. Once installed, you can simply drag and drop, or copy and paste our components directly into your store layout as needed. Customize each component to match your brand’s style with just a few clicks. All components are mobile-optimized by default, allowing you to focus primarily on desktop customization.

Are the components customizable to fit our brand?

Yes, our components are highly customizable to ensure they can seamlessly adapt to your brand. Designed as modular 'blocks' within the Shopify editor, you can interchange specific parts of a component, like cards, buttons or paragraphs within a section, without needing to alter the entire section. This means you can easily switch out designs, adjust layouts, and modify aesthetic elements such as colors and fonts to fit your brand’s style. Each block is built to integrate perfectly, allowing you to maintain a consistent yet customized look across your store.

Can I buy out individual components?

No, individual component purchases are not available. We offer ALL our components as part of our subscription service. This model allows you to enjoy unlimited access to our entire library of components for a fixed fee, ensuring you always have the latest updates and additions without any additional cost. This way, you can focus on enhancing your store without worrying about purchasing new components individually.

Do the components support other Shopify apps?

Yes, our components are designed to support other Shopify apps that follow Shopify's 2.0 theme standards. By ensuring our components comply with these guidelines, we maximize compatibility and ensure smooth integration with a wide array of apps that also meet these standards.

What types of components are included in the library?

Our component library currently includes a versatile array of elements designed to enhance your Shopify store's functionality and aesthetics. Here’s what you can find:

  • Navbar: Streamline navigation throughout your site with customizable navigation bars.
  • Footer: Anchor your site with a robust footer that can include links, contact info, and more.
  • Hero Section: Capture attention immediately with striking hero sections and calls to action.
  • Feature Section: Highlight key products or services to engage visitors effectively.
  • Product Listing: Organize your products neatly, making it easy for customers to browse.
  • Product Header: Introduce your products with impact, featuring essential information prominently.
  • Banner: Engage users with promotional banners that drive action.
  • Call to Action (CTA): Propel site visitors towards making purchases or contacting you with strong CTAs.

Future Additions: We’re continuously expanding our library to include more complex components like advanced filtering options for price and product attributes, FAQ sections for better customer support, and review sections to build trust and community around your products.

Can I request new components or features to be added to the library?

Absolutely! We highly encourage you to request new components or features for our library. Your feedback is crucial; it not only influences the evolution of our library but also helps us meet your specific needs. Our goal is to develop and add requested components within just a few days. We will be actively working towards achieving this level of responsiveness. Your ideas and needs drive our continuous improvement, helping us better serve you and the community.

Is there a free trial available to test the components before committing?

Yes, we offer a free tier that allows you to use our components on your Shopify store without any initial financial commitment. This free tier includes full access to a selection of our components, which you can use to enhance your site immediately. The only difference is that sites using the free tier will display a small badge in the bottom right corner that says 'Built with Pent library.' If you decide to upgrade to our paid subscription, this badge will be removed, and additional premium components will be available to you.

Thank you for your question!
We'll reach out as soon as possible
Oops! Something went wrong while submitting the question. Please try again!
Not the answers you were looking for? Shoot us a question and we’ll be in touch as quickly as possible.

Not the answers you were
looking for?

We're happy to answer any questions you have, discuss new feature ideas, any custom implementations, etc. Just send us a message!

Join us

Sign up and lock in your early access spot!

We are currently in development, by signing up today you guarantee your spot in the early access of our component library. Receive insider updates and special offers exclusively for our early access participants!

Email adress
By clicking Sign Up you're confirming that you agree with our Terms and Conditions.
Thank you for showing interest!
You'll receive a confirmation mail. We'll also send you updates on the progress and when your early access spot is ready!
Oops! Something went wrong while submitting the form.