Getting started
...
Components
General Components
19 min
overview the simplita ai smart components library contains 29 reusable, pre built components designed to accelerate web development and automation workflows these components are organized in the components category and provide flexible, customizable solutions for various use cases including hero sections, pricing displays, testimonials, forms, tables, and more all components are built with responsive design principles using flex properties, ensuring seamless adaptation across mobile and desktop viewports complete list of 29 components 1\ answer type interactive component description a component for displaying answers or responses, featuring a circular loading state use case q\&a sections, feedback forms, response displays 2\ agentflow ai use cases type section component description showcase component demonstrating agentflow ai's application across different business scenarios use case case studies, industry specific demonstrations 3\ hero type landing section description classic hero section with prominent heading and call to action buttons use case website landing pages, product introductions features hero with image variant available 4\ hero with image type landing section description enhanced hero section including both text content and accompanying imagery use case visual product presentations, service highlights 5\ features section type information section description displays key features in an organized, grid based layout use case product features showcase, service highlights 6\ glass hero type modern landing section description contemporary hero section with glassmorphism design elements use case modern websites, trendy landing pages 7\ pricing section type commerce component description display pricing tiers with features and call to action buttons use case subscription services, pricing pages, product comparisons 8\ about section type content section description presents company or product information with text and imagery use case about us pages, company introductions 9\ stats section type data display component description shows key statistics and metrics in an eye catching format use case performance metrics, business achievements, kpis 10\ testimonials section type social proof component description displays customer testimonials and reviews use case customer success stories, trust building 11\ contact section type form component description contact form with email input and submission button use case lead capture, customer inquiries 12\ cta section (call to action) type conversion component description action oriented section designed to drive conversions use case lead generation, event signup, product purchase 13\ about section 2 type alternate about component description alternative layout for about page content use case different page layouts, a/b testing 14\ testimonials section 2 type alternate testimonial component description alternative design for displaying customer testimonials use case different design variations, responsive alternatives 15\ contact section 2 type alternate form component description alternative contact form design use case form variations, different sections 16\ cta section 2 type alternate cta component description alternative call to action section layout use case multiple conversion points, different page sections 17\ repeating cards type layout component description container for displaying multiple cards in a repeating pattern use case product listings, team members, portfolio items 18\ hover cards type interactive card component description cards with interactive hover effects and animations use case feature highlights, service options with interactivity 19\ product card tailwind type tailwind based card description pre styled product card using tailwind css utilities use case e commerce products, marketplace listings 20\ service card tailwind type tailwind based service card description service presentation card built with tailwind css use case service offerings, capability showcase 21\ team member card tailwind type tailwind based profile card description team member profile card with tailwind styling use case team pages, staff directories 22\ feature cards type grid card component description feature cards organized in grid layouts use case feature showcase, capabilities display 23\ cta agentflow ai type branded cta component description call to action section specifically themed for agentflow ai use case agentflow ai product pages, lead generation 24\ agentflow blogs type content showcase description component for displaying blog posts or articles use case blog listings, content showcases 25\ agenflow ai cta 1 type agentflow specific cta description first variant of agentflow ai cta component use case agentflow product marketing, conversions 26\ our values agentflow ai type brand values component description displays core values and principles of agentflow ai features multiple value sections with icons and descriptions use case brand messaging, company culture showcase 27\ kpi card type metrics component description key performance indicator display card use case dashboard metrics, performance tracking, analytics 28\ about us type company information description company profile and background information use case company pages, organizational information 29\ stock type data/inventory component description stock or inventory display component use case product availability, inventory management notes \ all components are stored in the smart components library within simplita ai \ components can be edited directly or forked to create custom versions \ each component includes a preview thumbnail for easy identification \ changes to components are automatically saved