Toggles & Accordions

Dynamic ways to display under-the-fold Media

Toggles

Simple Toggles

How do I become an author?
Becoming a Canvas author starts with a free ThemeForest account and a quick application form. Once approved, you can upload your first item for review, choose between exclusive and non-exclusive licensing, and set your own prices. Our editorial team checks every submission for quality, then publishes approved items straight to the marketplace for buyers worldwide.
Helpful Resources for Authors
We give every author a full library of resources to help your items succeed. Start with our authoring guide and coding standards, then browse video walkthroughs that cover previews, documentation, and submission tips. An active community forum lets you ask questions and share feedback, while the help center answers everything about payouts, licensing, and keeping your published items up to date.
How much money can I make?
Your earnings depend on item quality, pricing, and demand, and there is no upper limit. Authors keep a share of every sale that grows as their lifetime earnings increase, rewarding consistent contributors. Popular items can sell hundreds of times each month, while a strong portfolio builds steady passive income. You set your own prices and watch real-time sales data from your dashboard.

Colors with Icon Right

How do I become an author?
Anyone can apply to author on the marketplace, no agency or referral required. Create your account, complete the short author questionnaire, and submit a sample item through the upload wizard. Reviewers assess design, code quality, and documentation before approval. After your first item goes live, you gain full access to analytics, payouts, and our dedicated author support channels.
Helpful Resources for Authors
New authors get plenty of support from day one. Our knowledge base explains submission requirements, file structure, and review criteria in plain language. Detailed tutorials show how to craft compelling previews and write clear documentation buyers love. You can also join the contributor forum, where experienced authors and our support staff offer practical advice on growing steady, long-term sales.
How much money can I make?
There is no fixed ceiling on what you can earn as an author. Income scales with the number of items you publish, how well they are priced, and how actively buyers search your category. Many authors start with a single product and grow into a reliable monthly stream as their catalog expands. Transparent reporting lets you track every sale and optimize your pricing strategy.

Background Toggles

How do I become an author?
Start by registering for a free account, then head to the Author Dashboard to begin your first upload. You will pick a category, attach a live preview, and add clear documentation. The review team evaluates each item against our standards and responds within a few business days, so you can refine and resubmit quickly until your work is ready to sell.
Helpful Resources for Authors
A wide range of resources is available to help you publish with confidence. Read the official author handbook, follow step-by-step video guides, and review real examples of successful items. The community forum connects you with peers, and our support team responds to authoring questions promptly. Together these tools make preparing, submitting, and maintaining your work straightforward at every stage.
How much money can I make?
Author income varies widely and is entirely performance based. A well-built item in a popular category can generate sales for years, and authors with larger portfolios often see the strongest returns. You control your prices within marketplace guidelines, and your earnings rate rises as your total sales climb. Detailed analytics help you understand which products perform best and why.

Variable Backgrounds

How do I become an author?
To join as an author, sign up, verify your email, and accept the contributor agreement. You can then publish across any supported category, from HTML templates to complete themes. Each item is manually reviewed for originality and build quality. Approved authors unlock earnings reports, promotional tools, and direct access to a community of thousands of fellow creators worldwide.
Helpful Resources for Authors
We want every author to thrive, so we provide guides, checklists, and templates for documentation and previews. Watch curated tutorials on packaging files and passing review the first time. The forums are full of friendly experts sharing tips, and the help center covers payouts, taxes, and licensing. Everything is organized so you can find clear answers exactly when you need them.
How much money can I make?
What you make is up to you and the value you create. Each sale pays a percentage that increases with your cumulative earnings, so dedicated authors are rewarded over time. Some items sell occasionally while bestsellers earn daily, and a diverse catalog smooths income across categories. With flexible pricing and clear reports, you can refine your approach and steadily grow your revenue.

Border Toggles

How do I become an author?
Authoring is open to designers and developers at every level. Register an account, prepare a polished preview and tidy source files, then submit through the upload form. Our reviewers provide actionable feedback so you can keep improving. Once your first item is accepted, you control its pricing, licensing, and updates entirely from your personal author dashboard at any time.
Helpful Resources for Authors
Authors have access to extensive learning materials and ongoing help. Our documentation walks through every requirement, from naming conventions to image sizes, while video lessons demonstrate best practices visually. Need advice? The contributor community and our support desk are ready to assist. These resources are continually updated, so your knowledge stays current as marketplace standards evolve over time.
How much money can I make?
Earnings differ from author to author because they reflect real buyer demand. High-quality, well-documented items tend to sell consistently, and publishing more products multiplies your opportunities. Your payout rate improves as lifetime sales accumulate, turning a hobby into meaningful income for many contributors. You decide the price of every item and monitor performance directly from your dashboard.

Variable Borders

How do I become an author?
Getting started as an author takes only a few minutes. Open a free account, fill in your contributor profile, and upload a finished item with screenshots and documentation. The review team manually inspects code and design before it reaches buyers. From there you manage versions, respond to customer questions, and track your sales through a clear, real-time author dashboard.
Helpful Resources for Authors
To set you up for success, we offer onboarding guides, coding standards, and a searchable help center. Video walkthroughs explain the upload process and common review issues, helping you avoid delays. The author forum is a great place to exchange feedback and learn proven sales strategies. Whatever your question, well-organized resources and a responsive support team keep you moving forward confidently.
How much money can I make?
There is genuine earning potential, but results depend on effort and quality. A single strong item can produce ongoing sales, while a broad portfolio creates dependable monthly income. The more your work sells overall, the higher your earnings percentage becomes. You retain full control over pricing and can use real-time analytics to focus on the products that deliver the best returns.

Alternate Toggles

How do I become an author?
Becoming an author begins with a quick, free signup and a short application. After approval you upload items through a guided wizard that checks files, previews, and licensing options. Every submission is manually reviewed for quality and originality. Once published, your item is available to a global audience, and you keep full control over pricing, updates, and support replies.
Helpful Resources for Authors
New authors get plenty of support from the start. Our knowledge base explains submission requirements, file structure, and review criteria in plain language. Detailed tutorials show how to craft compelling previews and clear documentation buyers love. You can also join the contributor forum, where seasoned authors share advice on building steady sales.
How much money can I make?
Income is uncapped and tied directly to your work. Authors earn a share of each sale that grows alongside their total lifetime earnings, encouraging long-term commitment. Top items in active categories can sell daily, and expanding your catalog builds resilient passive revenue. Because you set prices yourself and view live sales figures, you stay in complete control of how much you make.

Card / Shadow Toggles

How do I get started?
To get started, create your free account and choose the plan that fits your needs. Our setup wizard walks you through connecting your data and inviting teammates, so you can launch a fully working project within minutes, with no technical setup or code required.
What payment methods are accepted?
We accept all major credit and debit cards, including Visa, Mastercard, and American Express, as well as PayPal. Every payment is processed securely through an encrypted gateway.
Can I cancel my subscription?
Yes, you can cancel your subscription at any time directly from your account billing page. Your plan stays active until the end of the current cycle, with no cancellation fees at all.

Left Accent Bar Toggles

What is included in the plan?
Every plan includes core features, unlimited projects, and access to regular updates and fresh new templates. Higher tiers add priority support, advanced analytics, and expanded storage so fast-growing teams never hit a wall.
How do I upgrade my account?
Upgrading is instant and self-serve. Open the billing section of your account, pick a higher plan, and confirm. The new features unlock immediately and we prorate any difference automatically.
Is there a free trial available?
Yes, we offer a generous fourteen-day free trial on every paid plan, with absolutely no credit card required to start exploring all of the features.

Pill / Rounded Toggles

Getting Started Guide
Our quick-start guide walks you through account setup, creating your first project, and configuring all the key settings step by step. Most new users are fully up and running within ten minutes of signing in for the very first time.
Troubleshooting Common Issues
If something is not working, clear your cache, refresh the page, and confirm your connection is stable. Most issues resolve instantly, and our help center covers the rest in detail.
Best Practices & Tips
Keep your workspace neatly organized, name your projects clearly, and follow our recommended settings to consistently get the very best results from the platform.

Minimal / Clean Toggles

What technologies do you use?
We build on a modern, well-supported stack using HTML5, CSS3, and JavaScript, paired with Bootstrap for fully responsive layouts. Every project we deliver is lightweight, fast, and easy to maintain.
Do you offer custom solutions?
Absolutely. Beyond our ready-made templates, our team designs tailored solutions to match your brand, workflow, and goals, from custom layouts to fully bespoke integrations.
How long does delivery take?
Most standard projects are delivered within one to two weeks, depending on the overall scope and the number of revisions that you choose to request along the way.

Numbered / Step Toggles

01
Create your account
Sign up with your email and a secure password to create your free account. It takes less than a minute and gives you instant access to the dashboard.
02
Configure your settings
Adjust your preferences, connect any integrations, and personalize your workspace so everything matches the way your team prefers to work.
03
Launch your project
Hit the publish button to take your project live and start sharing it with your audience around the world right away.

Outline / Border Fill Toggles

What services do you offer?
We provide web design, front-end development, and ongoing maintenance, along with branding, UI consulting, and performance optimization services. Each one is carefully tailored to help your business grow online.
What is your refund policy?
If you are not satisfied, request a refund within thirty days of purchase and our team will process it promptly, no complicated questions asked.
How do I contact support?
Reach our friendly support team by email or live chat on any business day, and you will usually hear back from a real person within just a couple of hours.

Accordions

Our Mission
Our mission is to make professional web design accessible to everyone, regardless of budget or technical skill. We craft flexible tools that turn ideas into polished, fast websites.
What we do?
We design and develop modern, responsive website templates and components that teams use to launch quickly. Each layout is hand-coded, thoroughly tested, and built to adapt cleanly to any screen size.
Our Company's Value
We value craftsmanship, clarity, and care in everything we deliver. Honest communication, dependable support, and a genuine commitment to quality guide how we work with every customer, on every single project.

With left Padding

Our Mission
Our mission is to put powerful, beautifully designed web tools into the hands of every creator, so launching a stunning site feels simple, affordable, and genuinely enjoyable.
What we do?
We create premium templates, reusable blocks, and complete page demos that make building a website faster. Everything is carefully crafted, well documented, and ready to customize for your own brand.
Our Company's Value
Integrity, simplicity, and reliability sit at the heart of our company. We believe great design should be approachable, our tools should just work, and our customers should always feel genuinely well supported.

With Background

Our Mission
We are driven by a simple mission: help people build remarkable websites without friction. Every feature we ship is designed to save you time and elevate your final result.
What we do?
We build flexible, production-ready design systems for the web, from individual elements to full page layouts. Our work helps designers and developers ship polished sites in far less time than usual.
Our Company's Value
Our core values are quality, transparency, and respect for your time. We build with attention to detail, stand firmly behind our products, and treat every piece of customer feedback as a chance to improve further.

With Variant Background

Our Mission

Our mission centers on empowering builders of all kinds with clean, dependable tools, so anyone can create a fast, attractive, modern website with real confidence.

What we do?

We craft responsive templates and UI components that businesses rely on every day. From sliders to forms, each piece is optimized for performance and built to fit seamlessly into any modern project.

Our Company's Value

We are guided by a passion for thoughtful design and dependable service. Putting customers first, keeping our promises, and continually raising our own standards are the principles that shape our company each day.

With Border

Our Mission
Our mission is to remove the barriers between a great idea and a great website, giving creators flexible, well-crafted tools that make professional results feel effortless.
What we do?
We produce high-quality web templates and building blocks that simplify the entire design process. Every component is tested across devices so your finished website looks sharp and works flawlessly.
Our Company's Value
Quality, honesty, and dedication define who we are. We take pride in clean, reliable work, communicate openly at every step, and remain committed to helping each customer succeed long after their initial purchase.

With Content

Single Image & Text
Responsive website design preview

Responsive Design

Our layouts adapt fluidly to phones, tablets, and desktops, so your content always looks sharp on every screen size.
Video Frame & Text
Embed videos directly inside any panel to pair rich media with supporting text and keep visitors engaged longer.
Gallery Images
Gallery Thumb 1 Gallery Thumb 2 Gallery Thumb 3 Gallery Thumb 4 Gallery Thumb 5 Gallery Thumb 3 Gallery Thumb 4 Gallery Thumb 5

Card / Separated Accordion

What makes this unique?
What sets this apart is the blend of polished design, clean code, and genuine flexibility. Every component is built to be customized quickly, without sacrificing speed or quality.
How does pricing work?
Pricing is simple and transparent, with a single one-time purchase that includes lifetime updates and full access to every feature in the package.
Can I switch plans later?
Yes, you can move freely between plans whenever you like, and any change you make takes effect on your next billing cycle automatically.

Left Accent Accordion

Account Setup
Set up your new account in just moments by adding your name, email address, and a secure password to start building right away.
Billing Information
Add or update your billing details, choose a payment method, and review invoices anytime from the secure billing area of your account.
Security Settings
Manage passwords, enable two-factor authentication, and review active sessions to keep your account safe.

Timeline / Step Accordion

1
Discovery & Planning
We begin by learning your goals, audience, and requirements to map out a clear, focused project plan.
2
Design & Prototyping
Next we craft wireframes and interactive prototypes, refining the design with your feedback until the look and flow feel exactly right.
3
Development & Launch
Finally we develop, test, and launch your project, then provide support to keep everything running smoothly.

Bootstrap Accordion

Collapse

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Bootstrap Accordion Flush

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the first item's accordion body.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the second item's accordion body. Let's imagine this being filled with some actual content.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.

Collapse

This panel can hold any content you like, from a short note to rich media and forms. Collapse components keep secondary information tucked away until a visitor chooses to reveal it on demand.

Explore more Elements