SignerX Component Library

Living reference of 195 components across the ApproveMe parent theme and SignerX child theme. Click any component to load its live preview.

Atoms (15)

Smallest building blocks — button styles, typography helpers, utility registrations. Many atoms register block styles rather than rendering visible HTML.

▶

a-article-p

Atom ApproveMe
▶

a-box-gradient-top

Atom ApproveMe
▶

a-btnShimmer

Atom SignerX
▶

a-button-rounded

Atom ApproveMe
▶

a-buttonWhiskers

Atom ApproveMe
▶

a-callout-alt

Atom ApproveMe
▶

a-custom-title

Atom ApproveMe
▶

a-focus-box

Atom ApproveMe
▶

a-get-page-assets

Atom ApproveMe
▶

a-heading-line-around

Atom ApproveMe
▶

a-lead-paragraph

Atom ApproveMe
▶

a-publish-date-shortcode

Atom ApproveMe
▶

a-purple-bullets

Atom ApproveMe
▶

a-title-heading-light-caps

Atom ApproveMe

Molecules (161)

Mid-level components combining atoms into functional UI sections — heroes, CTAs, pricing tables, FAQs, and more.

▶

m-advantages

Molecule ApproveMe
▶

m-affordablePlans

Molecule SignerX
▶

m-articleBlogTitle

Molecule ApproveMe
▶

m-articleBlogTitle

Molecule ApproveMe
▶

m-articleHero

Molecule ApproveMe
▶

m-articleHero

Molecule ApproveMe
▶

m-articleRecommended

Molecule ApproveMe
▶

m-articleRecommended

Molecule ApproveMe
▶

m-articleRecommended

Molecule SignerX
▶

m-articleRecommended

Molecule SignerX
▶

m-author-bio

Molecule ApproveMe
▶

m-authorBio

Molecule ApproveMe
▶

m-authorBio

Molecule ApproveMe
▶

m-authorBioSimple

Molecule ApproveMe
▶

m-bankSecure

Molecule SignerX
▶

m-bannerComponents

Molecule ApproveMe No Template
▶

m-benefits

Molecule SignerX
▶

m-blackFridayAirtight

Molecule ApproveMe
▶

m-blackFridayContract

Molecule ApproveMe
▶

m-blackFridayDeal

Molecule ApproveMe
▶

m-blackFridayElite

Molecule ApproveMe
▶

m-blackFridayFeatures

Molecule ApproveMe
▶

m-blackFridayFooter

Molecule ApproveMe
▶

m-blackFridayHead

Molecule ApproveMe
▶

m-blackFridayIntro

Molecule ApproveMe
▶

m-blogHero

Molecule ApproveMe
▶

m-blogHero

Molecule ApproveMe
▶

m-blogHeroColor

Molecule ApproveMe
▶

m-blogNavbar

Molecule ApproveMe
▶

m-blogNavbar

Molecule ApproveMe
▶

m-blogPagination

Molecule ApproveMe
▶

m-blogPagination

Molecule ApproveMe
▶

m-blogSidebar

Molecule ApproveMe
▶

m-blogSignup

Molecule ApproveMe
▶

m-blogSignup

Molecule ApproveMe
▶

m-blogWhiskers

Molecule ApproveMe
▶

m-blogWhiskers

Molecule ApproveMe
▶

m-bridgePluginHeader

Molecule ApproveMe
▶

m-callCard

Molecule ApproveMe
▶

m-card-columns

Molecule ApproveMe
▶

m-cardColumns

Molecule ApproveMe
▶

m-cartManagement

Molecule ApproveMe
▶

m-certifyAndCompliance

Molecule SignerX
▶

m-chatWave

Molecule ApproveMe
▶

m-chatWave

Molecule ApproveMe
▶

m-checkoutDisclaimer

Molecule ApproveMe
▶

m-checkoutOrderSummary

Molecule ApproveMe
▶

m-checkoutUpsell

Molecule ApproveMe
▶

m-checkoutUpsell

Molecule ApproveMe
▶

m-checkoutUpsell__bfcw

Molecule ApproveMe
▶

m-checkoutUpsell__bfcw

Molecule ApproveMe
▶

m-comingSoonBottom

Molecule ApproveMe
▶

m-comingSoonCenter

Molecule ApproveMe
▶

m-comingSoonIntro

Molecule ApproveMe
▶

m-content404

Molecule ApproveMe
▶

m-contractsModalFrame

Molecule ApproveMe
▶

m-cta-dark-waves

Molecule ApproveMe
▶

m-cta-whiskers

Molecule ApproveMe
▶

m-ctaAdvantage

Molecule ApproveMe
▶

m-ctaAdvisor

Molecule ApproveMe
▶

m-ctaCelebrate

Molecule ApproveMe
▶

m-ctaCelebrate

Molecule ApproveMe
▶

m-ctaCheckoutAppSumo

Molecule ApproveMe
▶

m-ctaDarkWaves

Molecule ApproveMe
▶

m-ctaEsignPowerful

Molecule ApproveMe
▶

m-ctaGet10ad

Molecule ApproveMe
▶

m-ctaGotQuestions

Molecule ApproveMe
▶

m-ctaMinutes

Molecule ApproveMe
▶

m-ctaWhiskers

Molecule ApproveMe
▶

m-customersDeserve

Molecule SignerX
▶

m-customersDeserve

Molecule SignerX
▶

m-eSignatureFeature

Molecule SignerX
▶

m-empowerCustomer

Molecule ApproveMe
▶

m-experienceWorkflow

Molecule ApproveMe
▶

m-faqs

Molecule ApproveMe
▶

m-features-grid

Molecule ApproveMe
▶

m-featuresCenter

Molecule ApproveMe
▶

m-featuresGrid

Molecule ApproveMe
▶

m-featuresSolution

Molecule ApproveMe
▶

m-feedback

Molecule ApproveMe
▶

m-footerAfter

Molecule ApproveMe
▶

m-footerAfterOld

Molecule ApproveMe
▶

m-footerSlideUp

Molecule ApproveMe
▶

m-footerSlideUp

Molecule ApproveMe
▶

m-footerSlideUpNoisy

Molecule ApproveMe
▶

m-footerSlideUpNoisy

Molecule ApproveMe
▶

m-footerSlideUp__bfcw

Molecule ApproveMe
▶

m-footerSlideUp__bfcw

Molecule ApproveMe
▶

m-four-reasons

Molecule ApproveMe
▶

m-getSignature

Molecule ApproveMe
▶

m-hereToHelp

Molecule ApproveMe
▶

m-hero-title-image

Molecule ApproveMe
▶

m-heroBanner

Molecule SignerX
▶

m-heroBanner

Molecule SignerX
▶

m-heroTitleImage

Molecule ApproveMe
▶

m-hourlyRateCalculator

Molecule ApproveMe
▶

m-howItWorks

Molecule SignerX
▶

m-howToEsign

Molecule SignerX
▶

m-ideal

Molecule ApproveMe
▶

m-integration-slideshow

Molecule ApproveMe
▶

m-legallyBinding

Molecule SignerX
▶

m-legallyBinding

Molecule SignerX
▶

m-logos

Molecule ApproveMe
▶

m-microFooter

Molecule ApproveMe
▶

m-modal

Molecule ApproveMe
▶

m-modal-opener

Molecule ApproveMe
▶

m-modalDemo

Molecule ApproveMe
▶

m-modalExitIntent

Molecule ApproveMe
▶

m-modalExitIntent

Molecule ApproveMe
▶

m-modalExitIntent__bfcw

Molecule ApproveMe
▶

m-modalExitIntent__bfcw

Molecule ApproveMe
▶

m-modalLetsChat

Molecule ApproveMe
▶

m-moneyBackGuarantee

Molecule ApproveMe
▶

m-noResults

Molecule ApproveMe
▶

m-noResultsFound

Molecule ApproveMe
▶

m-noRisk

Molecule ApproveMe
▶

m-pill-quote-heading

Molecule ApproveMe
▶

m-pillQuoteHeading

Molecule ApproveMe
▶

m-pinkBanner

Molecule ApproveMe
▶

m-pinkBanner

Molecule ApproveMe
▶

m-prev-next-nav

Molecule ApproveMe
▶

m-prevNextNav

Molecule ApproveMe
▶

m-priceTable

Molecule ApproveMe
▶

m-priceTable-rectangle

Molecule ApproveMe
▶

m-pricingReady

Molecule ApproveMe
▶

m-purpleBanner

Molecule SignerX
▶

m-purpleBanner

Molecule SignerX
▶

m-quote-social-share

Molecule ApproveMe
▶

m-quoteSocialShare

Molecule ApproveMe
▶

m-ratings

Molecule ApproveMe
▶

m-reason

Molecule ApproveMe
▶

m-scroll-progress

Molecule ApproveMe
▶

m-shortcodeDefault

Molecule ApproveMe
▶

m-signInHub

Molecule ApproveMe
▶

m-signerxFaqs

Molecule SignerX
▶

m-signerxHome

Molecule SignerX
▶

m-signerxPlans

Molecule SignerX
▶

m-signingDocument

Molecule ApproveMe
▶

m-socialProof

Molecule ApproveMe
▶

m-socialSticky

Molecule ApproveMe
▶

m-stickyHeaderMessage

Molecule SignerX
▶

m-stickyHeaderMessage

Molecule SignerX
▶

m-stickyHeader__bfcw

Molecule ApproveMe
▶

m-stickyHeader__bfcw

Molecule ApproveMe
▶

m-stickyHeader__primary

Molecule ApproveMe
▶

m-stickyHeader__primary

Molecule ApproveMe
▶

m-subNavbar

Molecule SignerX
▶

m-subNavbar

Molecule SignerX
▶

m-supportBanner

Molecule ApproveMe
▶

m-table-of-contents

Molecule ApproveMe
▶

m-tableOfContents

Molecule ApproveMe
▶

m-testimonial

Molecule ApproveMe
▶

m-textDivider

Molecule ApproveMe
▶

m-threeIconFacts

Molecule ApproveMe
▶

m-usedFor

Molecule SignerX
▶

m-weUsed

Molecule ApproveMe
▶

m-whatIsSignature

Molecule SignerX
▶

m-whatIsSignature

Molecule SignerX

Organisms (19)

Large, complex components that combine multiple molecules — full page sections, countdown timers, contract flows.

▶

o-bankSecure

Organism SignerX
▶

o-benefits

Organism SignerX
▶

o-campaignCookie

Organism SignerX
▶

o-certifyAndCompliance

Organism SignerX
▶

o-countdown

Organism ApproveMe
▶

o-eSignatureFeature

Organism SignerX
▶

o-footerStandard

Organism SignerX
▶

o-getContracts

Organism ApproveMe
▶

o-headerDark

Organism SignerX
▶

o-headerStandard

Organism ApproveMe
▶

o-headerStandard

Organism SignerX
▶

o-howItWorks

Organism SignerX
▶

o-howToEsign

Organism SignerX
▶

o-legalRequirements

Organism SignerX
▶

o-modalSearch

Organism ApproveMe
▶

o-narrowContent

Organism ApproveMe
▶

o-recent-sales

Organism ApproveMe
▶

o-trexGame

Organism SignerX
▶

o-usedFor

Organism SignerX