-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 11.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="generator" content="Docusaurus v2.0.0-alpha.70">
<link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Formst Blog RSS Feed">
<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Formst Blog Atom Feed"><title data-react-helmet="true">Formst</title><meta data-react-helmet="true" property="og:title" content="Formst"><meta data-react-helmet="true" name="description" content="A JS library for quickly building high-performance forms in React"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_tag" content="default"><meta data-react-helmet="true" property="og:description" content="A JS library for quickly building high-performance forms in React"><meta data-react-helmet="true" charset="utf-8"><link data-react-helmet="true" rel="shortcut icon" href="/img/logo-formst.png"><link data-react-helmet="true" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com"><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;700&display=swap" rel="stylesheet"><script data-react-helmet="true">document.addEventListener("DOMContentLoaded",(function(){var n=document.getElementById("base-url-issue-banner-container");if(n){var e=window.location.pathname,t="/"===e.substr(-1)?e:e+"/";n.innerHTML=t}}))</script><link rel="stylesheet" href="/styles.e149b82d.css">
<link rel="preload" href="/styles.12c1281f.js" as="script">
<link rel="preload" href="/runtime~main.6c4a3401.js" as="script">
<link rel="preload" href="/main.f1e3bf94.js" as="script">
<link rel="preload" href="/1.7bacd993.js" as="script">
<link rel="preload" href="/01a85c17.6bbc42f1.js" as="script">
<link rel="preload" href="/1be78505.8f93e583.js" as="script">
<link rel="preload" href="/1df93b7f.bd66bb74.js" as="script">
<link rel="preload" href="/6875c492.0609fbbb.js" as="script">
<link rel="preload" href="/a6aa9e1f.b4d945b1.js" as="script">
<link rel="preload" href="/ccc49370.d86c58fa.js" as="script">
<link rel="preload" href="/36.a09d95a3.js" as="script">
</head>
<body>
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
<div class="baseUrlIssueBanner_1-cE" style="border:solid red thick;background-color:#ffe6b3;margin:20px;padding:20px;font-size:20px"><p style="font-weight:bold;font-size:30px">Your Docusaurus site did not load properly.</p><p>A very common reason is a wrong site <a href="https://v2.docusaurus.io/docs/docusaurus.config.js/#baseurl" style="font-weight:bold">baseUrl configuration</a>.</p><p>Current configured baseUrl = <span style="font-weight:bold;color:red">/</span> (default value)</p><p>We suggest trying baseUrl = <span style="font-weight:bold;color:green" id="base-url-issue-banner-container"></span> </p></div><nav aria-label="Skip navigation links"><button type="button" tabindex="0" class="skipToContent_11B0">Skip to main content</button></nav><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><div aria-label="Navigation bar toggle" class="navbar__toggle" role="button" tabindex="0"><svg aria-label="Menu" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></div><a class="navbar__brand" href="/"><img src="/img/Logo-Light.svg" alt="Formst Logo" class="themedImage_YANc themedImage--light_3CMI navbar__logo"><img src="/img/Logo-Light.svg" alt="Formst Logo" class="themedImage_YANc themedImage--dark_3ARp navbar__logo"></a></div><div class="navbar__items navbar__items--right"><a class="navbar__item navbar__link" href="/docs/">Docs</a><a href="https://market.nativebase.io/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Market</a><a href="https://geekyants.com/hire" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Hire us</a><a href="https://github.com/formstjs/formst" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub</a><div class="react-toggle react-toggle--disabled displayOnlyInLargeViewport_2N3Q"><div class="react-toggle-track"><div class="react-toggle-track-check"><span class="toggle_3NWk">🌜</span></div><div class="react-toggle-track-x"><span class="toggle_3NWk">🌞</span></div></div><div class="react-toggle-thumb"></div><input type="checkbox" disabled="" aria-label="Dark mode toggle" class="react-toggle-screenreader-only"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div><div class="navbar-sidebar"><div class="navbar-sidebar__brand"><a class="navbar__brand" href="/"><img src="/img/Logo-Light.svg" alt="Formst Logo" class="themedImage_YANc themedImage--light_3CMI navbar__logo"><img src="/img/Logo-Light.svg" alt="Formst Logo" class="themedImage_YANc themedImage--dark_3ARp navbar__logo"></a></div><div class="navbar-sidebar__items"><div class="menu"><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/docs/">Docs</a></li><li class="menu__list-item"><a href="https://market.nativebase.io/" target="_blank" rel="noopener noreferrer" class="menu__link">Market</a></li><li class="menu__list-item"><a href="https://geekyants.com/hire" target="_blank" rel="noopener noreferrer" class="menu__link">Hire us</a></li><li class="menu__list-item"><a href="https://github.com/formstjs/formst" target="_blank" rel="noopener noreferrer" class="menu__link">GitHub</a></li></ul></div></div></div></nav><div class="main-wrapper"><div class="bg py-4" style="height:100vh"><div class="py-2 row"><div class="d-flex justify-content-center text-center text-white col"><h1 class="font-weight-bold font50 col-lg-8"><div class="justify-content-center col">A JS library for quickly building <span class="d-inline-block">high-performance</span> forms in React</div></h1></div></div><div class="row"><div class="d-flex justify-content-center align-items-center col"><a class="btn btn-secondary px-3 py-2 mx-2" href="/docs">Get Started</a></div></div><div class="row"><div class="d-flex justify-content-center col"><img src="/img/intro.png" width="860" height="440" class="objectFit"></div></div></div><div class="py-5 bg-white"><div class="row"><div class="d-flex justify-content-center text-center col"><div class="col"><h1 class="font-weight-bold font50">Explore NativeBase</h1></div></div></div><div class="row"><div class="d-flex justify-content-center text-center w-25 col"><p class="px-2">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat.</p></div></div><div class="mx-md-5 mx-lg-5 px-3 card-deck"><div class="bg-light border-0 borderRadius25 col-md-6 card"><img class="card-img-top objectFit py-4" src="/img/undraw_docusaurus_mountain.svg" height="100" width="100"><div class="text-center card-body"><div class="font-weight-bold card-title h5">Simple To Use</div><p class="card-text">Create a MobX-State-Tree model that reflects the</p></div></div><div class="bg-light border-0 borderRadius25 col-md-6 card"><img class="card-img-top objectFit py-4" src="/img/undraw_docusaurus_tree.svg" height="100" width="100"><div class="text-center card-body"><div class="font-weight-bold card-title h5">Middleware and Interdependency</div><p class="card-text">Intercept and manipulate the input or update another field on the basis</p></div></div><div class="bg-light border-0 borderRadius25 col-md-6 card"><img class="card-img-top objectFit py-4" src="/img/undraw_docusaurus_react.svg" height="100" width="100"><div class="text-center card-body"><div class="font-weight-bold card-title h5">Out of the Box</div><p class="card-text">Get various validations for all fields right out of the box. Want to create a cus</p></div></div><div class="bg-light border-0 borderRadius25 col-md-6 card"><img class="card-img-top objectFit py-4" src="/img/undraw_docusaurus_react.svg" height="100" width="100"><div class="text-center card-body"><div class="font-weight-bold card-title h5">Easy on the bundle</div><p class="card-text">1.7kB. That's all.</p></div></div></div></div><div class="bg-light py-5 position-relative" style="height:700px"><div class="row"><div class="d-flex justify-content-center text-center col"><div class="col"><h1 class="font-weight-bold font50">Build forms in React, without the tears</h1></div></div></div><div class="row"><div class="d-flex justify-content-center text-center col"><p></p><div class="col">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</div><div class="col">fugiat nulla pariatur excepteur sint occaecat cupidatat.</div><p></p></div></div><div class="row"><div style="bottom:-60px" class="d-flex justify-content-center position-absolute col"><iframe src="https://codesandbox.io/embed/beautiful-cartwright-ffw8v?fontsize=14&hidenavigation=1&theme=dark" style="width:75%;height:500px;border:0;border-radius:4px;overflow:hidden" title="beautiful-cartwright-ffw8v" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe></div></div></div><div style="height:130px" class="bg-white"></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><h4 class="footer__title">Learn</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/docs/">Style Guide</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">Community</h4><ul class="footer__items"><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/formst" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">More</h4><ul class="footer__items"><li class="footer__item"><a href="https://github.com/formstjs/formst" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">Legal</h4><ul class="footer__items"><li class="footer__item"><a href="https://opensource.facebook.com/legal/privacy/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy</a></li><li class="footer__item"><a href="https://opensource.facebook.com/legal/terms/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Terms</a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://opensource.facebook.com" target="_blank" rel="noopener noreferrer" class="footerLogoLink_31Aa"><img class="footer__logo" alt="Facebook Open Source Logo" src="/img/oss_logo.png"></a></div><div class="footer__copyright">Copyright © 2021 GeekyAnts. Built with Docusaurus.</div></div></div></footer></div>
<script src="/styles.12c1281f.js"></script>
<script src="/runtime~main.6c4a3401.js"></script>
<script src="/main.f1e3bf94.js"></script>
<script src="/1.7bacd993.js"></script>
<script src="/01a85c17.6bbc42f1.js"></script>
<script src="/1be78505.8f93e583.js"></script>
<script src="/1df93b7f.bd66bb74.js"></script>
<script src="/6875c492.0609fbbb.js"></script>
<script src="/a6aa9e1f.b4d945b1.js"></script>
<script src="/ccc49370.d86c58fa.js"></script>
<script src="/36.a09d95a3.js"></script>
</body>
</html>