
<!doctype html>
<html lang="en-gb" dir="ltr">
	<head>
		
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta charset="utf-8">
	<meta name="author" content="Alex Chartier">
	<meta name="description" content="Fabrik, is an open source application development, form and database management component. ">
	<meta name="generator" content="Drumlapress">
	<title>Fabrik - Joomla Custom Website Application Builder - Home</title>
	<link href="/images/fabrik-icon32.png" rel="icon" type="image/png">
	<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Baloo Da 2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap" rel="stylesheet" media="none" onload="media=&quot;all&quot;">
	<link href="/templates/shaper_helixultimate/css/bootstrap.min.css" rel="stylesheet">
	<link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet">
	<link href="/media/system/css/joomla-fontawesome.min.css?bff3a7" rel="stylesheet">
	<link href="/templates/shaper_helixultimate/css/template.css" rel="stylesheet">
	<link href="/templates/shaper_helixultimate/css/presets/preset7.css" rel="stylesheet">
	<link href="/templates/shaper_helixultimate/css/custom.css" rel="stylesheet">
	<style>@media(max-width: 574px) {
#mod-custom96 {
display: none;
}</style>
	<style>.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'Baloo Da 2', sans-serif;font-size: 20px;font-weight: 400;line-height: 3;text-decoration: {;}
</style>
	<style>.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a{font-family: 'Baloo Da 2', sans-serif;font-size: 20px;font-weight: 400;line-height: 3;text-decoration: {;}
</style>
	<style>.logo-image {height:60px;}.logo-image-phone {height:60px;}</style>
	<style>@media(max-width: 992px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}</style>
	<style>@media(max-width: 576px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}</style>
	<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"RLTA_BUTTON_SCROLL_LEFT":"Scroll buttons to the left","RLTA_BUTTON_SCROLL_RIGHT":"Scroll buttons to the right","ERROR":"Error","MESSAGE":"Message","NOTICE":"Notice","WARNING":"Warning","JCLOSE":"Close","JOK":"OK","JOPEN":"Open"},"data":{"breakpoints":{"tablet":991,"mobile":480},"header":{"stickyOffset":"0"}},"system.paths":{"root":"","rootFull":"https:\/\/fabrikar.com\/","base":"","baseFull":"https:\/\/fabrikar.com\/"},"csrf.token":"c4b2f70f58ddde3a55636ca9d6a91ace"}</script>
	<script src="/media/system/js/core.min.js?a3d8f8"></script>
	<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
	<script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script>
	<script src="/media/vendor/bootstrap/js/alert.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/button.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/carousel.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/collapse.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/dropdown.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/modal.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/offcanvas.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/popover.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/scrollspy.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/tab.min.js?5.3.8" type="module"></script>
	<script src="/media/vendor/bootstrap/js/toast.min.js?5.3.8" type="module"></script>
	<script src="/media/system/js/showon.min.js?e51227" type="module"></script>
	<script src="/media/mod_menu/js/menu.min.js?bff3a7" type="module"></script>
	<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
	<script src="/templates/shaper_helixultimate/js/main.js"></script>
	<script src="/templates/shaper_helixultimate/js/custom.js"></script>
	<script>rltaSettings = {"switchToAccordions":true,"switchBreakPoint":576,"buttonScrollSpeed":5,"addHashToUrls":true,"rememberActive":false,"wrapButtons":false,"switchBasedOn":"window","animations":"fade,slide","animationSpeed":7,"mode":"click","slideshowInterval":5000,"slideshowRestart":"1","slideshowRestartTimeout":10000,"scroll":"adaptive","scrollOnLinks":"adaptive","scrollOnUrls":"adaptive","scrollOffsetTop":20,"scrollOffsetBottom":20,"useWideScreenScrollOffsets":false,"scrollOffsetBreakPoint":576,"scrollOffsetTopWide":20,"scrollOffsetBottomWide":20}</script>
	<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://fabrikar.com/#/schema/Organization/base","name":"Fabrik - Joomla Custom Website Application Builder","url":"https://fabrikar.com/"},{"@type":"WebSite","@id":"https://fabrikar.com/#/schema/WebSite/base","url":"https://fabrikar.com/","name":"Fabrik - Joomla Custom Website Application Builder","publisher":{"@id":"https://fabrikar.com/#/schema/Organization/base"}},{"@type":"WebPage","@id":"https://fabrikar.com/#/schema/WebPage/base","url":"https://fabrikar.com/","name":"Fabrik - Joomla Custom Website Application Builder - Home","description":"Fabrik, is an open source application development, form and database management component. ","isPartOf":{"@id":"https://fabrikar.com/#/schema/WebSite/base"},"about":{"@id":"https://fabrikar.com/#/schema/Organization/base"},"inLanguage":"en-GB"},{"@type":"Article","@id":"https://fabrikar.com/#/schema/com_content/article/95","name":"Home","headline":"Home","inLanguage":"en-GB","isPartOf":{"@id":"https://fabrikar.com/#/schema/WebPage/base"}}]}</script>
	<script>document.addEventListener('DOMContentLoaded', function(event) { 
	let sclogindiv = document.querySelector('.sclogin-modal');
	if (sclogindiv != null) sclogindiv.querySelector('.modal-dialog').classList.remove('modal-xl');
});</script>
	<script>template="shaper_helixultimate";</script>
<link href="/custom_scripts/media/css/g-features.css" rel="stylesheet">
<link href="/custom_scripts/media/css/custom.css" rel="stylesheet">
			</head>
	<body class="site helix-ultimate hu com_content com-content view-article layout-default task-none itemid-1109 en-gb ltr sticky-header layout-fluid offcanvas-init offcanvs-position-right">

		
		
		<div class="body-wrapper">
			<div class="body-innerwrapper">
					<div class="sticky-header-placeholder"></div>

<header id="sp-header" class="full-header full-header-center">
	<div class="container-fluid">
		<div class="container-inner">
			<!-- Layout mobile -->
			<div class="d-flex d-lg-none align-items-center justify-content-between">
				<!-- Logo -->
				<div id="sp-logo-mobile" class="me-auto">
					<div class="sp-column d-flex align-items-center">
													
							<div class="logo"><a href="/">
				<img class='logo-image '
					srcset='https://fabrikar.com/images/fabrik-logo-green-white.png 1x'
					src='https://fabrikar.com/images/fabrik-logo-green-white.png'
					height='60'
					alt='Fabrik - Joomla Custom Website Application Builder'
				/>
				</a></div>											</div>
				</div>

				<!-- Login e Offcanvas -->
				<div class="d-flex align-items-center">
					<!-- Login Button -->
											<div class="login-button-wrap">
															<a class="btn btn-outline-primary" href="/login">
									LOGIN								</a>
													</div>
					
					<!-- Offcanvas button -->
											<a id="offcanvas-toggler-mobile" aria-label="Menu" title="Menu" class="mega_offcanvas offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center ms-3" href="#">
							<div class="burger-icon"><span></span><span></span><span></span></div>
						</a>
									</div>
			</div>

			<!-- Layout desktop -->
			<div class="row align-items-center d-none d-lg-flex">
				<!-- Logo -->
				<div id="sp-logo" class="col-auto">
					<div class="sp-column">
													
							<div class="logo"><a href="/">
				<img class='logo-image '
					srcset='https://fabrikar.com/images/fabrik-logo-green-white.png 1x'
					src='https://fabrikar.com/images/fabrik-logo-green-white.png'
					height='60'
					alt='Fabrik - Joomla Custom Website Application Builder'
				/>
				</a></div>											</div>
				</div>
				<!-- Menu -->
				<div id="sp-menu" class="menu-with-social menu-center col-auto flex-auto">
					<div class="sp-column d-flex justify-content-between align-items-center">
						<div class="menu-with-offcanvas d-flex justify-content-between align-items-center flex-auto">
							<nav class="sp-megamenu-wrapper d-flex" role="navigation" aria-label="navigation"><ul class="sp-megamenu-parent menu-animation-fade-up d-none d-lg-block"><li class="sp-menu-item current-item active"><a aria-current="page"  href="/"  >Home</a></li><li class="sp-menu-item"><a   href="/what-is-fabrik"  >What is Fabrik?</a></li><li class="sp-menu-item"><a   href="/fabrik-products"  >Products</a></li><li class="sp-menu-item sp-has-child"><span  class=" sp-menu-heading"  >Changelogs</span><div class="sp-dropdown sp-dropdown-main sp-menu-right" style="width: 240px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items"><li class="sp-menu-item"><a   href="/changelogs/changelog-history"  >Fabrik Base Versions</a></li><li class="sp-menu-item"><a   href="/changelogs/changelog-git"  >Changelog Git</a></li></ul></div></div></li><li class="sp-menu-item sp-has-child"><span  class=" sp-menu-separator"  >Support</span><div class="sp-dropdown sp-dropdown-main sp-menu-right" style="width: 240px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items"><li class="sp-menu-item"><a   href="https://fabrikar.com/forums"  >Forum</a></li><li class="sp-menu-item"><a   href="https://fabrikar.com/forums/index.php?wiki/"  >Wiki</a></li><li class="sp-menu-item"><a   href="https://fabrikar.com/contact-us"  >Contact</a></li></ul></div></div></li></ul></nav>							
						</div>
						<!-- Related Modules -->
						<div class="d-flex header-modules align-items-center">
								
															<!-- Custom Login Button -->
								<div class="login-button-wrap ms-3">
																			<a class="btn btn-outline-primary" href="/login">
											LOGIN										</a>
																	</div>
													</div>
						<!-- Social icons -->
						<div class="social-wrap no-border d-flex align-items-center">
													</div>
						<!-- if offcanvas position right -->
													<a id="offcanvas-toggler" aria-label="Menu" title="Menu" class="mega_offcanvas offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
								<div class="burger-icon"><span></span><span></span><span></span></div>
							</a>
											</div>
				</div>
			</div>
		</div>
	</div>
</header>				<main id="sp-main">
					
<section id="sp-hero" >

				
	
<div class="row">
	<div id="sp-position1" class="col-lg-12 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content">
<div id="mod-custom160" class="mod-custom custom">
    <section class="fabrik-hero d-flex align-items-center position-relative overflow-hidden">
<div class="gradient-overlay">&nbsp;</div>
<div class="container position-relative z-index-2">
<div class="row align-items-center gx-5">
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="hero-content pe-lg-5">
<h1 class="display-1 fw-bold mb-4 position-relative">Build with<br /> <span class="text-highlight position-relative d-inline-block">Fabrik</span> <span class="version-tag position-relative"> <span class="version-text">v4.6.3</span>&nbsp;<span class="version-glow"></span> <a href="/changelogs/changelog-history" class="changelog-link">Changelog</a> </span></h1>
<p class="lead mb-2 opacity-75">Joomla Application Builder</p>
<p class="compat-line">Compatible with <span class="jbadge j4"> <i class="fab fa-joomla jicon"></i>J4 </span> and <span class="jbadge j5"> <i class="fab fa-joomla jicon"></i>J5 </span></p>
</div>
</div>
<div class="col-lg-6">
<div class="computer-mockup">
<div class="screen-frame">
<div class="camera-notch">&nbsp;</div>
<img src="/images/fabri.png" alt="Fabrik Backend" class="screen-content" /></div>
<div class="base">&nbsp;</div>
</div>
</div>
</div>
<div class="row justify-content-center mb-4">
<div class="col-12 col-sm-8 col-md-6 text-center buttons-wrapper">
<div class="d-flex flex-wrap justify-content-center btn-container"><a href="/demo-site" target="_blank" rel="noreferrer" class="btn-modern btn-demo">&nbsp; View Demo </a> <a href="/fabrik-products" class="btn-modern btn-download"> <span class="btn-icon"><i class="fas fa-download"></i></span> <span class="btn-text">Download</span> </a></div>
</div>
</div>
<div class="row stats-container">
<div class="col-md-6 mb-3 mb-md-0">
<div class="stat-box">
<div class="stat-icon"><i class="fas fa-globe fa-lg"></i></div>
<h2 class="stat-title">Countries Represented</h2>
<div class="stat-value">
<p class="display-4 fw-bold mb-0">25+</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="stat-box">
<div class="stat-icon"><i class="fas fa-users fa-lg"></i></div>
<h2 class="stat-title">Happy Community Members</h2>
<div class="stat-value">
<p class="display-4 fw-bold mb-0">38,600+</p>
</div>
</div>
</div>
</div>
</div>
</section></div>
</div></div></div></div></div>
				
	</section>

<section id="sp-section-2" >

				
	
<div class="row">
	<div id="sp-title" class="col-lg-12 "><div class="sp-column "></div></div></div>
				
	</section>

<section id="sp-main-body" class="col-md-12">

										<div class="container">
					<div class="container-inner">
						
	
<div class="row">
	
<div id="sp-component" class="col-lg-12 ">
	<div class="sp-column ">
		<div id="system-message-container" aria-live="polite"></div>


		
		<div class="article-details " itemscope itemtype="https://schema.org/Article">
    <meta itemprop="inLanguage" content="en-GB">

    
    
    
    
    
    <div class="article-can-edit d-flex flex-wrap justify-content-between">
                
            </div>

    
        
                
    
        
        
        
        <div itemprop="articleBody">
            <div class="row text-center"><!-- START: Modules Anywhere --><div class="moduletable ">
            <h3 class="g-title">What can YOU Build with Fabrik?</h3>        
<div id="mod-custom102" class="mod-custom custom">
    <div class="fabrik-modern-container">
<div class="fabrik-intro-section">
<div class="intro-badge">2026 Edition</div>
<h2>Whatever your application need… <span class="text-highlight">Fabrik has you covered!</span></h2>
<p>The ultimate component for building powerful Joomla applications</p>
<div class="intro-decoration">&nbsp;</div>
</div>
<div class="fabrik-features-grid"><!-- Feature Lists -->
<div class="fabrik-feature">
<div class="feature-header" data-feature="lists">
<div class="feature-icon"><img src="/images/HOME-lists.png" alt="Lists Icon" />
<div class="icon-glow">&nbsp;</div>
</div>
<h3>LISTS</h3>
<button class="toggle-btn" aria-label="Toggle Lists content"> </button></div>
<div class="feature-content">
<p>Display data collected by your forms or from existing database tables.</p>
<div class="feature-benefits">
<ul>
<li>Create new list, or connect to existing databases!</li>
<li>Fully relational</li>
<li>Fine grained ACL</li>
<li>Superb filtering / pre-filtering / Grouping</li>
<li>Ajax</li>
<li>Templates</li>
<li>5+ Plugins</li>
<li>Data import/export tools</li>
</ul>
</div>
<p class="feature-description">Fabrik lists should be considered as views onto the data contained within MySQL tables. This is because with Fabrik lists you can create joins between database tables, have multiple Fabrik lists pointing at the same database table, and each Fabrik list may then apply its own access levels and filtering.</p>
<div class="feature-action"><a href="/forums/index.php?wiki/lists/" target="_blank" rel="noopener" class="fabrik-button">Learn More <span class="button-arrow">→</span></a></div>
</div>
</div>
<!-- Feature Forms -->
<div class="fabrik-feature">
<div class="feature-header" data-feature="forms">
<div class="feature-icon"><img src="/images/HOME-forms.png" alt="Forms Icon" />
<div class="icon-glow">&nbsp;</div>
</div>
<h3>FORMS</h3>
<button class="toggle-btn" aria-label="Toggle Forms content"> </button></div>
<div class="feature-content">
<p>Forms are the heart of Fabrik, they allow you to collect data from users to access your data for editing and viewing.</p>
<div class="feature-benefits">
<ul>
<li>Multipage</li>
<li>Ajax</li>
<li>Repeatable sections</li>
<li>30+ Elements</li>
<li>20+ Plugins</li>
<li>Ajax validations</li>
<li>10+ validation plugins</li>
</ul>
</div>
<div class="feature-action"><a href="/forums/index.php?wiki/forms/" target="_blank" rel="noopener" class="fabrik-button">Learn More <span class="button-arrow">→</span></a></div>
</div>
</div>
<!-- Feature Templates -->
<div class="fabrik-feature">
<div class="feature-header" data-feature="templates">
<div class="feature-icon"><img src="/images/HOME-interfaces.png" alt="Templates Icon" />
<div class="icon-glow">&nbsp;</div>
</div>
<h3>TEMPLATES</h3>
<button class="toggle-btn" aria-label="Toggle Templates content"> </button></div>
<div class="feature-content">
<p>Customize the look and feel of your Fabrik applications with professional templates.</p>
<div class="feature-benefits">
<ul>
<li>Responsive designs out of the box</li>
<li>Custom styling options</li>
<li>Mobile-first approach</li>
<li>Multiple layout options</li>
<li>Easy template overrides</li>
<li>Bootstrap integration</li>
</ul>
</div>
<div class="feature-action"><a href="/forums/index.php?wiki/form-and-details-templates/" target="_blank" rel="noopener" class="fabrik-button">Learn More <span class="button-arrow">→</span></a></div>
</div>
</div>
<!-- Feature Schedules -->
<div class="fabrik-feature">
<div class="feature-header" data-feature="schedules">
<div class="feature-icon"><img src="/images/HOME-schedules.png" alt="Schedules Icon" />
<div class="icon-glow">&nbsp;</div>
</div>
<h3>SCHEDULES</h3>
<button class="toggle-btn" aria-label="Toggle Schedules content"> </button></div>
<div class="feature-content">
<p>Automate tasks and processes with powerful scheduling capabilities.</p>
<div class="feature-benefits">
<ul>
<li>Automated data processing</li>
<li>Scheduled email notifications</li>
<li>Recurring tasks</li>
<li>Custom PHP execution</li>
</ul>
</div>
<div class="feature-action"><a href="/forums/index.php?wiki/scheduled-tasks/" target="_blank" rel="noopener" class="fabrik-button">Learn More <span class="button-arrow">→</span></a></div>
</div>
</div>
<!-- Feature Connections -->
<div class="fabrik-feature">
<div class="feature-header" data-feature="connections">
<div class="feature-icon"><img src="/images/HOME-connections.png" alt="Connections Icon" />
<div class="icon-glow">&nbsp;</div>
</div>
<h3>CONNECTIONS</h3>
<button class="toggle-btn" aria-label="Toggle Connections content"> </button></div>
<div class="feature-content">
<p>Connect to external data sources and integrate with other systems.</p>
<div class="feature-benefits">
<ul>
<li>Multiple database connections</li>
<li>API integration capabilities</li>
<li>Cross-platform compatibility</li>
</ul>
</div>
<div class="feature-action"><a href="/forums/index.php?wiki/connections/" target="_blank" rel="noopener" class="fabrik-button">Learn More <span class="button-arrow">→</span></a></div>
</div>
</div>
</div>
</div></div>
</div>
<!-- END: Modules Anywhere --></div>
<div class="row">
<div class="col-md-6 text-center"><!-- START: Modules Anywhere --><!--  Modules Anywhere Message: The module cannot be placed because it is not published or assigned to this page. --><!-- END: Modules Anywhere --></div>
<div class="col-md-6 text-center"><!-- START: Modules Anywhere --><!--  Modules Anywhere Message: The module cannot be placed because it is not published or assigned to this page. --><!-- END: Modules Anywhere --></div>
</div>
<div><!-- START: Modules Anywhere --><!--  Modules Anywhere Message: The module cannot be placed because it is not published or assigned to this page. --><!-- END: Modules Anywhere --></div>
<div><!-- START: Modules Anywhere -->
<div id="mod-custom158" class="mod-custom custom">
    <div class="fabrik-module-products-container">
<div class="fabrik-module-section-header">
<h2 class="fabrik-module-section-title">Fabrik Products</h2>
<span class="fabrik-module-section-subtitle">Powerful components for your Joomla website</span></div>
<div class="fabrik-module-products-wrapper"><!-- Product 1: Fabrik - The Application Builder -->
<div class="fabrik-module-product-card">
<div class="fabrik-module-product-header">
<h3>Fabrik - The Application Builder</h3>
</div>
<div class="fabrik-module-product-image"><img src="/images/box.png" alt="Fabrik - The Application Builder" /></div>
<div class="fabrik-module-product-description">
<p>Fabrik provides people the power to create custom applications without requiring knowledge of mySQL and PHP, all within a familiar Joomla administration interface.</p>
</div>
<div class="fabrik-module-product-actions"><button class="fabrik-module-btn-more" data-target="fab-details-1"> <i class="fa fa-info-circle"></i> More Information </button> <button class="fabrik-module-btn-buy" data-ochsubmit data-task="order.product" data-action="new" data-from_product="1" data-from_subscription="0" data-id="1"> <i class="fa fa-shopping-cart"></i> Donate Now For Only $20.00 </button></div>
<div id="fab-details-1" class="fabrik-module-product-details">
<div class="fabrik-module-details-content">
<p>Fabrik provides you with all the tools that you need to create applications that range in complexity from simple contact forms to complex applications such as a job application site or bug tracking systems.</p>
<p>For programmers, Fabrik still allows customization via PHP, xhtml/css templating and javascript.</p>
<p>Fabrik has a broad set of functions, both basic and advanced, and with these it is possible to create a broad range of applications.</p>
</div>
<div class="fabrik-module-buttons-extra"><a href="/forums/index.php?wiki/installation-instructions" target="_self" class="fabrik-module-btn-secondary">Documentation</a> <a href="/fabrik-base-infos" target="_self" class="fabrik-module-btn-secondary">Detailed Information</a> <a href="/forums/index.php" target="_blank" rel="noopener" class="fabrik-module-btn-secondary">Forum</a></div>
</div>
</div>
<!-- Product 2: Fabrik - Paypal Plugin -->
<div class="fabrik-module-product-card">
<div class="fabrik-module-product-header">
<h3>Fabrik - Paypal Plugin</h3>
</div>
<div class="fabrik-module-product-image"><img src="/images/form_plugin_paypal.png" alt="Fabrik - Paypal Plugin" /></div>
<div class="fabrik-module-product-description">
<p>Process PayPal payments on form submission.</p>
</div>
<div class="fabrik-module-product-actions"><button class="fabrik-module-btn-more" data-target="fab-details-2"> <i class="fa fa-info-circle"></i> More Information </button> <button class="fabrik-module-btn-buy" data-ochsubmit data-task="order.product" data-action="new" data-from_product="3" data-from_subscription="0" data-id="3"> <i class="fa fa-shopping-cart"></i> Donate Now For Only $55.00 </button></div>
<div id="fab-details-2" class="fabrik-module-product-details">
<div class="fabrik-module-details-content">
<p>Fabrik PayPal is a PCI-compliant solution. Even customers without a PayPal account can make purchases through PayPal's secure payment gateway using a credit card.</p>
<p>Fabrik PayPal checkout transactions take place in the PayPal payment window, so you need not worry about SCA compliance since the transactions are handled by PayPal itself.</p>
</div>
</div>
</div>
<!-- Product 3: Fabrik Full Calendar Plugin -->
<div class="fabrik-module-product-card">
<div class="fabrik-module-product-header">
<h3>Fabrik Full Calendar Plugin</h3>
</div>
<div class="fabrik-module-product-image"><img src="/images/fullcalendar.png" alt="Fabrik Full Calendar Plugin" /></div>
<div class="fabrik-module-product-description">
<p>Robust and easily configurable calendar plugin for Fabrik.</p>
</div>
<div class="fabrik-module-product-actions"><button class="fabrik-module-btn-more" data-target="fab-details-3"> <i class="fa fa-info-circle"></i> More Information </button> <button class="fabrik-module-btn-buy" data-ochsubmit data-task="order.product" data-action="new" data-from_product="4" data-from_subscription="0" data-id="4"> <i class="fa fa-shopping-cart"></i> Donate Now For Only $20.00 </button></div>
<div id="fab-details-3" class="fabrik-module-product-details">
<div class="fabrik-module-details-content">
<p>Fullcalendar is one of the most popular Javascript Calendars. It's powerful and lightweight and suitable for just about anything. Integrate your Fabrik lists into a beautiful calendar presentation.</p>
<p>Full Calendar supports multiple lists and each entry on the calendar can be styled specific to the list being displayed.</p>
</div>
<div class="fabrik-module-buttons-extra"><a href="/fabrik-fullcalendar-infos" target="_self" class="fabrik-module-btn-secondary">Detailed Information</a></div>
</div>
</div>
</div>
</div>
<!-- Modal product detail -->
<div id="fabrik-module-modal-overlay" class="fabrik-module-modal-overlay">
<div class="fabrik-module-modal">
<div class="fabrik-module-modal-header">
<h3 id="fabrik-module-modal-title">&nbsp;</h3>
<button class="fabrik-module-modal-close">×</button></div>
<div id="fabrik-module-modal-content" class="fabrik-module-modal-content">&nbsp;</div>
<div id="fabrik-module-modal-footer" class="fabrik-module-modal-footer">&nbsp;</div>
</div>
</div></div>
<!-- END: Modules Anywhere --></div>         </div>

        
        
        
    

        
    

   
                </div>

			</div>
</div>
</div>
											</div>
				</div>
						
	</section>

<section id="sp-bottom" >

						<div class="container">
				<div class="container-inner">
			
	
<div class="row">
	<div id="sp-bottom1" class="col-lg-6 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content">
<div id="mod-custom155" class="mod-custom custom">
    <div><img src="/images/fabrik-logo-green-white.png" alt="logo" /></div>
<div>Powerful application builder for creating custom Joomla applications with ease. Shaping the future of web development since 2006.</div></div>
</div></div></div></div><div id="sp-bottom2" class="col-sm-col-sm-6 col-lg-3 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content">
<div id="mod-custom156" class="mod-custom custom">
    <div class="footer-support">
<h4 class="footer-heading">Support</h4>
<ul class="footer-links">
<li><a href="/forums/index.php?wiki/" target="_blank" rel="noopener">Wiki</a></li>
<li><a href="/forums/index.php" target="_blank" rel="noopener">Forum</a></li>
<li><a href="/contact-us" target="_blank" rel="noopener">Contact</a>&nbsp;</li>
</ul>
</div></div>
</div></div></div></div><div id="sp-bottom3" class="col-lg-3 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content">
<div id="mod-custom157" class="mod-custom custom">
    <div class="footer-resources">
<h4 class="footer-heading">Resources</h4>
<ul class="footer-links">
<li><a href="/demo-site" target="_blank">Demo Site</a></li>
<li><a href="/changelogs/changelog-history">Changelog</a></li>
<li><a href="https://bitbucket.org/fabrikar/fabrik/src/master/" target="_blank" rel="noopener" aria-label="GitHub"> GitHub</a></li>
</ul>
</div></div>
</div></div></div></div></div>
							</div>
			</div>
			
	</section>

<footer id="sp-footer" >

						<div class="container">
				<div class="container-inner">
			
	
<div class="row">
	<div id="sp-footer1" class="col-lg-6 "><div class="sp-column "><span class="sp-copyright">© 2016-2026 Team Fabrik</span></div></div><div id="sp-footer2" class="col-lg-6 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"><ul class="mod-menu mod-list menu">
<li class="item-1149"><a href="/fabrik-products" >Downloads</a></li><li class="item-1141"><a href="/videos" >Videos</a></li><li class="item-1144"><a href="/terms-conditions" >Terms &amp; Conditions</a></li><li class="item-1716"><a href="/tocontact" >Contact</a></li></ul>
</div></div></div></div></div>
							</div>
			</div>
			
	</footer>
				</main>
			</div>
		</div>

		<!-- Off Canvas Menu -->
		<div class="offcanvas-overlay"></div>
		<!-- Rendering the offcanvas style -->
		<!-- If canvas style selected then render the style -->
		<!-- otherwise (for old templates) attach the offcanvas module position -->
					<div class="offcanvas-menu border-menu center-alignment text-center " tabindex="-1" inert>
    <div class="d-flex align-items-center justify-content-between p-3 pt-4">
				<a href="#" class="close-offcanvas" role="button" aria-label="Close Off-canvas">
			<div class="burger-icon" aria-hidden="true">
				<span></span>
				<span></span>
				<span></span>
			</div>
		</a>
	</div>
	<div class="offcanvas-inner">
		<div class="d-flex header-modules p-3 mb-3">
			
					</div>
		
					<div class="menu-wrapper">
				<div class="sp-module "><div class="sp-module-content"><ul class="mod-menu mod-list menu nav-pills">
<li class="item-1109 default current active"><a href="/" aria-current="page">Home</a></li><li class="item-1111"><a href="/what-is-fabrik" >What is Fabrik?</a></li><li class="item-1598"><a href="/fabrik-products" >Products</a></li><li class="item-1601 menu-deeper menu-parent"><span class="mod-menu__heading nav-header ">Changelogs<span class="menu-toggler"></span></span>
<ul class="mod-menu__sub list-unstyled small menu-child"><li class="item-1600"><a href="/changelogs/changelog-history" >Fabrik Base Versions</a></li><li class="item-1467"><a href="/changelogs/changelog-git" >Changelog Git</a></li></ul></li><li class="item-1745 menu-divider  menu-deeper menu-parent"><span class="menu-separator ">Support<span class="menu-toggler"></span></span>
<ul class="mod-menu__sub list-unstyled small menu-child"><li class="item-1746"><a href="https://fabrikar.com/forums" >Forum</a></li><li class="item-1747"><a href="https://fabrikar.com/forums/index.php?wiki/" >Wiki</a></li><li class="item-1748"><a href="https://fabrikar.com/contact-us" >Contact</a></li><li class="item-1750"><a href="/my-account/dashboard" >Dashboard</a></li></ul></li></ul>
</div></div>			</div>
		
		
				
					
		
		<!-- custom module position -->
		
	</div>
</div>				

		
		

		<!-- Go to top -->
					<a href="#" class="sp-scroll-up" aria-label="Scroll to top"><span class="fas fa-angle-up" aria-hidden="true"></span></a>
					<noscript><strong>JavaScript is currently disabled.</strong>Please enable it for a better experience of <a href="http://2glux.com/projects/jumi">Jumi</a>.</noscript></body>
</html>