NEW Templates for sale here →

A collection of pre-built components and templates designed for Carrd.co

From Hero Sections to complex Pricing Tables, you'll get access to a complete gallery of components and templates to build your product or services page, your new book landing page, company website or to just kick start your future new projects using Carrd.co

Components UI

What's this

A collection of pre-built components and templates designed for Carrd.co

Hi! I’m Oscar O. Arévalo and I like to build projects online. I want a custom and beautiful-professional-looking website for my projects but since I’m not a developer and I just know the basics of how coding works, I fell in love with Carrd.co

I’ve been using Carrd.co to build side hustles and other projects but found myself building the same components over and over again: Hero sections, pricing tables, testimonials, footers. One sunny afternoon I decided to build a basic template with every component I’ve used so I don't have to start from scratch for my next project's website

It's an investment. Not an expense

ComponentsUI allows you to build a professional looking website using pre-built components without knowing any code and without paying a developer for it. Use it for you digital products, services, business and more. In my mind I was building all of this for me but it turns out I was building them also for you

Read the case study: Using Carrd and Gumroad for side hustles and making extra income→

What’s included

Components and documentation for your projects

Basic Components

You don’t have to build components from scratch. A Carrd project template with all these components:

  • Hero Sections

  • Features Sections

  • Modals

  • Testimonials

  • CTA Sections

  • Simple Pricing Table

  • Footer Sections

Advanced Components

A Carrd project template with all these advance components:

  • Complex Pricing Tables

  • Badges

  • Stats Sections

  • Banners

  • FAQ

  • Table of contents

  • ... and much more coming

Ebook in PDF

A step by step tutorial - with pictures - on how to use each component and how to use the templates for your projects in Carrd

Webpage Templates

Sometimes we just want to copy a whole landing page with all the components we want and modify the text and colors for or project. You’ll get templates that you can duplicate and use and modify for your products or services pages

You can buy individual templates here →

NEW

Tutorial videos

+10 Tutorial videos on how to use and get started with the Components UI Gallery. This is the perfect companion to the Ebook in PDF if you like to consume your content in video form

Daniel Z

full stack developer - idb

★★★★★

Even as a developer, creating work with this kind of quality would take me ages but with Components UI barely a few minutes and without any code at all. Inspired design, great support, worthy price and I get to have all the credit.

Tristan T

print stamp

★★★★★

Components UI let me get PrintStamp up and running on Carrd in less than a day, which was amazing. It had everything I needed so it was just a case of dragging and dropping, and then just making a few tweaks. It was so simple that I'm planning to use it for all of my future projects on Carrd

Ana U

founder of amespacios.com

★★★★★

I used Squarespace in the past but Carrd & Components UI is easier to use, prettier and cheaper. Such a great product. Totally recommended.

Who is this for

Use Components UI whether you are a professional entrepreneur or someone who wants to start a side project for extra income

Gumroad Creators

  • You sell in Gumroad but want a custom and more professional looking website to show your products or services online. You don’t want to pay a monthly fee for a site builder that’s confusing to use or is bloated with features you don’t need

  • Use componentsUI in Carrd.co to build your professional looking website and just add the Gumroad integration to start selling from your own website

Online Creators

  • You want to build a professional looking website for all your products and services but don’t want to pay a monthly fee for each of your products’ websites

  • You can use componentsUI in Carrd.co and add one of the multiple integrations to start selling from your own website using Stripe, Paypal or Gumroad

Freelancers & agencies

  • You can use componentsUI if you build custom websites for clients' projects and don’t want to start from scratch

  • Get your clients’ requirements and start using componentsUI’s beautiful pre-built components: Hero Sections, Testimonials, Complex Pricing Tables and more

Indie Entrepreneurs

  • You want to showcase your product, app or services but don’t want to spend a lot of time building your marketing site

  • Save time – and money - using componentsUI pre-built pricing tables, features section, footers, hero sections, banners, CTA sections and more

What will you build?

Use it to build landing pages for your products & services

Footer with contact details in Componentsui.com using Carrd.co

Products

Build a product page for your physical or digital products. Use it to showcase your new book, comic, art, courses, designs, app and more

Footer with contact details in Componentsui.com using Carrd.co

Services

If you are a consultant, an agency or offer services, you can build a landing page to sell them or to show your business

Footer with contact details in Componentsui.com using Carrd.co

Businesses

Build a website for your company, online community, personal website, app landing page or other project you’ve been thinking about

How to use

As simple as dragging and dropping components on the screen

01

Purchase Components UI and get the items delivered to your email and Carrd account within 24 hours

02

Duplicate the project with all the Components UI or duplicate a specific template sent to your Carrd account

03

Just drag and drop the components. Modify the components you like, delete the rest and publish your new project

See it in Action

Here's a little demo of what you can build using Components UI

Building a Design Agency Website with Components UI in Carrd.co

Building an Agency Website

visit live website

Building a Community Website with Components UI in Carrd.co

Building an eBook Landing Page

visit live website

Building a Community Website with Components UI in Carrd.co

Building a Community Website

visit live website

@ajlkn - Creator of Carrd.co

Buy Components UI

Choose a package that fits you

You need a Carrd Pro Plus account to use Components UI. Go to the URL http://try.carrd.co/oscar and get 30% off one Pro upgrade or renewal. I don't get a commission but you get a discount.

Essentials

Basic components including Features sections, Simple Pricing Tables and more

$39 $29 USD

Basic components gallery

Ebook in PDF

Use on unlimited projects

POPULAR

Complete Package

Complete Components Gallery and templates for services and product pages

$99 $69 USD

Everything in Premium Package

Agency Template priced $19

eBook Pro Template priced $29

Tutorial Videos

Use on unlimited projects

Premium Package

Advanced components including complex pricing tables, banners, badges and more

$59 $49 USD

Basic components gallery

Advanced components gallery

Ebook in PDF

Use on unlimited projects

Whether you're a Carrd beginner and looking to use the templates to start, or even a seasoned maker that's looking to use the library and templates to see new possibilities with Carrd, I couldn't recommend it more

Mike Williams

founder of studiotime.io

Learn the basics

Don't know where to start? Get a free guide delivered to your email

beginner

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

advanced

Set up website analytics

A free step-by-step guide on how to set up website analytics in Carrd projects using Fathom Analytics

intermediate

10 days of Carrd

Tips, tutorials and exercises delivered daily to your email to improve your websites built with Carrd

Frequently Asked Questions

Who is behind this project?

Hey! I’m @oscaroarevalo. I’m an industrial engineer, writer and builder of things on the internet. Normally I’m working as a consultant and writing ideas about business development – operations, products, marketing – and personal growth. You can read more about me here

Is this for me?

Components UI is for anyone that wants to build a beautiful website in Carrd. Whether you are a professional entrepreneur or someone who wants to start a side project for extra income, Components UI will help you in developing a lading page with beautiful pre-built components to showcase your new book, comic, art, designs, app, business and more

What kind of projects can I build with this?

You can use it to build landing pages for side projects or for your main business. You can use it for product pages, to offer your services, to sell digital products online and more. See more examples here

Do I have to know how to code to use this?

No. You can just duplicate the Components UI’s project and start using it. Some components have a little bit of custom styles (like colors, margins, backgrounds) in the Styles section. I explain how this works and how to modify it in the ebook – with every purchase – if you want to learn

What am I allowed to do with Components UI?

You can use the components and the templates in unlimited projects for commercial or personal use. You cannot redistribute, resell, lease, license, sub-license or offer any of the components or templates "as is" to any third party, website or online marketplace. You cannot create derivative products like themes, templates or anything else where you would be repackaging and/or redistributing the components. Read the license here. Please be kind :)

Is my credit card information secured?

Yes. All transactions are made thru Gumroad

Can I just buy a template?

Yes. Buy beautiful templates for your next project in Carrd: eBook website, agency homepage, personal portafolio, SaaS product, App landing page by clicking here

What if I purchased it and I don’t like it?

If you purchase any package and found out you don’t like the material or you can’t find the value in it, just reply with your purchase receipt email within 30 days and I will issue a refund. No questions asked. I want you to be happy with your purchase

I have another question!

No problem. Write me a email at oscar@oscaroarevalo.com

Other Products

Check out more products related to Carrd and Components UI

Templates
Buy individual templates for your specific needs

Footer with contact details in Componentsui.com using Carrd.co

Dark Mode
Components UI built from the ground up in dark mode

Not ready to buy?

Get updates and special deals

I respect your privacy. Unsubscribe at anytime.

Changelog

Jul 09 - 2020

Now Available

New Free Guide: Set up website analytics Learn more here →

Jul 08 - 2020

Now Available

Affiliates: You can promote any or all of the products on componentsui.com or it’s subdomains in order to earn a commission using the Gumroad Affiliates program. Learn more here →

Jun 14 - 2020

Updated:

Pricing table for packages View →

Jun 08 - 2020

Updated the product line:

Now Available

🏷 Individual templates for sale View

Templates for Carrd

May 23 - 2020

Added to the product line:

Coming Soon

🌚 Dark mode for the Complete Gallery View🏷 Individual templates for sale View

May 12 - 2020

Available now to all new purchases. Updates sent to everyone who purchased the Complete package.

New

🎬 +10 Tutorial Videos

APRIL 22 - 2020

Available now to all new purchases. Updates sent to everyone who purchased the Premium and Complete packages.

New Components

📊 Stats Section. View🗂 Table of Contents View

Updated Components

💬 Cloud Testimonials View

APRIL 21 - 2020

Functionality

Added some navigation to the components' gallery in components UI for easy scrolling.

Navigation to the Gallery in componentsui.com

APRIL 20 - 2020

New Components

Footer sections with contact details

Footer with contact details in Componentsui.com using Carrd.co

APRIL 06 - 2020

New Components

Beta version launch

Roadmap

A brief list of ideas and things that I may or may not built within Components UI in the-not-so-distant-future

New Components

Stats Section Shipped Table of Contents Shipped Contact FormsMaps & Locations

New Related Products

🌚 Dark mode for the Complete Gallery💻 Snippets: short snippets of code that you can add to a Carrd project🇪🇸 Spanish version of Components UI product line🏷 Individual templates for sale Shipped

Media Kit

Thanks for your interest in Components UI!

Components UI logos → Download componentsui_logos.zip

Components UI Screenshots → Download componentsui_screenshots.zip

If you have any questions about the product or need some additional material, please do not hesitate to email me at oscar@oscaroarevalo.com

License

By purchasing or downloading any of the products on componentsui.com or any its subdomains, you are agreeing to the following:

The Product(s) is provided “as is.” The creator makes no warranty of any kind, either expressed or implied for a particular purpose.

You can use the components and the templates in unlimited projects for commercial or personal use. You cannot redistribute, resell, lease, license, sub-license or offer any of the components or templates "as is" to any third party, website or online marketplace. You cannot create derivative products like themes, templates or anything else where you would be repackaging and/or redistributing the components.

You are allowed to:

Use the product in any number of personal or commercial projects.Use the product to create an end product for a client. Those components are subject to this license.Modify or manipulate the products as needed.Combine the products with other works and make a derivative work from it.

You are not allowed to:

Redistribute, resell, lease, license, or sublicense the product as isShare your access to the Components with any other individualsCreate a theme or template using the components and making it available either for sale or for free

Liability

The creator of Components UI's liability to you for costs, damages, or other losses arising from your use of the Components — including third-party claims against you — is limited to a refund of your package fee. The creator of Components UI may not be held liable for any consequential damages related to your use of the Components.

This Agreement is governed by the laws of the country of El Salvador and the applicable laws of El Salvador. Legal proceedings related to this Agreement may only be brought in the courts of El Salvador. You agree to service of process at the e-mail address on your original order.

beginner

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

beginner

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

intermediate

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

advanced

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

advanced

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

advanced

Simple Pricing Tables

A free step-by-step guide on How to Build Simple Pricing Tables

Footer with contact details in Componentsui.com using Carrd.co

You need a Carrd Pro Plus or Pro Max account to use Components UI. Go to the URL http://try.carrd.co/oscar and get 30% off one Pro upgrade or renewal.

Step by step guide on how to build a simple pricing table

* You need a Carrd Pro Plus account to apply the knowledge in this guide

beginner

How to: Build Simple Pricing Tables

Pricing tables are a core component of selling your products or services online. In this guide you'll get a free step-by-step tutorial on How to Build Simple Pricing Tables *

Included in this guide:

Enter your email address to receive How to Build Simple Pricing Tables. You'll also receive ocassional updates on the project

I respect your privacy. Unsubscribe at anytime.

10 days of Carrd - Guide to improve your websites with Carrd.co

* You need a Carrd Pro Plus account to apply some of the lessons

intermediate

10 days of Carrd

Over the course of 10 days you’ll receive a daily email with tips, tutorials and exercises to improve your websites built with Carrd *

Some of the things you'll learn:

  • Make Simple Badges

  • Work with Hero Sections

  • Banners with colors

  • SEO & marketing tips

  • ... and more

Included in this guide:

Enter your email address to receive 10 days of Carrd. You'll also receive ocassional updates on the project

I respect your privacy. Unsubscribe at anytime.

how to set up Analytics using Fathom

* You need a Carrd Pro Standard account and a Fathom Analytics account to apply the knowledge in this guide

advanced

How to: Set up website analytics using Fathom

Analytics help you track where your visitors are coming from, how much time they spend on your site, how they convert to paying customers, and more. Knowing this data will help you improve your marketing efforts

Some of the things you'll learn:

  • Why use Fathom Analytics

  • How to set up Fathom Analytics in Carrd

  • Dashboard data

  • How to set goals

Included in this guide:

Enter your email address to receive How to: Set up website analytics using Fathom You'll also receive ocassional updates on the project

I respect your privacy. Unsubscribe at anytime.

Affiliates

Updated: 07 Jul, 2020

You can promote any or all of the products on componentsui.com or it’s subdomains in order to earn a commission using the Gumroad Affiliates program.

How does it work?

A detailed explanation about becoming a Gumroad Affiliates can be found here. In brief:
You create a Gumroad account (so Gumroad can pay you the commission)You request access to the affiliates program to oscar@oscaroarevalo.comYou are added as an affiliate to the product(s) on componentsui.com or it’s subdomainsYou are sent an email with an affiliate link. It breaks down everything about your affiliation with the creator, from how much you’ll be credit for each sale, as well as all of your affiliate linksShare your links and earn a commission every time someone purchases the product(s) using your link.The only way you can be credited for your affiliate sales is if you share the links in the email Gumroad sends you and that link is used to make a purchase of that product

Why run affiliates on Components UI?

I want to get the products on as many hands as possible. I rather pay people that have supported my work to promote it instead of paying a big corporation for ads

Other Terms

You agree to Gumroad’s Affiliates Term of ServicesYou agree to not spam peopleAs an affiliate you’ll earn a 30% commission on the current price of the product. This percentage might change in the future without any notification at any time for any or no reason whatsoeverYou have purchased one of the ComponentsUI products to be eligible for the Affiliates program. This is important because you need to know the product in order to promote itI might modify the price of one or all products to run tests or promotions so the commission earned might change accordingly The Affiliates program could be terminated as a whole or to specific individuals without any notification at any time for any or no reason whatsoeverThe creator of Componentsui.com might offer a refund to any purchase and that might affect the affiliate’s earnings The creator of ComponentsUI.com reserves the right to update or modify the Terms at any time without prior notice, and such changes will be effective immediately upon being posted on Componentsui.comYou agree not to publish the affiliate links on any web site or domain in a manner that is illegal or non-compliant with any applicable laws or Gumroad’s policiesYou are responsible for sharing your own correct link(s). The creator of componentsui.com is not responsible for any commission not applied correctly to your account

COMING SOON

NEW LOW RECENT

  • Products

Build a product page for your physical or digital products. Use it to showcase your new book, comic, art, courses, designs, app and more

  • Services

If you are a consultant, an agency or offer services, you can build a landing page to sell them or to show your business

  • More

Build a website for your online community, personal website, app landing page or other project you’ve been thinking about

Looking to buy
individual Templates?

if Components UI is too big for your needs, you can buy beautiful templates designed and built for Carrd.co

Built by @oscaroarevalo