<!DOCTYPE html>
<html class="en-GB">
<head>
<title>About Sjabloon</title>
<meta name="description" content="Sjabloon is a Ruby on Rails Saas starter kit using modern tools and provides settings and configurations to give you a flying start." />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="pVYxuIsnYUOf+QHok8yj2tCuo0dnFG8c8LqmLA6nmnNibJdr/ml7ZiMCEa0NKt9TqEEd4R9C2X0TcFw84N3b0w==" />
<script src="https://js.stripe.com/v3/"></script>
<meta property="og:site_name" content="Sjabloon">
<meta property="og:title" content="About Sjabloon" />
<meta property="og:description" content="Sjabloon is a Ruby on Rails Saas starter kit using modern tools and provides settings and configurations to give you a flying start.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.getsjabloon.com/about" />
<meta property="og:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ntscHQ">
<meta name="twitter:domain" value="getsjabloon.com" />
<meta name="twitter:title" value="About Sjabloon" />
<meta name="twitter:description" value="Sjabloon is a Ruby on Rails Saas starter kit using modern tools and provides settings and configurations to give you a flying start." />
<meta property="twitter:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:url" value="https://www.getsjabloon.com/about" />
<meta property="og:logo" content="https://www.getsjabloon.com/logo.jpg" />
<script src="/packs/js/application-52108bb48a94ea445faf.js" data-turbolinks-track="reload"></script>
<link rel="stylesheet" media="screen" href="/packs/css/application-49f7a508.css" data-turbolinks-track="reload" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="6ZvJ4u5D3MhqQhHVjdjAzRUq66Za_Xez7zSLX7tJ-E0" />
</head>
<body class="">
<div class="site-announcement" data-controller="site-announcements" data-target="site-announcements.banner" data-site-announcements-id="37" data-site-announcements-site-name="sjabloon">
<span class="site-announcement__badge site-announcement__badge--#{last_announcement.announcement_type}">
news
</span>
<a class="site-announcement__title" href="https://railsdesigner.com/">Professionally designed UI components to build your next Ruby on Rails app even faster</a>
<a class="site-announcement__action" href="https://railsdesigner.com/">Check it out</a>
<button class="site-announcement__close" data-action="click->site-announcements#dismiss">
<svg viewbox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="site-announcement__close-icon"> <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd"> <g id="icon-shape"> <polygon id="Combined-Shape" points="10 8.58578644 2.92893219 1.51471863 1.51471863 2.92893219 8.58578644 10 1.51471863 17.0710678 2.92893219 18.4852814 10 11.4142136 17.0710678 18.4852814 18.4852814 17.0710678 11.4142136 10 18.4852814 2.92893219 17.0710678 1.51471863 10 8.58578644"></polygon> </g> </g> </svg>
</button>
</div>
<nav class="justify-between text-sm leading-tight nav" data-controller="navigation" data-target="navigation.component" data-action="scroll@window->navigation#onScroll">
<a class="inline-flex" href="/">
<svg width="30" height="30" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title>logo</title><defs><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="a"><stop stop-color="#00CAFF" offset="0%"/><stop stop-color="#009AFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle fill="url(#a)" cx="100" cy="100" r="100"/><path d="M126.412 145.011v16.379H72.565v-16.379H46L83.558 39h35.136l37.356 106.011h-29.638zm-7.464-24.006L102.54 64.847l-16.267 56.158h32.676z" fill="#FFF"/></g></svg>
</a>
<div class="nav__items" data-target="navigation.items">
<a class="nav__item nav__link" href="/login">log in</a>
</div>
<span role="link" class="navigation__item navigation__toggle" data-target="navigation.toggle" data-action="click->navigation#toggle">menu</span>
</nav>
<div class="max-w-xl mx-auto mt-16">
<h1 class="text-3xl font-bold">About</h1>
<p class="mt-4 text-lg text-gray-700">Sjabloon was launched as a bootstrapped company in late 2018. “With many years experience building successful apps using Rails, we bundled that knowledge into a productised Ruby on Rails SaaS starter kit with beautiful and reusable design to help you get started easier and faster.”</p>
<p class="mt-8">After building hundreds of SaaS and web-apps for others and ourself, we were asked about our best practices, what did we learn? The web is moving fast, but we have learned that sticking to the tools you know and love is key to launch successful products. We bundled all this knowledge in terms of tech (Rails, Tailwind, Stimulus) and our many years of experience on UI- and marketing-design into a Rails SaaS starter kit called Sjabloon. We know that your success is not just about building the product itself, but also about providing the tools to help you with the marketing of the product too.</p>
<p class="mt-8">Since launch over <b>700 people used Sjabloon to kickstart their next product(s)</b>.</p>
<h2 class="mt-8 text-xl font-bold">Get in touch</h2>
<p class="mt-2">Have questions or just want to say “hi”? <a href="mailto:support@getsjabloon.com">Send us an email</a>.</p>
<div class="flex flex-col items-center justify-center p-4 mt-4 sm:mt-8 sm:p-16">
<h3 class="text-3xl font-semibold leading-tight text-center text-gray-700">
A Rails SaaS starter kit to build successful products
</h3>
</div>
</div>
<footer class="footer-wrapper">
<div class="footer container mx-auto">
<div class="footer__items">
<a class="footer__item footer__link" href="/for-you">is Sjabloon for me?</a>
<a class="footer__item footer__link" href="/built-with">built with Sjabloon</a>
<a class="footer__item footer__link" href="/about">about</a>
<a class="footer__item footer__link" href="/announcements">announcements</a>
</div>
</div></footer>
<script async defer data-domain="getsjabloon.com" src="https://plausible.io/js/plausible.js"></script>
</body>
</html>