Component Bank

Structured Smart Component Library

Browse reusable component records used by the Builder recommendation engine. Toggle visual previews or code snippets per component.

Showing 100 of 100 components.
Sandboxed live preview is available for 93 components.

careClinic · contact

1 items

Contact Form

src/components/careClinic/ContactForm.jsx

contactcarecliniccontactformconversion

careClinic · content

2 items

Home Page

src/components/careClinic/HomePage.jsx

contentcareclinichomepage

Teams Section

src/components/careClinic/TeamsSection.jsx

contentcareclinicteamssection

careClinic · footer

1 items

Footer

src/components/careClinic/Footer.jsx

footercareclinic

careClinic · hero

1 items

Hero Section

src/components/careClinic/HeroSection.jsx

herocareclinicherosectionabove-the-fold

careClinic · navigation

1 items

Header

src/components/careClinic/Header.jsx

navigationcareclinicheader

careClinic · services

1 items

Services Section

src/components/careClinic/ServicesSection.jsx

servicescareclinicservicessection

ClarityCoach · about

1 items

About Page

src/components/ClarityCoach/AboutPage.jsx

aboutclaritycoachaboutpage

ClarityCoach · content

2 items

Home Page

src/components/ClarityCoach/HomePage.jsx

contentclaritycoachhomepage

Terms

src/components/ClarityCoach/Terms.jsx

contentclaritycoachterms

ClarityCoach · footer

2 items

Footer

src/components/ClarityCoach/Footer.jsx

footerclaritycoach

Footer Contact

src/components/ClarityCoach/FooterContact.jsx

footerclaritycoachfootercontact

ClarityCoach · forms

1 items

Booking Page

src/components/ClarityCoach/BookingPage.jsx

formsclaritycoachbookingpageconversion

ClarityCoach · layout

1 items

Layout

src/components/ClarityCoach/layout.jsx

layoutclaritycoach

ClarityCoach · navigation

1 items

Header

src/components/ClarityCoach/Header.jsx

navigationclaritycoachheader

ClarityCoach · services

1 items

Services Page

src/components/ClarityCoach/ServicesPage.jsx

servicesclaritycoachservicespage

ClarityCoach · testimonials

2 items

Testimonials

src/components/ClarityCoach/Testimonials.jsx

testimonialsclaritycoach

Testimonials Page

src/components/ClarityCoach/TestimonialsPage.jsx

testimonialsclaritycoachtestimonialspage

code-sphere · about

1 items

About Section

src/components/code-sphere/components/aboutSection.jsx

aboutcode-sphereaboutsection

code-sphere · content

11 items

Homepage

src/components/code-sphere/Homepage.js

contentcode-spherehomepage

Page

src/components/code-sphere/blog/[slug]/page.js

contentcode-spherepage

Blog Page

src/components/code-sphere/blog/blogPage.js

contentcode-sphereblogpage

Back Btn

src/components/code-sphere/components/backBtn.jsx

contentcode-spherebackbtn

Blog Card

src/components/code-sphere/components/blogCard.jsx

contentcode-sphereblogcard

Comment Section

src/components/code-sphere/components/commentSection.jsx

contentcode-spherecommentsection

Featured Posts

src/components/code-sphere/components/featuredPosts.jsx

contentcode-spherefeaturedposts

Filter Bar

src/components/code-sphere/components/filterBar.jsx

contentcode-spherefilterbar

Pagination

src/components/code-sphere/components/pagination.jsx

contentcode-spherepagination

Post Editor

src/components/code-sphere/components/postEditor.jsx

contentcode-sphereposteditor

Login Page

src/components/code-sphere/login/loginPage.js

contentcode-sphereloginpage

code-sphere · dashboard

1 items

Page

src/components/code-sphere/admin/page.js

dashboardcode-spherepageoperations

code-sphere · footer

1 items

Footer

src/components/code-sphere/components/footer.jsx

footercode-sphere

code-sphere · hero

1 items

Hero Section

src/components/code-sphere/components/heroSection.jsx

herocode-sphereherosectionabove-the-fold

code-sphere · layout

1 items

Code Sphere Layout

src/components/code-sphere/components/codeSphereLayout.js

layoutcode-spherecodespherelayout

code-sphere · navigation

1 items

Nav Bar

src/components/code-sphere/components/NavBar.jsx

navigationcode-spherenavbar

consultExpert · about

1 items

About

src/components/consultExpert/about.jsx

aboutconsultexpert

consultExpert · cta

1 items

Calltoaction

src/components/consultExpert/calltoaction.jsx

ctaconsultexpertcalltoactionabove-the-fold

consultExpert · footer

1 items

Footer

src/components/consultExpert/footer.jsx

footerconsultexpert

consultExpert · hero

1 items

Hero

src/components/consultExpert/hero.jsx

heroconsultexpertabove-the-fold

consultExpert · services

1 items

Services

src/components/consultExpert/services.jsx

servicesconsultexpert

consultExpert · testimonials

1 items

Testimonials

src/components/consultExpert/testimonials.jsx

testimonialsconsultexpert

eclat-fashion · about

1 items

About

src/components/eclat-fashion/components/about.jsx

abouteclat-fashion

eclat-fashion · cta

1 items

Cta

src/components/eclat-fashion/components/cta.jsx

ctaeclat-fashionabove-the-fold

eclat-fashion · footer

1 items

Footer

src/components/eclat-fashion/components/footer.jsx

footereclat-fashion

eclat-fashion · hero

1 items

Hero

src/components/eclat-fashion/components/hero.jsx

heroeclat-fashionabove-the-fold

eclat-fashion · layout

1 items

Layout

src/components/eclat-fashion/layout.js

layouteclat-fashion

eclat-fashion · media

1 items

Featured

src/components/eclat-fashion/components/featured.jsx

mediaeclat-fashionfeatured

eclat-fashion · navigation

1 items

Navigation Bar

src/components/eclat-fashion/components/navigation-bar.jsx

navigationeclat-fashionbar

eclat-fashion · testimonials

1 items

Reviews

src/components/eclat-fashion/components/reviews.jsx

testimonialseclat-fashionreviews

ecoImpact · about

1 items

About

src/components/ecoImpact/about.js

aboutecoimpact

ecoImpact · content

10 items

Generate Pdf

src/components/ecoImpact/components/generatePdf.jsx

contentecoimpactgeneratepdf

Impact Report

src/components/ecoImpact/components/impactReport.jsx

contentecoimpactimpactreport

Impact Statistics

src/components/ecoImpact/components/impactStatistics.jsx

contentecoimpactimpactstatistics

Projects

src/components/ecoImpact/components/projects.jsx

contentecoimpactprojects

Subcription Card

src/components/ecoImpact/components/subcriptionCard.jsx

contentecoimpactsubcriptioncard

Teammember Card

src/components/ecoImpact/components/teammemberCard.jsx

contentecoimpactteammembercard

Donate

src/components/ecoImpact/donate.js

contentecoimpactdonate

Home

src/components/ecoImpact/home.js

contentecoimpacthome

Subscribe

src/components/ecoImpact/subscribe.js

contentecoimpactsubscribe

Terms

src/components/ecoImpact/terms.js

contentecoimpactterms

ecoImpact · footer

1 items

Footer

src/components/ecoImpact/components/footer.jsx

footerecoimpact

ecoImpact · hero

1 items

Hero

src/components/ecoImpact/components/hero.jsx

heroecoimpactabove-the-fold

ecoImpact · layout

1 items

Main Layout

src/components/ecoImpact/components/mainLayout.jsx

layoutecoimpactmainlayout

ecoImpact · navigation

1 items

Nav Bar

src/components/ecoImpact/components/navBar.jsx

navigationecoimpactnavbar

elmwoodAcademy · content

2 items

Main Page

src/components/elmwoodAcademy/MainPage.jsx

contentelmwoodacademymainpage

Calendar Modal

src/components/elmwoodAcademy/calendarModal.jsx

contentelmwoodacademycalendarmodal

financePro · about

1 items

About

src/components/financePro/About.jsx

aboutfinancepro

financePro · contact

1 items

Contact Form

src/components/financePro/ContactForm.jsx

contactfinanceprocontactformconversion

financePro · content

2 items

Heeader

src/components/financePro/Heeader.jsx

contentfinanceproheeader

Trust Section

src/components/financePro/TrustSection.jsx

contentfinanceprotrustsection

financePro · cta

1 items

CTASection

src/components/financePro/CTASection.jsx

ctafinanceproctasectionabove-the-fold

financePro · footer

1 items

Footer

src/components/financePro/Footer.jsx

footerfinancepro

financePro · hero

1 items

Hero Section

src/components/financePro/HeroSection.jsx

herofinanceproherosectionabove-the-fold

financePro · services

1 items

Services Section

src/components/financePro/ServicesSection.jsx

servicesfinanceproservicessection

FinEdge · about

1 items

About Page

src/components/FinEdge/AboutPage.jsx

aboutfinedgeaboutpage

FinEdge · contact

1 items

Contact Page

src/components/FinEdge/ContactPage.jsx

contactfinedgecontactpageconversion

FinEdge · content

3 items

FAQ

src/components/FinEdge/FAQ.jsx

contentfinedgefaq

Home Page

src/components/FinEdge/HomePage.jsx

contentfinedgehomepage

Terms Page

src/components/FinEdge/TermsPage.jsx

contentfinedgetermspage

FinEdge · cta

1 items

CTASection

src/components/FinEdge/CTASection.jsx

ctafinedgectasectionabove-the-fold

FinEdge · footer

1 items

Footer

src/components/FinEdge/Footer.jsx

footerfinedge

FinEdge · hero

1 items

Hero Section

src/components/FinEdge/HeroSection.jsx

herofinedgeherosectionabove-the-fold

FinEdge · layout

1 items

Layout

src/components/FinEdge/layout.jsx

layoutfinedge

FinEdge · navigation

1 items

Header

src/components/FinEdge/Header.jsx

navigationfinedgeheader

FinEdge · services

2 items

Services Card

src/components/FinEdge/ServicesCard.jsx

servicesfinedgeservicescard

Services Page

src/components/FinEdge/ServicesPage.jsx

servicesfinedgeservicespage

FinEdge · testimonials

2 items

Testimonials

src/components/FinEdge/Testimonials.jsx

testimonialsfinedge

Write Review

src/components/FinEdge/WriteReview.jsx

testimonialsfinedgewritereview

SerenityHaven · about

1 items

Page

src/components/SerenityHaven/pages/about/page.js

aboutserenityhavenpage

SerenityHaven · contact

1 items

Contact Form

src/components/SerenityHaven/components/contactForm.jsx

contactserenityhavencontactformconversion

SerenityHaven · content

2 items

Section Card

src/components/SerenityHaven/components/SectionCard.jsx

contentserenityhavensectioncard

Main Page

src/components/SerenityHaven/pages/MainPage.jsx

contentserenityhavenmainpage

SerenityHaven · footer

1 items

Footer

src/components/SerenityHaven/components/Footer.jsx

footerserenityhaven

SerenityHaven · forms

2 items

Booking Btn

src/components/SerenityHaven/components/BookingBtn.jsx

formsserenityhavenbookingbtnconversion

Page

src/components/SerenityHaven/pages/booking/page.js

formsserenityhavenpageconversion

SerenityHaven · hero

1 items

Hero Section

src/components/SerenityHaven/components/HeroSection.jsx

heroserenityhavenherosectionabove-the-fold

SerenityHaven · layout

1 items

Applayout

src/components/SerenityHaven/components/Applayout.jsx

layoutserenityhavenapplayout

SerenityHaven · navigation

1 items

Header

src/components/SerenityHaven/components/Header.jsx

navigationserenityhavenheader

SerenityHaven · services

1 items

Services Section

src/components/SerenityHaven/components/ServicesSection.jsx

servicesserenityhavenservicessection

TemplateSelect.jsx · content

1 items

Template Select

src/components/TemplateSelect.jsx

contenttemplateselect.jsxtemplateselect
Built by Spadeshub