<script type="application/json" id="HeaderNotice-apollo-state-992f9e1e-c79c-43fb-96a9-089d825fa346">{}</script> <!-- glamorIds: 7 --> <script type="application/json" id="HeaderNotice-glamor-992f9e1e-c79c-43fb-96a9-089d825fa346">["1htug8r","1yodi52","iepywa","x5hg3h","u0iaox","9ilv8v","gwph6j"]</script> <style>@-webkit-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-moz-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-o-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-webkit-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-moz-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-o-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-webkit-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-moz-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-o-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-webkit-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-moz-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-o-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-webkit-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-moz-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-o-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-webkit-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@-moz-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@-o-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}.css-gwph6j,[data-css-gwph6j]{border-radius:2px;background-size:200% 100%;width:auto;height:auto;animation:20s animation_1yodi52 0s linear infinite;background:-webkit-linear-gradient(to right, #f1f1f1 0%, #fbfbfb 50%, #f1f1f1 100%); background: -moz-linear-gradient(to right, #f1f1f1 0%, #fbfbfb 50%, #f1f1f1 100%); background: linear-gradient(to right, #f1f1f1 0%, #fbfbfb 50%, #f1f1f1 100%);-webkit-animation:20s animation_1yodi52 0s linear infinite;}</style> <div id="HeaderNotice-react-component-992f9e1e-c79c-43fb-96a9-089d825fa346" data-ssr="true" ><div style="z-index:1000" class="css-gwph6j"></div></div> <script> renderComponent('HeaderNotice','HeaderNotice-react-component-992f9e1e-c79c-43fb-96a9-089d825fa346','HeaderNotice-apollo-state-992f9e1e-c79c-43fb-96a9-089d825fa346','HeaderNotice-glamor-992f9e1e-c79c-43fb-96a9-089d825fa346', 'apollo','{"mobile":false}'); </script> <script type="application/json" id="CompanyProfile-apollo-state-77e9598f-766a-4df3-a9c0-dc314ae38be9">{"ROOT_QUERY":{"me":null,"company({\"id\":\"alpsify\"})":{"type":"id","generated":false,"id":"Company:104902286352053815","typename":"Company"},"company({\"id\":\"104902286352053815\"})":{"type":"id","generated":false,"id":"Company:104902286352053815","typename":"Company"}},"Company:104902286352053815":{"id":"104902286352053815","name":"Alpsify","path":"/companies/alpsify","slug":"alpsify","imageUrl":"https://img.stackshare.io/company/165594/default_6e8949607d4297e61b743bc3ce1db1379c72edf1.png","bannerImageUrl":null,"privateMode":false,"githubOrgUrl":null,"verified":true,"description":"Code agency","twitterUsername":"@alpsify","websiteUrl":"https://alpsify.com/","location":null,"following":false,"amIOwner":false,"githubAppInstalled":false,"azureAppInstalled":null,"githubAppSettingsUrl":"","azureInstallationToken":null,"plans":[],"features":[],"tags":[],"tools":[],"jobs":{"type":"id","generated":true,"id":"$Company:104902286352053815.jobs","typename":"JobConnection"},"stackDecisions({})":{"type":"id","generated":true,"id":"$Company:104902286352053815.stackDecisions({})","typename":"StackDecisionConnection"},"stacksList({})":{"type":"id","generated":true,"id":"$Company:104902286352053815.stacksList({})","typename":"StackConnection"},"members({})":{"type":"id","generated":true,"id":"$Company:104902286352053815.members({})","typename":"UserConnection"},"privateTeams({})":{"type":"id","generated":true,"id":"$Company:104902286352053815.privateTeams({})","typename":"TeamConnection"},"followers":{"type":"id","generated":true,"id":"$Company:104902286352053815.followers","typename":"UserConnection"},"blogPosts":{"type":"id","generated":true,"id":"$Company:104902286352053815.blogPosts","typename":"BlogPostConnection"},"githubRepos":{"type":"id","generated":true,"id":"$Company:104902286352053815.githubRepos","typename":"GithubRepoConnection"},"socialPosts":{"type":"id","generated":true,"id":"$Company:104902286352053815.socialPosts","typename":"SocialPostConnection"},"stackApps({})":{"type":"id","generated":true,"id":"$Company:104902286352053815.stackApps({})","typename":"StackAppConnection"},"__typename":"Company","stacksList({\"after\":null,\"first\":9,\"query\":\"\"})":{"type":"id","generated":true,"id":"$Company:104902286352053815.stacksList({\"after\":null,\"first\":9,\"query\":\"\"})","typename":"StackConnection"},"stackDecisions({\"after\":null,\"first\":4})":{"type":"id","generated":true,"id":"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4})","typename":"StackDecisionConnection"}},"$Company:104902286352053815.jobs":{"count":0,"__typename":"JobConnection"},"$Company:104902286352053815.stackDecisions({})":{"count":2,"__typename":"StackDecisionConnection"},"$Company:104902286352053815.stacksList({})":{"count":1,"__typename":"StackConnection"},"$Company:104902286352053815.members({})":{"count":0,"__typename":"UserConnection"},"$Company:104902286352053815.privateTeams({})":{"count":0,"__typename":"TeamConnection"},"$Company:104902286352053815.followers":{"count":9,"__typename":"UserConnection"},"$Company:104902286352053815.blogPosts":{"count":0,"__typename":"BlogPostConnection"},"$Company:104902286352053815.githubRepos":{"count":0,"__typename":"GithubRepoConnection"},"$Company:104902286352053815.socialPosts":{"count":0,"__typename":"SocialPostConnection"},"$Company:104902286352053815.stackApps({})":{"count":0,"__typename":"StackAppConnection"},"$Company:104902286352053815.stacksList({\"after\":null,\"first\":9,\"query\":\"\"})":{"count":1,"edges":[{"type":"id","generated":true,"id":"$Company:104902286352053815.stacksList({\"after\":null,\"first\":9,\"query\":\"\"}).edges.0","typename":"StackEdge"}],"pageInfo":{"type":"id","generated":true,"id":"$Company:104902286352053815.stacksList({\"after\":null,\"first\":9,\"query\":\"\"}).pageInfo","typename":"PageInfo"},"__typename":"StackConnection"},"Stack:104902301957963845":{"websiteUrl":"https://alpsify.com/","id":"104902301957963845","slug":"app","name":"App","path":"/alpsify/app","private":false,"repoStack":false,"services({\"withoutPackages\":true})":[{"type":"id","generated":false,"id":"Tool:101231773939333405","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773836410122","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231774472411723","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773851859414","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773861864225","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231774838147479","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773482334926","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773791035497","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231776819926470","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773409399220","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231775222204089","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773924002641","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773450178959","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231774035592598","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773934055061","typename":"Tool"}],"__typename":"Stack"},"Tool:101231773939333405":{"id":"101231773939333405","name":"JavaScript","imageUrl":"https://img.stackshare.io/service/1209/javascript.jpeg","canonicalUrl":"/javascript","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool","slug":"javascript","title":"Lightweight, interpreted, object-oriented language with first-class functions","verified":false,"path":"/javascript","votes":7913,"fans":262443,"stacks":283365,"following":false,"followContext":null},"Layer:101231772947014609":{"id":"101231772947014609","slug":"application_and_data","__typename":"Layer"},"Tool:101231773836410122":{"id":"101231773836410122","name":"PHP","imageUrl":"https://img.stackshare.io/service/991/hwUcGZ41_400x400.jpg","canonicalUrl":"/php","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"Tool:101231774472411723":{"id":"101231774472411723","name":"HTML5","imageUrl":"https://img.stackshare.io/service/2538/kEpgHiC9.png","canonicalUrl":"/html5","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool","slug":"html5","title":"5th major revision of the core language of the World Wide Web","verified":false,"path":"/html5","votes":2233,"fans":121642,"stacks":124655,"following":false,"followContext":null},"Tool:101231773851859414":{"id":"101231773851859414","name":"MySQL","imageUrl":"https://img.stackshare.io/service/1025/logo-mysql-170x170.png","canonicalUrl":"/mysql","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"Tool:101231773861864225":{"id":"101231773861864225","name":"NGINX","imageUrl":"https://img.stackshare.io/service/1052/YMxUfyWf.png","canonicalUrl":"/nginx","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"Tool:101231774838147479":{"id":"101231774838147479","name":"Font Awesome","imageUrl":"https://img.stackshare.io/service/3244/1_Mr1Fy00XjPGNf1Kkp_hWtw_2x.png","canonicalUrl":"/font-awesome","layer":{"type":"id","generated":false,"id":"Layer:101231772948217612","typename":"Layer"},"__typename":"Tool"},"Layer:101231772948217612":{"id":"101231772948217612","slug":"business_tools","__typename":"Layer"},"Tool:101231773482334926":{"id":"101231773482334926","name":"Jira","imageUrl":"https://img.stackshare.io/service/154/default_53605d3093005bd7853e04a258c0d4746e803e29.jpg","canonicalUrl":"/jira","layer":{"type":"id","generated":false,"id":"Layer:101231772948217612","typename":"Layer"},"__typename":"Tool"},"Tool:101231773791035497":{"id":"101231773791035497","name":"GitLab","imageUrl":"https://img.stackshare.io/service/880/lmalkclL.png","canonicalUrl":"/gitlab","layer":{"type":"id","generated":false,"id":"Layer:101231772947875434","typename":"Layer"},"__typename":"Tool"},"Layer:101231772947875434":{"id":"101231772947875434","slug":"devops","__typename":"Layer"},"Tool:101231776819926470":{"id":"101231776819926470","name":"CSS 3","imageUrl":"https://img.stackshare.io/service/6727/css.png","canonicalUrl":"/css-3","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool","slug":"css-3","title":"The latest evolution of the Cascading Style Sheets language","verified":false,"path":"/css-3","votes":0,"fans":47771,"stacks":51709,"following":false,"followContext":null},"Tool:101231773409399220":{"id":"101231773409399220","name":"Amazon S3","imageUrl":"https://img.stackshare.io/service/25/amazon-s3.png","canonicalUrl":"/amazon-s3","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"Tool:101231775222204089":{"id":"101231775222204089","name":"Vue.js","imageUrl":"https://img.stackshare.io/service/3837/paeckCWC.png","canonicalUrl":"/vue-js","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"Tool:101231773924002641":{"id":"101231773924002641","name":"Sass","imageUrl":"https://img.stackshare.io/service/1171/jCR2zNJV.png","canonicalUrl":"/sass","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"Tool:101231773450178959":{"id":"101231773450178959","name":"Stripe","imageUrl":"https://img.stackshare.io/service/97/eW6tXeq3.png","canonicalUrl":"/stripe","layer":{"type":"id","generated":false,"id":"Layer:101231772947362527","typename":"Layer"},"__typename":"Tool"},"Layer:101231772947362527":{"id":"101231772947362527","slug":"utilities","__typename":"Layer"},"Tool:101231774035592598":{"id":"101231774035592598","name":"PhpStorm","imageUrl":"https://img.stackshare.io/service/1452/icon_PhpStorm.png","canonicalUrl":"/phpstorm","layer":{"type":"id","generated":false,"id":"Layer:101231772947875434","typename":"Layer"},"__typename":"Tool"},"Tool:101231773934055061":{"id":"101231773934055061","name":"Symfony","imageUrl":"https://img.stackshare.io/service/1197/logosf_positif_03_icon.png","canonicalUrl":"/symfony","layer":{"type":"id","generated":false,"id":"Layer:101231772947014609","typename":"Layer"},"__typename":"Tool"},"$Company:104902286352053815.stacksList({\"after\":null,\"first\":9,\"query\":\"\"}).edges.0":{"node":{"type":"id","generated":false,"id":"Stack:104902301957963845","typename":"Stack"},"__typename":"StackEdge"},"$Company:104902286352053815.stacksList({\"after\":null,\"first\":9,\"query\":\"\"}).pageInfo":{"endCursor":"MQ","hasNextPage":false,"__typename":"PageInfo"},"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4})":{"count":2,"edges":[{"type":"id","generated":true,"id":"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4}).edges.0","typename":"StackDecisionEdge"},{"type":"id","generated":true,"id":"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4}).edges.1","typename":"StackDecisionEdge"}],"pageInfo":{"type":"id","generated":true,"id":"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4}).pageInfo","typename":"PageInfo"},"__typename":"StackDecisionConnection"},"$StackDecision:104915363190650588.answers({\"first\":2})":{"count":0,"pageInfo":{"type":"id","generated":true,"id":"$StackDecision:104915363190650588.answers({\"first\":2}).pageInfo","typename":"PageInfo"},"edges":[],"__typename":"StackDecisionConnection"},"$StackDecision:104915363190650588.answers({\"first\":2}).pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"StackDecision:104915363190650588":{"answers({\"first\":2})":{"type":"id","generated":true,"id":"$StackDecision:104915363190650588.answers({\"first\":2})","typename":"StackDecisionConnection"},"id":"104915363190650588","htmlContent":"<p>Am I the only one to think that libraries like Bootstrap, Vuetify, Materialize, Foundation are too much sometimes ? </p>\n\n<p>Most of the time you are loading all the library and using 10% of it. And on that 10% you are modifying 90% of it. </p>\n\n<p><strong>I feel like using grid and pure CSS / JS are enough and cleaner.</strong></p>","private":false,"topics":[],"upvotesCount":8,"user":{"type":"id","generated":false,"id":"User:104902265320766855","typename":"User"},"viewCount":68165,"stack":null,"services":[],"publicId":"104915363190650588","rawContent":"Am I the only one to think that libraries like Bootstrap, Vuetify, Materialize, Foundation are too much sometimes ? \n\nMost of the time you are loading all the library and using 10% of it. And on that 10% you are modifying 90% of it. \n\n__I feel like using grid and pure CSS / JS are enough and cleaner.__","publishedAt":"2020-09-23T17:16:36Z","commentsCount":1,"upvoted":false,"flagged":false,"bookmarked":false,"draft":false,"createdAt":"2020-09-23T17:16:36Z","decisionType":"freeform","showAutoGeneratedTag":false,"permissions":{"type":"id","generated":true,"id":"$StackDecision:104915363190650588.permissions","typename":"Permissions"},"subjectTools":[{"type":"id","generated":false,"id":"Tool:101231776819926470","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231774472411723","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231773939333405","typename":"Tool"}],"fromTools":[],"toTools":[],"deleted":false,"link":null,"company":{"type":"id","generated":false,"id":"Company:104902286352053815","typename":"Company"},"rootComments":[{"type":"id","generated":false,"id":"Comment:104933176210811544","typename":"Comment"}],"__typename":"StackDecision"},"User:104902265320766855":{"id":"104902265320766855","username":"nathandepachtere","imageUrl":"https://img.stackshare.io/user/738552/default_d3ec7c3dcc36f79ac31c9dc6eaee167a37badc9e.png","displayName":"Nathan De Pachtere","title":"Fullstack Developer","companyName":"Alpsify","__typename":"User","path":"/nathandepachtere"},"$StackDecision:104915363190650588.permissions":{"edit":false,"delete":false,"__typename":"Permissions"},"Comment:104933176210811544":{"id":"104933176210811544","content":"Agree. It's Newton's first law in action - \n1) inertia: Every body develops in a straight line with the same tools learnt in the past unless an external force is applied. ","postedAt":"2020-09-26T20:46:41Z","upvoted":false,"flagged":false,"upvotesCount":2,"parentId":null,"user":{"type":"id","generated":false,"id":"User:104182228460774472","typename":"User"},"__typename":"Comment","replies":[]},"User:104182228460774472":{"id":"104182228460774472","path":"/gpg-dev","imageUrl":"https://img.stackshare.io/user/594146/default_c3678b8fb98feb72e4fd1cabda73c90d5943b482.jpeg","displayName":"Gyurme Samdrup","__typename":"User"},"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4}).edges.0":{"node":{"type":"id","generated":false,"id":"StackDecision:104915363190650588","typename":"StackDecision"},"__typename":"StackDecisionEdge"},"$StackDecision:104902470121359491.answers({\"first\":2})":{"count":5,"pageInfo":{"type":"id","generated":true,"id":"$StackDecision:104902470121359491.answers({\"first\":2}).pageInfo","typename":"PageInfo"},"edges":[{"type":"id","generated":true,"id":"$StackDecision:104902470121359491.answers({\"first\":2}).edges.0","typename":"StackDecisionEdge"},{"type":"id","generated":true,"id":"$StackDecision:104902470121359491.answers({\"first\":2}).edges.1","typename":"StackDecisionEdge"}],"__typename":"StackDecisionConnection"},"$StackDecision:104902470121359491.answers({\"first\":2}).pageInfo":{"hasNextPage":true,"endCursor":"Mg","__typename":"PageInfo"},"StackDecision:105660103863724742":{"id":"105660103863724742","publicId":"105660103863724742","htmlContent":"<p>I've built multiple apps on Quasar, and it's been a joy right from the start. Here's what I like about it:\n1. It has a rich set of components and plugins that fits every need. They are all accessible, keyboard friendly, very customizable, have slots for every part of them\n2. It plays nice with other components\n3. It has a great cli that you can use to automate things and the build process\n4. It compiles to multiple environments, including pwa, electron, etc\n5. It has a very active community of you need support.\n6. It helps you keep a good folder structure for your project</p>\n\n<p>The only thing that you might consider a downside is the look and feel of the components. In the end they are following the material guidelines. If that's not a constraint for you, I'd choose it without a doubt</p>","rawContent":"I've built multiple apps on Quasar, and it's been a joy right from the start. Here's what I like about it:\n1. It has a rich set of components and plugins that fits every need. They are all accessible, keyboard friendly, very customizable, have slots for every part of them\n2. It plays nice with other components\n3. It has a great cli that you can use to automate things and the build process\n4. It compiles to multiple environments, including pwa, electron, etc\n5. It has a very active community of you need support.\n6. It helps you keep a good folder structure for your project\n\nThe only thing that you might consider a downside is the look and feel of the components. In the end they are following the material guidelines. If that's not a constraint for you, I'd choose it without a doubt","publishedAt":"2021-02-02T05:53:57Z","commentsCount":0,"private":false,"upvotesCount":5,"upvoted":false,"flagged":false,"bookmarked":false,"viewCount":47,"draft":false,"createdAt":"2021-02-02T05:53:57Z","decisionType":"giveAdvice","showAutoGeneratedTag":false,"permissions":{"type":"id","generated":true,"id":"$StackDecision:105660103863724742.permissions","typename":"Permissions"},"subjectTools":[{"type":"id","generated":false,"id":"Tool:102339069088396450","typename":"Tool"}],"fromTools":[],"toTools":[],"deleted":false,"link":null,"company":null,"topics":[],"stack":null,"services":[],"user":{"type":"id","generated":false,"id":"User:105656687545899591","typename":"User"},"rootComments":[],"__typename":"StackDecision"},"$StackDecision:105660103863724742.permissions":{"edit":false,"delete":false,"__typename":"Permissions"},"Tool:102339069088396450":{"id":"102339069088396450","name":"Quasar Framework","slug":"quasar-framework","title":"Full front-end framework powered by Vue","verified":true,"imageUrl":"https://img.stackshare.io/service/11161/default_a64f61390e79c5008cd18e890d338259463f9af8.png","canonicalUrl":"/quasar-framework","path":"/quasar-framework","votes":342,"fans":799,"stacks":390,"following":false,"followContext":null,"__typename":"Tool"},"User:105656687545899591":{"id":"105656687545899591","username":"appformdata","path":"/appformdata","imageUrl":"https://img.stackshare.io/user/867287/default_f4501edc2ac151527c7c4ba28441087ceee76b06.png","displayName":"Dan Bar-Shalom","title":"Founder","companyName":"Form-Data","__typename":"User"},"$StackDecision:104902470121359491.answers({\"first\":2}).edges.0":{"node":{"type":"id","generated":false,"id":"StackDecision:105660103863724742","typename":"StackDecision"},"__typename":"StackDecisionEdge"},"StackDecision:104915037904002502":{"id":"104915037904002502","publicId":"104915037904002502","htmlContent":"<p>Knowing that you require scalable solution for multiple platforms, you'd find Quasar Framework to be quite fit, because it's more than components... QF is also a wrapper for all the platform deploys: write once, port to everything (kind of extreme claim here, but the count of build types there is exhausting enough today).\nSome Quasar's components may seem confusing at first compared to Vuetify library, which is a lot richer than QF. However, if you and your team will get grip of it, that's fine. What I love about both Vuetify and QF is that they rely on Vue, and if you are familiar with it, either tool will be a joy, if applied in the appropriate scope! As long as Vue makes it clear how to define your own components and you have designs, there should be no problem.</p>","rawContent":"Knowing that you require scalable solution for multiple platforms, you'd find Quasar Framework to be quite fit, because it's more than components... QF is also a wrapper for all the platform deploys: write once, port to everything (kind of extreme claim here, but the count of build types there is exhausting enough today).\nSome Quasar's components may seem confusing at first compared to Vuetify library, which is a lot richer than QF. However, if you and your team will get grip of it, that's fine. What I love about both Vuetify and QF is that they rely on Vue, and if you are familiar with it, either tool will be a joy, if applied in the appropriate scope! As long as Vue makes it clear how to define your own components and you have designs, there should be no problem.","publishedAt":"2020-09-23T15:53:52Z","commentsCount":1,"private":false,"upvotesCount":5,"upvoted":false,"flagged":false,"bookmarked":false,"viewCount":115,"draft":false,"createdAt":"2020-09-23T15:53:52Z","decisionType":"giveAdvice","showAutoGeneratedTag":false,"permissions":{"type":"id","generated":true,"id":"$StackDecision:104915037904002502.permissions","typename":"Permissions"},"subjectTools":[{"type":"id","generated":false,"id":"Tool:102339069088396450","typename":"Tool"}],"fromTools":[],"toTools":[],"deleted":false,"link":null,"company":null,"topics":[],"stack":null,"services":[],"user":{"type":"id","generated":false,"id":"User:101232131593321094","typename":"User"},"rootComments":[{"type":"id","generated":false,"id":"Comment:104915337391212641","typename":"Comment"}],"__typename":"StackDecision"},"$StackDecision:104915037904002502.permissions":{"edit":false,"delete":false,"__typename":"Permissions"},"User:101232131593321094":{"id":"101232131593321094","username":"vintprox","path":"/vintprox","imageUrl":"https://img.stackshare.io/user/274468/default_28c95b2fd75b9af81ab30b6ebbdc620b22cbb937.jpg","displayName":"Rodion Borisov","title":"","companyName":"","__typename":"User"},"Comment:104915337391212641":{"id":"104915337391212641","content":"Hey @Rodion, thanks for your advice and details about Quasar ! \n\nWe are in a situation where we develop everything from scratch on VueJS : like building our own library of components to match exactly our needs and going away from material design. You know when you are using this kind of library sometimes you want to integrate or modify some stuff and things start to become crazy complex ... more complex than developing your own ... \n\nThis is very appealing to have the multi-platform support .... we are also looking into Flutter because we think that mobile UI / UX is too much different from web ... \n\nAnyway I guess we need to replicate one of our app on Quasar and see if it fit for us. \n\nThanks again for your advice ","postedAt":"2020-09-23T17:10:02Z","upvoted":false,"flagged":false,"upvotesCount":0,"parentId":null,"user":{"type":"id","generated":false,"id":"User:104902265320766855","typename":"User"},"__typename":"Comment","replies":[]},"$StackDecision:104902470121359491.answers({\"first\":2}).edges.1":{"node":{"type":"id","generated":false,"id":"StackDecision:104915037904002502","typename":"StackDecision"},"__typename":"StackDecisionEdge"},"StackDecision:104902470121359491":{"answers({\"first\":2})":{"type":"id","generated":true,"id":"$StackDecision:104902470121359491.answers({\"first\":2})","typename":"StackDecisionConnection"},"id":"104902470121359491","htmlContent":"<p>Hi guys!\nI'm building web/mobile apps connected to a Symfony API and so I'm looking for an easy, customizable and scalable way to build a sweet, clean and modern interface. </p>\n\n<p>Advice is welcome :)</p>","private":false,"topics":[],"upvotesCount":5,"user":{"type":"id","generated":false,"id":"User:104902265320766855","typename":"User"},"viewCount":588,"stack":null,"services":[],"publicId":"104902470121359491","rawContent":"Hi guys!\nI'm building web/mobile apps connected to a Symfony API and so I'm looking for an easy, customizable and scalable way to build a sweet, clean and modern interface. \n\nAdvice is welcome :)","publishedAt":"2020-09-21T10:37:43Z","commentsCount":0,"upvoted":false,"flagged":false,"bookmarked":false,"draft":false,"createdAt":"2020-09-21T10:37:43Z","decisionType":"getAdvice","showAutoGeneratedTag":false,"permissions":{"type":"id","generated":true,"id":"$StackDecision:104902470121359491.permissions","typename":"Permissions"},"subjectTools":[{"type":"id","generated":false,"id":"Tool:102339069088396450","typename":"Tool"},{"type":"id","generated":false,"id":"Tool:101231776521621529","typename":"Tool"}],"fromTools":[],"toTools":[],"deleted":false,"link":null,"company":{"type":"id","generated":false,"id":"Company:104902286352053815","typename":"Company"},"rootComments":[],"__typename":"StackDecision"},"$StackDecision:104902470121359491.permissions":{"edit":false,"delete":false,"__typename":"Permissions"},"Tool:101231776521621529":{"id":"101231776521621529","name":"Vuetify","slug":"vuetify","title":"Material Component Framework for VueJS 2","verified":false,"imageUrl":"https://img.stackshare.io/service/6163/PzNbCwXH.jpg","canonicalUrl":"/vuetify","path":"/vuetify","votes":166,"fans":2046,"stacks":1111,"following":false,"followContext":null,"__typename":"Tool"},"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4}).edges.1":{"node":{"type":"id","generated":false,"id":"StackDecision:104902470121359491","typename":"StackDecision"},"__typename":"StackDecisionEdge"},"$Company:104902286352053815.stackDecisions({\"after\":null,\"first\":4}).pageInfo":{"endCursor":"Mg","hasNextPage":false,"__typename":"PageInfo"}}</script> <!-- glamorIds: 63 --> <script type="application/json" id="CompanyProfile-glamor-77e9598f-766a-4df3-a9c0-dc314ae38be9">["1htug8r","1yodi52","iepywa","x5hg3h","u0iaox","9ilv8v","1aswmtz","qrny8b","1176rj6","zkwjas","14pk3xx","z9ms26","6uh2e7","1pwtf47","t68yd0","1rz3855","i6njnm","ak2nbp","12alag6","lscypq","1ofct8u","dfa279","1gyje54","16fbff7","n0m9mp","1qc44t0","1cylxxa","6pc9xu","1f2gg5m","17ndzxs","12cj147","yyuiq8","bad413","uef9sp","wp6fs8","iuz7wz","bajssx","wbe04v","d1spkd","1lzi36o","17j9f4m","iz5cy3","objc83","13472cn","rfq0ee","n752v2","1g63nki","1ktib9n","1j2w1cg","1b2ktnx","gwfiam","1vwd3k6","mj3log","4mz4e8","yb2pww","187ugz6","1tnqmnz","18akmr2","t6kmge","2uhupj","xjztrk","xfk6bo","1ivikjl"]</script> <style>@-webkit-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-moz-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-o-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-webkit-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-moz-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-o-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-webkit-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-moz-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-o-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-webkit-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-moz-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-o-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-webkit-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-moz-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-o-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-webkit-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@-moz-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@-o-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}.css-1aswmtz,[data-css-1aswmtz]{height:95px;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;position:-webkit-sticky; position: sticky;top:0;background-color:#fff;width:100%;z-index:100;}.css-qrny8b,[data-css-qrny8b]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content:space-between;width:100%;margin:0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;}.css-1176rj6,[data-css-1176rj6]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;margin:15px 0 0 0;}.css-1176rj6 > a:last-of-type,[data-css-1176rj6] > a:last-of-type{margin-right:0;}.css-zkwjas,[data-css-zkwjas]{margin-top:4px;font-size:14px;}.css-zkwjas>span,[data-css-zkwjas]>span{margin-left:0;}.css-14pk3xx,[data-css-14pk3xx]{height:32px;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content:center;align-items:center;border-radius:2px;border:1px solid #068dfe;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-size:13px;font-weight:400;letter-spacing:0.8px;background-color:#068dfe;color:#fff;text-decoration:none;cursor:pointer;-webkit-font-smoothing:antialiased;padding-top:0;padding-bottom:0;padding-left:8px;padding-right:8px;width:98px;outline:none;flex-grow:0;flex-shrink:0;margin-right:10px;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-webkit-flex-grow:0;-webkit-flex-shrink:0;}.css-14pk3xx:hover,[data-css-14pk3xx]:hover{background-color:rgba(6,141,254,0.8);border-color:rgba(6,141,254,0.79);color:#fff;}.css-z9ms26,[data-css-z9ms26]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;font-size:14px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#2d2d2d;margin-right:7px;}.css-6uh2e7,[data-css-6uh2e7]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:14px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#939393;margin-right:7px;}.css-1pwtf47,[data-css-1pwtf47]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:row;align-items:center;text-decoration:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;}.css-t68yd0,[data-css-t68yd0]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;position:relative;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;background-color:#fff;border-radius:3.1px;border:0;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-align:center;-webkit-align-items:center;}.css-t68yd0:hover,[data-css-t68yd0]:hover{background-color:#fff;}.css-1rz3855,[data-css-1rz3855]{border:solid 1px #c2c2c2;border-radius:3.1px;height:22px;width:22px;}.css-i6njnm,[data-css-i6njnm]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;margin-left:7px;color:#000;}.css-ak2nbp,[data-css-ak2nbp]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#707070;}.css-ak2nbp a,[data-css-ak2nbp] a, .css-ak2nbp a:hover, [data-css-ak2nbp] a:hover, .css-ak2nbp a:visited, [data-css-ak2nbp] a:visited{color:#707070;text-decoration:none;}.css-12alag6,[data-css-12alag6]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;-webkit-box-align:center;-webkit-align-items:center;}.css-lscypq,[data-css-lscypq]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;padding-top:16px;align-items:center;justify-content:space-between;border-top:1px solid #e1e1e1;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;}.css-1ofct8u,[data-css-1ofct8u]{width:100%;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;align-items:center;background:#f9f9f9;min-height:100vh;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;}.css-dfa279,[data-css-dfa279]{position:relative;width:100%;display:grid;grid-template-columns:auto 312px 828px auto;grid-template-rows:95px auto;grid-template-areas: ". sidebar nav nav" ". sidebar content . " ;-ms-grid-template-columns:auto 312px 828px auto;-ms-grid-template-rows:95px auto;-ms-grid-template-areas: ". sidebar nav nav" ". sidebar content . " ;}.css-1gyje54,[data-css-1gyje54]{grid-area:sidebar;background:#fff;padding-left:43px;padding-right:43px;margin-left:-33px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;-ms-grid-area:sidebar;}@media only screen and (max-width: 480px){.css-1gyje54,[data-css-1gyje54]{border:0;padding-left:0;padding-right:0;width:100vw;margin-left:0;margin-right:0;margin-bottom:0;}}.css-16fbff7,[data-css-16fbff7]{position:relative;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;min-height:100vh;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;}@media only screen and (max-width: 480px){.css-16fbff7,[data-css-16fbff7]{min-height:inherit;position:relative;padding-left:10px;padding-right:10px;align-items:center;padding-bottom:0;padding-top:10px;top:0;margin-bottom:0;-webkit-box-align:center;-webkit-align-items:center;}}.css-n0m9mp,[data-css-n0m9mp]{position:relative;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}.css-n0m9mp>:nth-child(2),[data-css-n0m9mp]>:nth-child(2){margin-top:78px;margin-left:21px;}@media only screen and (max-width: 480px){.css-n0m9mp,[data-css-n0m9mp]{width:100%;justify-content:center;-webkit-box-pack:center;-webkit-justify-content:center;}.css-n0m9mp>:nth-child(2),[data-css-n0m9mp]>:nth-child(2){margin-top:0;position:absolute;top:0;right:0;}}.css-1qc44t0,[data-css-1qc44t0]{width:115px;height:115px;border-radius:4px;margin-bottom:18px;background-color:#fff;border:1px solid #ebebeb;margin-top:38px;}@media only screen and (max-width: 480px){.css-1qc44t0,[data-css-1qc44t0]{margin-top:20px;}}.css-1cylxxa,[data-css-1cylxxa]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;font-size:25px;line-height:1;letter-spacing:normal;-webkit-font-smoothing:antialiased;padding:0;margin:0;color:#333;}.css-6pc9xu,[data-css-6pc9xu]{margin-left:5px;width:15px;height:15px;}.css-1f2gg5m,[data-css-1f2gg5m]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.08;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#333;margin-top:6px;}.css-17ndzxs,[data-css-17ndzxs]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#707070;margin-top:22px;}@media only screen and (max-width: 480px){.css-17ndzxs,[data-css-17ndzxs]{text-align:center;}}.css-12cj147,[data-css-12cj147]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;margin-top:22px;margin-bottom:32px;}.css-12cj147 button ~ button,[data-css-12cj147] button ~ button{margin-left:10px;}.css-12cj147>button,[data-css-12cj147]>button{height:40px;}@media only screen and (max-width: 480px){.css-12cj147,[data-css-12cj147]{width:100%;}.css-12cj147>button,[data-css-12cj147]>button{flex-grow:1;width:50%;-webkit-flex-grow:1;}}.css-yyuiq8,[data-css-yyuiq8]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content:center;flex-direction:column;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-webkit-box-lines:nowrap;-webkit-flex-wrap:nowrap;}.css-yyuiq8> *,[data-css-yyuiq8]> *{height:auto;margin-top:11px;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;text-decoration:none;flex-wrap:nowrap;margin-left:0;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-lines:nowrap;-webkit-flex-wrap:nowrap;}.css-yyuiq8> *:first-child,[data-css-yyuiq8]> *:first-child{margin-left:0;}.css-bad413,[data-css-bad413]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;justify-content:center;height:14px;width:14px;margin-right:6px;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;}.css-uef9sp,[data-css-uef9sp]{grid-area:nav;position:-webkit-sticky; position: sticky;top:0;z-index:2;box-shadow:0 1px #ebebeb;-ms-grid-area:nav;}.css-wp6fs8,[data-css-wp6fs8]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#707070;text-decoration:none;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;flex-direction:column;margin-right:10px;margin-left:10px;margin-bottom:-2px;border-bottom:2px solid transparent;width:85px;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;}.css-wp6fs8 > svg,[data-css-wp6fs8] > svg{height:34px;}.css-wp6fs8:hover,[data-css-wp6fs8]:hover{color:#068dfe;border-color:#068dfe;}.css-wp6fs8:hover svg path,[data-css-wp6fs8]:hover svg path{fill:#068dfe;stroke:#068dfe;}.css-wp6fs8:focus,[data-css-wp6fs8]:focus{color:#068dfe;border-color:#068dfe;}.css-wp6fs8:focus svg path,[data-css-wp6fs8]:focus svg path{fill:#068dfe;stroke:#068dfe;}.css-iuz7wz,[data-css-iuz7wz]{grid-area:content;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;padding:30px 30px 130px 30px;-ms-grid-area:content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;}.css-bajssx,[data-css-bajssx]{margin-top:48px;}.css-bajssx:first-child,[data-css-bajssx]:first-child{margin-top:0;}@media only screen and (max-width: 480px){.css-bajssx,[data-css-bajssx]{padding-left:10px;padding-right:10px;}}.css-wbe04v,[data-css-wbe04v]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;margin:0;margin-bottom:13px;position:inherit;-webkit-box-align:center;-webkit-align-items:center;}.css-wbe04v h3,[data-css-wbe04v] h3{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;font-size:15px;line-height:18px;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#333;margin:-120px 0 0 0;padding-top:120px;}.css-wbe04v>div,[data-css-wbe04v]>div{margin-left:12px;}.css-d1spkd,[data-css-d1spkd]{font-weight:400;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-size:12px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;border-radius:6px;height:18px;padding-left:5px;padding-right:5px;margin-left:6px;flex-grow:0;background:rgba(112,112,112,0.1);color:#707070;-webkit-flex-grow:0;}.css-1lzi36o,[data-css-1lzi36o]{display:grid;grid-column-gap:20px;grid-row-gap:20px;margin-top:15px;margin-bottom:26px;grid-template-columns:1fr 1fr;-ms-grid-column-gap:20px;-ms-grid-row-gap:20px;-ms-grid-template-columns:1fr 1fr;}.css-17j9f4m,[data-css-17j9f4m]{position:relative;box-sizing:border-box;height:318px;padding:24px;border:1px solid #e1e1e1;background:#fff;border-radius:4px;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;}.css-17j9f4m:hover,[data-css-17j9f4m]:hover{box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.31);}.css-iz5cy3,[data-css-iz5cy3]{flex:1;overflow-y:hidden;position:relative;word-break:break-word;-webkit-flex:1;}.css-objc83,[data-css-objc83]{position:absolute;bottom:-2px;left:0;width:100%;height:50%;}.css-13472cn,[data-css-13472cn]{width:50px;height:50px;border-width:1px;float:left;border-radius:50%;overflow:hidden;margin-right:14px;}.css-rfq0ee,[data-css-rfq0ee]{width:50px;}.css-n752v2,[data-css-n752v2]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;font-size:18px;line-height:1.7;letter-spacing:0.3px;-webkit-font-smoothing:antialiased;margin:0;}.css-1g63nki,[data-css-1g63nki]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.7;letter-spacing:0.2px;-webkit-font-smoothing:antialiased;color:#707070;margin:0;min-height:10px;}.css-1ktib9n,[data-css-1ktib9n]{width:100%;margin-top:15px;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;}.css-1ktib9n > svg:first-of-type,[data-css-1ktib9n] > svg:first-of-type{margin-right:7px;}.css-1ktib9n > a,[data-css-1ktib9n] > a{text-decoration:none;margin-right:7px;}.css-1ktib9n > a:last-of-type,[data-css-1ktib9n] > a:last-of-type{text-decoration:none;margin-right:0;}.css-1ktib9n > *,[data-css-1ktib9n] > *{margin-bottom:13px;}.css-1ktib9n > a > span:last-of-type,[data-css-1ktib9n] > a > span:last-of-type{font-size:14px;}.css-1j2w1cg,[data-css-1j2w1cg]{cursor:pointer;text-decoration:none;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;margin-right:0;-webkit-box-align:center;-webkit-align-items:center;}.css-1j2w1cg > div:last-of-type,[data-css-1j2w1cg] > div:last-of-type{margin-right:0;}.css-1b2ktnx,[data-css-1b2ktnx]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;font-size:14px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#2d2d2d;margin-right:7px;margin-left:7px;}.css-gwfiam,[data-css-gwfiam]{display:inline;font-size:13px;}.css-gwfiam p,[data-css-gwfiam] p{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.6666666666666667;letter-spacing:0.2px;-webkit-font-smoothing:antialiased;}.css-gwfiam p:last-child,[data-css-gwfiam] p:last-child{display:inline;}.css-gwfiam ul li,[data-css-gwfiam] ul li,.css-gwfiam ol li,[data-css-gwfiam] ol li{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.6666666666666667;letter-spacing:0.2px;-webkit-font-smoothing:antialiased;}.css-gwfiam a,[data-css-gwfiam] a,.css-gwfiam a:visited,[data-css-gwfiam] a:visited{text-decoration:underline;cursor:pointer;color:#068dfe;}.css-gwfiam a:hover,[data-css-gwfiam] a:hover,.css-gwfiam a:visited:hover,[data-css-gwfiam] a:visited:hover{text-decoration:underline;}.css-gwfiam pre,[data-css-gwfiam] pre{white-space:pre-wrap;word-wrap:break-word;background:#707070;color:#fff;margin:20px 0;font-family:monospace;font-size:13px;padding:10px;border-radius:0;}.css-gwfiam code,[data-css-gwfiam] code{border-radius:0;background:#707070;color:#fff;font-size:13px;}.css-gwfiam .tool,[data-css-gwfiam] .tool,.css-gwfiam .topic,[data-css-gwfiam] .topic{padding:1px 3px 2px 3px;border-radius:2px;background:#e1e1e1;}.css-1vwd3k6,[data-css-1vwd3k6]{margin-right:4px;}.css-1vwd3k6 path,[data-css-1vwd3k6] path{fill:#939393;}.css-mj3log,[data-css-mj3log]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#939393;margin-right:10px;}.css-mj3log a,[data-css-mj3log] a, .css-mj3log a:hover, [data-css-mj3log] a:hover, .css-mj3log a:visited, [data-css-mj3log] a:visited{color:#707070;text-decoration:none;}.css-4mz4e8,[data-css-4mz4e8]{border:none;color:#939393;height:22px;}.css-yb2pww,[data-css-yb2pww]{display:grid;grid-column-gap:20px;grid-row-gap:20px;margin-top:15px;margin-bottom:26px;grid-template-columns:1fr 1fr 1fr;-ms-grid-column-gap:20px;-ms-grid-row-gap:20px;-ms-grid-template-columns:1fr 1fr 1fr;}.css-187ugz6,[data-css-187ugz6]{width:100%;height:200px;position:relative;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;align-items:center;cursor:pointer;background:#fff;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;}.css-187ugz6 .title,[data-css-187ugz6] .title{border:1px solid #e1e1e1;border-top-width:0;}.css-187ugz6:hover,[data-css-187ugz6]:hover{box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.31);}.css-187ugz6:hover > a,[data-css-187ugz6]:hover > a{display:block;}.css-1tnqmnz,[data-css-1tnqmnz]{border-top-right-radius:2px;border-top-left-radius:2px;height:150px;width:100%;background-color:#333;position:relative;}.css-18akmr2,[data-css-18akmr2]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:4px;line-height:1.7;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#fff;text-transform:uppercase;margin-left:10px;margin-top:5px;margin-bottom:4px;}.css-t6kmge,[data-css-t6kmge]{height:15px;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;padding-bottom:5px;}.css-2uhupj,[data-css-2uhupj]{width:15px;height:15px;margin-left:8.35px;margin-bottom:0;}.css-xjztrk,[data-css-xjztrk]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;font-size:13px;line-height:18px;color:#4a4a4a;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:calc(100% - 20px);padding-left:10px;padding-right:10px;text-align:center;box-sizing:content-box;border-bottom-right-radius:2px;border-bottom-left-radius:2px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-flex:1;}.css-xfk6bo,[data-css-xfk6bo]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:600;margin-top:2px;color:#c2c2c2;font-size:11px;text-transform:uppercase;}.css-1ivikjl,[data-css-1ivikjl]{display:none;position:absolute;top:15px;right:15px;padding:0 0px 0 15px;background-color:#333;}.css-1ivikjl> svg,[data-css-1ivikjl]> svg{width:15px;height:15px;background-color:#333;}.css-1ivikjl> svg path,[data-css-1ivikjl]> svg path{fill:#068dfe;}</style> <div id="CompanyProfile-react-component-77e9598f-766a-4df3-a9c0-dc314ae38be9" data-ssr="true" ><div class="css-1ofct8u"><div class="css-dfa279"><div class="css-1gyje54"><div class="css-16fbff7"><div class="css-n0m9mp"><img src="https://img.stackshare.io/company/165594/default_6e8949607d4297e61b743bc3ce1db1379c72edf1.png" alt="Alpsify" class="css-1qc44t0"/></div><h1 class="css-1cylxxa">Alpsify<svg class="css-6pc9xu" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd"><circle cx="7" cy="7" r="7" fill="#068DFE"></circle><path fill="#FFF" d="M5.436 8.937L3.45 6.949a.46.46 0 1 0-.65.651l2.3 2.303a.456.456 0 0 0 .638.011l5.45-5.117a.46.46 0 1 0-.627-.674L5.435 8.937z"></path></g></svg></h1><div class="css-1f2gg5m">9<!-- --> Follower<!-- -->s</div><div class="css-17ndzxs">Code agency</div><div class="css-12cj147"><button data-testid="follow" class="css-14pk3xx"><svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5"><path d="M5.5 0v11M0 5.5h11" fill="none" stroke="#fff"></path></svg> <!-- -->Follow</button></div><div class="css-yyuiq8"><a href="http://twitter.com/@alpsify"><div class="css-bad413"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12"><path fill="none" stroke="#49A8F9" d="M11.884 3.45c.486-.344.891-.79 1.236-1.275a5.58 5.58 0 0 1-1.439.385c.527-.304.892-.79 1.074-1.378a5.216 5.216 0 0 1-1.56.608A2.449 2.449 0 0 0 9.39 1a2.473 2.473 0 0 0-2.473 2.491c0 .183.02.385.06.567A7.08 7.08 0 0 1 1.83 1.446c-.203.384-.324.81-.324 1.255 0 .871.425 1.62 1.094 2.066a2.29 2.29 0 0 1-1.115-.304v.02a2.5 2.5 0 0 0 1.987 2.451 2.274 2.274 0 0 1-.649.081c-.162 0-.324-.02-.466-.04.304.992 1.236 1.66 2.31 1.681-.85.668-1.905 1.134-3.08 1.134-.203 0-.406-.02-.588-.04 1.094.709 2.412 1.093 3.81 1.093 4.58 0 7.074-3.787 7.074-7.068V3.45z"></path></svg></div> <span class="css-ak2nbp">@alpsify</span></a><a href="https://alpsify.com/"><div class="css-bad413"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g fill="#49A8F9" fill-rule="evenodd"><path d="M10.5 0h-4a.5.5 0 0 0 0 1h2.793L4.146 6.146a.5.5 0 1 0 .708.708L10 1.707V4.5a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5"></path><path d="M8.5 5a.5.5 0 0 0-.5.5V10H1V3h4.5a.5.5 0 0 0 0-1h-5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5"></path></g></svg></div> <span class="css-ak2nbp">alpsify.com</span></a></div></div></div><div class="css-uef9sp"><div data-testid="navigationBar" class="css-1aswmtz"><div class="css-qrny8b"><nav class="css-1176rj6"><a href="#decisions" class="css-wp6fs8"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><g fill="#999" stroke="#999" stroke-width=".2"><path fill-rule="evenodd" d="M21.47 23.475V22.34h-2.46a.537.537 0 0 0-.528.531v2.124l-3.14.008v-5.641a.537.537 0 0 0-.527-.533h-3.287l.03 1.163L8.84 17.22l2.689-2.78v1.167h2.88l.543.014c1.743.068 3.207 1.39 3.482 3.142l.079.356h2.957l-.03-1.197 2.718 2.776-2.688 2.778zm-7.463-11.307l2.765-3.313.075-.004 2.693 3.318h-.585c-.602 0-.602.527-.602.78v3.49c-.773-1.02-1.793-1.587-3.06-1.688v-1.865c0-.205.002-.4-.159-.56-.156-.157-.357-.157-.443-.157h-.684zm10.754 7.942l-2.72-2.78a.834.834 0 0 0-.908-.18.832.832 0 0 0-.506.77v.355h-1.43c-.007-.028-.02-.054-.026-.083a.43.43 0 0 0 .025-.144v-5.035h.685c.45 0 .617-.258.67-.37.051-.11.14-.407-.148-.75l-2.905-3.58a.907.907 0 0 0-1.374.001l-2.983 3.575c-.29.35-.2.645-.148.756.052.11.222.368.67.368h.787v1.75h-2.08v-.323a.83.83 0 0 0-.506-.77.828.828 0 0 0-.908.182l-2.72 2.778a.847.847 0 0 0 .001 1.176l2.716 2.772a.82.82 0 0 0 .91.189.836.836 0 0 0 .509-.772v-.324H14.5v5.331c0 .461.37.836.827.836h3.17a.832.832 0 0 0 .827-.836v-1.82h1.302v.293c0 .336.197.638.503.771a.833.833 0 0 0 .912-.181l2.719-2.778a.844.844 0 0 0 0-1.177z"></path></g></svg><div class="css-zkwjas">Decisions<!-- --> </div></a><a href="#tech-stacks" class="css-wp6fs8"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="#A1A1A1" stroke="#A1A1A1" stroke-width=".2"><path fill-rule="evenodd" d="M20.467 21.867a2.415 2.415 0 0 1-2.318-1.74h-2.192l-.012.008-2.615-4.499h-1.598a2.415 2.415 0 1 1 0-1.35h1.641l-.058-.034 2.63-4.526.022.013h2.172a2.415 2.415 0 1 1 0 1.35h-1.424l-2.23 3.838-.002.003.001.004 2.234 3.843h1.431a2.415 2.415 0 1 1 2.318 3.09zm-.01-10.184a1.27 1.27 0 1 0-1.244-1.515v.492a1.27 1.27 0 0 0 1.244 1.023zm-11.043 2.01a1.268 1.268 0 1 0 0 2.537 1.268 1.268 0 0 0 0-2.537zm11.053 4.491a1.27 1.27 0 0 0-1.244 1.022v.493a1.27 1.27 0 0 0 1.244 1.022 1.27 1.27 0 0 0 0-2.537z"></path></g></svg><div class="css-zkwjas">Tech Stacks<!-- --> </div></a></nav><div class="css-nil"></div></div></div></div><main class="css-iuz7wz"><div class="css-bajssx"><div class="css-wbe04v"><h3 id="decisions">Decisions<!-- --> <span class="css-d1spkd">2</span> </h3></div><div class="css-1lzi36o"><div class="css-17j9f4m"><div class="css-iz5cy3"><div class="css-objc83"></div><div class="css-nil"><div class="css-13472cn"><img src="https://img.stackshare.io/user/738552/default_d3ec7c3dcc36f79ac31c9dc6eaee167a37badc9e.png" class="css-rfq0ee"/></div><div class="css-nil"><p class="css-n752v2">Nathan De Pachtere</p><p class="css-1g63nki">Fullstack Developer<!-- --> <!-- -->at Alpsify</p></div></div><div class="css-1ktib9n"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd"><path fill="#068DFE" fill-rule="nonzero" d="M20.918 19.017l-1.442-4.195a10.3 10.3 0 0 0 1.062-4.537 10.208 10.208 0 0 0-2.949-7.207A10.199 10.199 0 0 0 10.436 0a10.23 10.23 0 0 0-7.428 3.006A10.228 10.228 0 0 0 0 10.437a10.199 10.199 0 0 0 3.077 7.153 10.207 10.207 0 0 0 7.191 2.95h.016a10.3 10.3 0 0 0 4.537-1.063l4.195 1.442a1.485 1.485 0 0 0 1.543-.357c.408-.408.545-.999.358-1.544z"></path><rect width="7" height="1.8" x="6" y="5" fill="#FFF" rx=".9"></rect><rect width="10" height="1.8" x="6" y="9" fill="#FFF" rx=".9"></rect><rect width="7" height="1.8" x="6" y="13" fill="#FFF" rx=".9"></rect></g></svg><div class="css-z9ms26">Shared insights</div><div class="css-6uh2e7">on</div><a href="/css-3" class="css-1pwtf47"><span title="CSS 3" class="css-t68yd0 service"><img src="https://img.stackshare.io/service/6727/css.png" alt="CSS 3" class="css-1rz3855"/></span><span class="css-i6njnm">CSS 3</span></a><a href="/html5" class="css-1pwtf47"><span title="HTML5" class="css-t68yd0 service"><img src="https://img.stackshare.io/service/2538/kEpgHiC9.png" alt="HTML5" class="css-1rz3855"/></span><span class="css-i6njnm">HTML5</span></a><a href="/javascript" class="css-1pwtf47"><span title="JavaScript" class="css-t68yd0 service"><img src="https://img.stackshare.io/service/1209/javascript.jpeg" alt="JavaScript" class="css-1rz3855"/></span><span class="css-i6njnm">JavaScript</span></a><div class="css-6uh2e7">at</div><a itemscope="" itemType="http://schema.org/Organization" itemProp="url" href="/companies/alpsify" target="_blank" class="css-1j2w1cg"><div class="lazyload-wrapper"><div class="lazyload-placeholder"></div></div><div itemProp="name" class="css-1b2ktnx">Alpsify</div></a></div><div class="css-gwfiam"><p>Am I the only one to think that libraries like Bootstrap, Vuetify, Materialize, Foundation are too much sometimes ? </p> <p>Most of the time you are loading all the library and using 10% of it. And on that 10% you are modifying 90% of it. </p> <p><strong>I feel like using grid and pure CSS / JS are enough and cleaner.</strong></p></div></div><div class="css-lscypq"><div class="css-12alag6"><svg class="css-1vwd3k6" xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10"><path fill="#939393" d="M13.71 7.894L7.6.371C7.426.16 7.222.052 6.985.052s-.441.107-.614.32L.259 7.893C.086 8.107 0 8.36 0 8.65s.086.543.26.756c.172.212.377.319.613.319h12.224c.236 0 .44-.107.614-.32.172-.212.259-.464.259-.755s-.087-.543-.26-.756z"></path></svg> <span class="css-mj3log">8</span><svg class="css-1vwd3k6" xmlns="http://www.w3.org/2000/svg" width="18" height="12"><path fill="#ADADAD" stroke="#ADADAD" stroke-width=".5" d="M17.448 5.196a.765.765 0 0 1 0 .939c-.15.191-.399.483-.733.834a16.252 16.252 0 0 1-1.79 1.627c-1.87 1.457-3.869 2.33-5.925 2.33-2.056 0-4.055-.873-5.925-2.33a16.252 16.252 0 0 1-1.79-1.627 12.171 12.171 0 0 1-.733-.834.765.765 0 0 1 0-.939c.15-.191.399-.482.733-.834a16.252 16.252 0 0 1 1.79-1.626C4.945 1.278 6.944.405 9 .405c2.056 0 4.055.873 5.925 2.33a16.252 16.252 0 0 1 1.79 1.627c.334.352.583.643.733.834l-.305.254.305-.254zM9 8.094c1.322 0 2.397-1.09 2.397-2.428 0-1.34-1.075-2.429-2.397-2.429-1.322 0-2.397 1.09-2.397 2.429 0 1.338 1.075 2.428 2.397 2.428z"></path></svg> <span class="css-mj3log">68.2K</span></div><svg class="css-4mz4e8" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><g><g fill="#fff"><path id="a" d="M32 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v28a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V2z"></path><path d="M31.5 2.5a2 2 0 0 0-2-2h-27a2 2 0 0 0-2 2v27a2 2 0 0 0 2 2h27a2 2 0 0 0 2-2v-27z"></path></g></g><g id="Group-27" transform="matrix(.64373 0 0 .64373 7.398 5.77)" fill="#fff"><path id="Shape" d="M18.71 6.164L14.169.688c-.085-.099-.183-.099-.267-.001L9.236 6.164h1.293c.37 0 .621.074.801.403.108.197.112.263.11.691v.098l.005 3.344v19.179a.32.32 0 0 0 .321.319h4.609c.17 0 .31-.14.31-.305l-.016-22.536c0-.823.177-1.193.911-1.193h1.13zm-9.779.361v-.002.002z" fill-rule="nonzero" stroke="#a1a1a1" stroke-width="1.23"></path><path id="Path-2" d="M10.265 11.299c4.184 0 6.706 2.153 7.568 6.457.862 4.304.581 4.992-.842 2.064l-3.785-.968-4.691-7.029 1.75-.524z"></path><path id="Shape1" d="M21.501 18.5h-4.772l-.083-.517c-.473-2.957-3.068-5.171-6.068-5.171H5.225v-1.82a.056.056 0 0 0-.035-.052.057.057 0 0 0-.062.012L.63 15.45a.058.058 0 0 0 0 .081l4.498 4.499a.057.057 0 0 0 .097-.041v-1.82h5.353c.429 0 .791.364.791.792v12.15c0 .032.025.057.057.057h5.243a.057.057 0 0 0 .057-.057v-6.465c0-.429.362-.791.791-.791h3.984v1.772c0 .023.014.044.035.053a.059.059 0 0 0 .063-.013l4.497-4.499a.057.057 0 0 0 0-.08l-4.497-4.499a.059.059 0 0 0-.063-.012.056.056 0 0 0-.035.052V18.5z" fill-rule="nonzero" stroke="#a1a1a1" stroke-width="1.23"></path></g></svg></div></div><div class="css-17j9f4m"><div class="css-iz5cy3"><div class="css-objc83"></div><div class="css-nil"><div class="css-13472cn"><img src="https://img.stackshare.io/user/738552/default_d3ec7c3dcc36f79ac31c9dc6eaee167a37badc9e.png" class="css-rfq0ee"/></div><div class="css-nil"><p class="css-n752v2">Nathan De Pachtere</p><p class="css-1g63nki">Fullstack Developer<!-- --> <!-- -->at Alpsify</p></div></div><div class="css-1ktib9n"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none"><path fill="#FF7E3F" d="M20.918 19.017l-1.442-4.195a10.3 10.3 0 0 0 1.062-4.537 10.208 10.208 0 0 0-2.949-7.207A10.199 10.199 0 0 0 10.436 0a10.23 10.23 0 0 0-7.428 3.006A10.228 10.228 0 0 0 0 10.437a10.199 10.199 0 0 0 3.077 7.153 10.207 10.207 0 0 0 7.191 2.95h.016a10.3 10.3 0 0 0 4.537-1.063l4.195 1.442a1.485 1.485 0 0 0 1.543-.357c.408-.408.545-.999.358-1.544z"></path><path fill="#FFF" stroke="#FFF" stroke-width=".55" d="M10.168 14.702c.35 0 .595 0 .623.622.028.623-.297.623-.623.623-.349 0-.607-.285-.622-.623-.015-.336.297-.622.622-.622zm0-9.465a3.1 3.1 0 0 1 3.097 3.097 3.103 3.103 0 0 1-2.474 3.034v1.543a.623.623 0 1 1-1.245 0V10.81c0-.344.278-.623.622-.623 1.021 0 1.852-.83 1.852-1.852 0-1.021-.83-1.852-1.852-1.852-1.021 0-1.852.83-1.852 1.852a.623.623 0 0 1-1.245 0 3.1 3.1 0 0 1 3.097-3.097z"></path></g></svg><div class="css-z9ms26">Needs advice</div><div class="css-6uh2e7">on</div><a href="/quasar-framework" class="css-1pwtf47"><span title="Quasar Framework" class="css-t68yd0 service"><img src="https://img.stackshare.io/service/11161/default_a64f61390e79c5008cd18e890d338259463f9af8.png" alt="Quasar Framework" class="css-1rz3855"/></span><span class="css-i6njnm">Quasar Framework</span></a><div class="css-6uh2e7"> and </div><a href="/vuetify" class="css-1pwtf47"><span title="Vuetify" class="css-t68yd0 service"><img src="https://img.stackshare.io/service/6163/PzNbCwXH.jpg" alt="Vuetify" class="css-1rz3855"/></span><span class="css-i6njnm">Vuetify</span></a><div class="css-6uh2e7">at</div><a itemscope="" itemType="http://schema.org/Organization" itemProp="url" href="/companies/alpsify" target="_blank" class="css-1j2w1cg"><div class="lazyload-wrapper"><div class="lazyload-placeholder"></div></div><div itemProp="name" class="css-1b2ktnx">Alpsify</div></a></div><div class="css-gwfiam"><p>Hi guys! I'm building web/mobile apps connected to a Symfony API and so I'm looking for an easy, customizable and scalable way to build a sweet, clean and modern interface. </p> <p>Advice is welcome :)</p></div></div><div class="css-lscypq"><div class="css-12alag6"><svg class="css-1vwd3k6" xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10"><path fill="#939393" d="M13.71 7.894L7.6.371C7.426.16 7.222.052 6.985.052s-.441.107-.614.32L.259 7.893C.086 8.107 0 8.36 0 8.65s.086.543.26.756c.172.212.377.319.613.319h12.224c.236 0 .44-.107.614-.32.172-.212.259-.464.259-.755s-.087-.543-.26-.756z"></path></svg> <span class="css-mj3log">5</span><svg class="css-1vwd3k6" xmlns="http://www.w3.org/2000/svg" width="18" height="12"><path fill="#ADADAD" stroke="#ADADAD" stroke-width=".5" d="M17.448 5.196a.765.765 0 0 1 0 .939c-.15.191-.399.483-.733.834a16.252 16.252 0 0 1-1.79 1.627c-1.87 1.457-3.869 2.33-5.925 2.33-2.056 0-4.055-.873-5.925-2.33a16.252 16.252 0 0 1-1.79-1.627 12.171 12.171 0 0 1-.733-.834.765.765 0 0 1 0-.939c.15-.191.399-.482.733-.834a16.252 16.252 0 0 1 1.79-1.626C4.945 1.278 6.944.405 9 .405c2.056 0 4.055.873 5.925 2.33a16.252 16.252 0 0 1 1.79 1.627c.334.352.583.643.733.834l-.305.254.305-.254zM9 8.094c1.322 0 2.397-1.09 2.397-2.428 0-1.34-1.075-2.429-2.397-2.429-1.322 0-2.397 1.09-2.397 2.429 0 1.338 1.075 2.428 2.397 2.428z"></path></svg> <span class="css-mj3log">588</span></div><svg class="css-4mz4e8" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><g><g fill="#fff"><path id="a" d="M32 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v28a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V2z"></path><path d="M31.5 2.5a2 2 0 0 0-2-2h-27a2 2 0 0 0-2 2v27a2 2 0 0 0 2 2h27a2 2 0 0 0 2-2v-27z"></path></g></g><g id="Group-27" transform="matrix(.64373 0 0 .64373 7.398 5.77)" fill="#fff"><path id="Shape" d="M18.71 6.164L14.169.688c-.085-.099-.183-.099-.267-.001L9.236 6.164h1.293c.37 0 .621.074.801.403.108.197.112.263.11.691v.098l.005 3.344v19.179a.32.32 0 0 0 .321.319h4.609c.17 0 .31-.14.31-.305l-.016-22.536c0-.823.177-1.193.911-1.193h1.13zm-9.779.361v-.002.002z" fill-rule="nonzero" stroke="#a1a1a1" stroke-width="1.23"></path><path id="Path-2" d="M10.265 11.299c4.184 0 6.706 2.153 7.568 6.457.862 4.304.581 4.992-.842 2.064l-3.785-.968-4.691-7.029 1.75-.524z"></path><path id="Shape1" d="M21.501 18.5h-4.772l-.083-.517c-.473-2.957-3.068-5.171-6.068-5.171H5.225v-1.82a.056.056 0 0 0-.035-.052.057.057 0 0 0-.062.012L.63 15.45a.058.058 0 0 0 0 .081l4.498 4.499a.057.057 0 0 0 .097-.041v-1.82h5.353c.429 0 .791.364.791.792v12.15c0 .032.025.057.057.057h5.243a.057.057 0 0 0 .057-.057v-6.465c0-.429.362-.791.791-.791h3.984v1.772c0 .023.014.044.035.053a.059.059 0 0 0 .063-.013l4.497-4.499a.057.057 0 0 0 0-.08l-4.497-4.499a.059.059 0 0 0-.063-.012.056.056 0 0 0-.035.052V18.5z" fill-rule="nonzero" stroke="#a1a1a1" stroke-width="1.23"></path></g></svg></div></div></div></div><div class="css-bajssx"><div class="css-wbe04v"><h3 id="tech-stacks">Tech Stacks<!-- --> <span class="css-d1spkd">1</span> </h3></div><div class="css-yb2pww"><a title="App" href="/alpsify/app" class="css-187ugz6"><div class="css-1tnqmnz"><div class="css-18akmr2">application and data</div><div class="css-t6kmge"><img src="https://img.stackshare.io/service/1209/javascript.jpeg" class="css-2uhupj"/><img src="https://img.stackshare.io/service/991/hwUcGZ41_400x400.jpg" class="css-2uhupj"/><img src="https://img.stackshare.io/service/2538/kEpgHiC9.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/1025/logo-mysql-170x170.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/1052/YMxUfyWf.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/6727/css.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/25/amazon-s3.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/3837/paeckCWC.png" class="css-2uhupj"/></div><div class="css-18akmr2">utilities</div><div class="css-t6kmge"><img src="https://img.stackshare.io/service/97/eW6tXeq3.png" class="css-2uhupj"/></div><div class="css-18akmr2">devops</div><div class="css-t6kmge"><img src="https://img.stackshare.io/service/880/lmalkclL.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/1452/icon_PhpStorm.png" class="css-2uhupj"/></div><div class="css-18akmr2">business tools</div><div class="css-t6kmge"><img src="https://img.stackshare.io/service/3244/1_Mr1Fy00XjPGNf1Kkp_hWtw_2x.png" class="css-2uhupj"/><img src="https://img.stackshare.io/service/154/default_53605d3093005bd7853e04a258c0d4746e803e29.jpg" class="css-2uhupj"/></div></div><div class="css-xjztrk title">App<div class="css-xfk6bo">15<!-- --> tool<!-- -->s</div></div><a href="https://alpsify.com/" title="Visit Website" target="_blank" class="css-1ivikjl"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g fill="#49A8F9" fill-rule="evenodd"><path d="M10.5 0h-4a.5.5 0 0 0 0 1h2.793L4.146 6.146a.5.5 0 1 0 .708.708L10 1.707V4.5a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5"></path><path d="M8.5 5a.5.5 0 0 0-.5.5V10H1V3h4.5a.5.5 0 0 0 0-1h-5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5"></path></g></svg></a></a></div></div></main></div></div></div> <script> renderComponent('CompanyProfile','CompanyProfile-react-component-77e9598f-766a-4df3-a9c0-dc314ae38be9','CompanyProfile-apollo-state-77e9598f-766a-4df3-a9c0-dc314ae38be9','CompanyProfile-glamor-77e9598f-766a-4df3-a9c0-dc314ae38be9', 'apollo','{"route":"/companies/alpsify","userId":null,"canEdit":false,"hasOwner":true}'); </script>
<script type="application/json" id="Footer-apollo-state-b887cc69-1029-4251-be72-f428c4a31686">{}</script> <!-- glamorIds: 21 --> <script type="application/json" id="Footer-glamor-b887cc69-1029-4251-be72-f428c4a31686">["1htug8r","1yodi52","iepywa","x5hg3h","u0iaox","9ilv8v","ts0y2j","cs546h","1fco1ts","11a2nsi","1npm75a","1gn11bn","1y302zr","11gxadc","1iqd2ec","lneilx","de1dx1","1h53588","12k57td","j1o656","zr18wh"]</script> <style>@-webkit-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-moz-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-o-keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@keyframes animation_1htug8r{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}}@-webkit-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-moz-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-o-keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@keyframes animation_1yodi52{0%{background-position:0 0;}100%{background-position:100em 0;}}@-webkit-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-moz-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-o-keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@keyframes animation_iepywa{0%, 100%{opacity:0;}50%{opacity:1;}}@-webkit-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-moz-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-o-keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@keyframes animation_x5hg3h{100%{stroke-dashoffset:0;}}@-webkit-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-moz-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-o-keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@keyframes animation_u0iaox{0%, 100%{transform:none;-webkit-transform:none;}50%{transform:scale3d(1.1, 1.1, 1);-webkit-transform:scale3d(1.1, 1.1, 1);}}@-webkit-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@-moz-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@-o-keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}@keyframes animation_9ilv8v{100%{box-shadow:inset 0px 0px 0px 30px #068dfe;}}.css-ts0y2j,[data-css-ts0y2j]{font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans;font-weight:400;font-size:13px;line-height:1.4;letter-spacing:normal;-webkit-font-smoothing:antialiased;background:#333;display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content:center;align-items:center;padding:50px 0 80px;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-align:center;-webkit-align-items:center;}@media only screen and (max-width: 768px){.css-ts0y2j,[data-css-ts0y2j]{padding:0 0 40px;}}.css-cs546h,[data-css-cs546h]{max-width:1220px;}@media only screen and (max-width: 992px){.css-cs546h,[data-css-cs546h]{width:700px;}}@media only screen and (min-width: 993px){.css-cs546h,[data-css-cs546h]{width:955px;}}@media only screen and (min-width: 1200px){.css-cs546h,[data-css-cs546h]{width:1220px;}}.css-1fco1ts,[data-css-1fco1ts]{display:grid;grid-template-columns:repeat(4, 1fr);justify-items:center;column-gap:3%;-ms-grid-template-columns:repeat(4, 1fr);-webkit-column-gap:3%;-moz-column-gap:3%;}@media only screen and (max-width: 768px){.css-1fco1ts,[data-css-1fco1ts]{grid-template-columns:1fr;text-align:center;-ms-grid-template-columns:1fr;}}.css-11a2nsi,[data-css-11a2nsi]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;align-items:center;text-align:left;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;}.css-1npm75a,[data-css-1npm75a]{display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:column;color:#fff;font-size:14px;line-height:1.7;letter-spacing:0.3px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;}.css-1npm75a a,[data-css-1npm75a] a{color:#fff;text-decoration:none;}.css-1npm75a a:visited,[data-css-1npm75a] a:visited{color:#fff;}.css-1npm75a a:hover,[data-css-1npm75a] a:hover{color:#068dfe;}.css-1npm75a a:hover span,[data-css-1npm75a] a:hover span{color:#fff;}.css-1npm75a a:active span,[data-css-1npm75a] a:active span{color:#fff;}@media only screen and (max-width: 768px){.css-1npm75a,[data-css-1npm75a]{align-items:center;width:95%;font-size:16px;line-height:2;-webkit-box-align:center;-webkit-align-items:center;}}.css-1gn11bn,[data-css-1gn11bn]{color:#fff;font-weight:600;font-size:20px;letter-spacing:0.38px;}@media only screen and (max-width: 768px){.css-1gn11bn,[data-css-1gn11bn]{margin-top:36px;margin-bottom:24px;}}.css-1y302zr,[data-css-1y302zr]{position:relative;}@media only screen and (min-width: 769px){.css-1y302zr,[data-css-1y302zr]{margin-right:auto;}}.css-11gxadc,[data-css-11gxadc]{padding:0;margin:8px 0;}.css-11gxadc li,[data-css-11gxadc] li{display:inline-block;margin:0 5px;}@media only screen and (min-width: 769px){.css-11gxadc li:first-child,[data-css-11gxadc] li:first-child{margin-left:0;}}@media only screen and (max-width: 768px){.css-11gxadc,[data-css-11gxadc]{margin:0 0 80px;}}.css-1iqd2ec svg:hover path,[data-css-1iqd2ec] svg:hover path{fill:#939393;}.css-lneilx,[data-css-lneilx]{margin-top:15px;line-height:100%;}.css-lneilx svg,[data-css-lneilx] svg{max-width:135px;}.css-lneilx svg g,[data-css-lneilx] svg g{fill:#fff;}@media only screen and (max-width: 768px){.css-lneilx,[data-css-lneilx]{margin-top:0;}}@media only screen and (max-width: 480px){.css-lneilx,[data-css-lneilx]{margin-top:0;}}.css-de1dx1,[data-css-de1dx1]{color:#fff;}.css-de1dx1 a,[data-css-de1dx1] a, .css-de1dx1 span, [data-css-de1dx1] span{display:inline-block;margin-right:8px;font-size:13px;letter-spacing:0.24px;}.css-de1dx1 a:last-child,[data-css-de1dx1] a:last-child{margin-right:0;}@media only screen and (max-width: 768px){.css-de1dx1,[data-css-de1dx1]{line-height:1.5;margin-top:14px;margin-bottom:11px;}}.css-1h53588,[data-css-1h53588]{margin:18px 0;}@media only screen and (max-width: 992px){.css-1h53588,[data-css-1h53588]{text-align:center;}}@media only screen and (max-width: 480px){.css-1h53588,[data-css-1h53588]{text-align:center;}}.css-12k57td,[data-css-12k57td]{font-family:Cerebri Sans Pro;margin-top:0;font-style:normal;font-weight:400;font-size:14px;line-height:25px;letter-spacing:0.375px;color:#fff;}.css-j1o656,[data-css-j1o656]{width:53px;height:53px;}.css-zr18wh,[data-css-zr18wh]{color:#c2c2c2;font-size:10px;margin-top:5px;}.css-zr18wh div,[data-css-zr18wh] div{white-space:nowrap;}@media only screen and (max-width: 768px){.css-zr18wh,[data-css-zr18wh]{font-size:13px;line-height:1.5;text-align:center;}}</style> <div id="Footer-react-component-b887cc69-1029-4251-be72-f428c4a31686" data-ssr="true" ><footer class="css-ts0y2j"><div class="css-cs546h"><div class="css-1fco1ts"><div class="css-11a2nsi"><div class="css-1npm75a"><h3 class="css-1gn11bn">Tools &amp; Services</h3><a href="/stackups/trending" title="Compare Tools">Compare Tools</a><a href="/search" title="Search Tools &amp; Services">Search</a><a href="/alternatives" title="Browse Tools &amp; Services">Browse Tool Alternatives</a><a href="/categories" title="Technology Tools &amp; Services">Browse Tool Categories</a><a href="/submit" title="Submit a Tool">Submit A Tool</a><a href="/admin/approval-tool" title="Approve Tools">Approve Tools</a></div></div><div class="css-11a2nsi"><div class="css-1npm75a"><h3 class="css-1gn11bn">Company</h3><a href="/featured-posts" title="Featured Posts">Blog</a><a href="/api" title="API">API</a><a href="/jobs" title="Jobs">Job Search</a><a href="/careers" title="Careers at StackShare" class="css-1y302zr">Careers</a><a href="/stackshare" title="Our Stack">Our Stack</a><a href="/vendors" title="Advertise With Us">Advertise With Us</a><a href="mailto:team@stackshare.io" title="Contact Us">Contact Us</a></div></div><div class="css-11a2nsi"><div class="css-1npm75a"><h3 class="css-1gn11bn">Follow Us</h3><ul class="css-11gxadc"><li><a href="https://twitter.com/stackshareio" target="_blank" rel="noreferrer noopener nofollow" class="css-1iqd2ec"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#FFF" fill-rule="evenodd" d="M3.6 0h16.8A3.6 3.6 0 0 1 24 3.6v16.8a3.6 3.6 0 0 1-3.6 3.6H3.6A3.6 3.6 0 0 1 0 20.4V3.6A3.6 3.6 0 0 1 3.6 0zm14.29 9.964c.548-.389 1.005-.891 1.393-1.44a6.285 6.285 0 0 1-1.621.435c.594-.343 1.005-.891 1.21-1.553a5.867 5.867 0 0 1-1.758.685A2.759 2.759 0 0 0 15.08 7.2a2.788 2.788 0 0 0-2.787 2.81c0 .205.023.433.069.639A7.976 7.976 0 0 1 6.56 7.702a3.037 3.037 0 0 0-.365 1.417c0 .982.48 1.827 1.233 2.33-.456 0-.89-.138-1.256-.343v.022c0 1.37.96 2.49 2.238 2.764-.228.069-.48.092-.73.092-.183 0-.366-.023-.526-.046.343 1.119 1.394 1.873 2.604 1.896-.96.753-2.147 1.279-3.472 1.279a6 6 0 0 1-.662-.046c1.233.8 2.718 1.233 4.294 1.233 5.162 0 7.971-4.27 7.971-7.97v-.366z"></path></svg></a></li><li><a href="https://facebook.com/stackshareio" target="_blank" rel="noreferrer noopener nofollow" class="css-1iqd2ec"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#FFF" fill-rule="evenodd" d="M16.478 24v-8h2.896l.201-3.069h-3.097v-2.237c0-.86.172-1.405 1.262-1.405h1.692l.143-2.925s-.86-.172-2.351-.172c-3.04 0-4.36 1.835-4.36 3.9v2.81H10.8V16h2.065v8H3.6A3.6 3.6 0 0 1 0 20.4V3.6A3.6 3.6 0 0 1 3.6 0h16.8A3.6 3.6 0 0 1 24 3.6v16.8a3.6 3.6 0 0 1-3.6 3.6h-3.922z"></path></svg></a></li><li><a href="https://www.linkedin.com/company/stackshare" target="_blank" rel="noreferrer noopener nofollow" class="css-1iqd2ec"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#FFF" fill-rule="evenodd" d="M3.6 0h16.8A3.6 3.6 0 0 1 24 3.6v16.8a3.6 3.6 0 0 1-3.6 3.6H3.6A3.6 3.6 0 0 1 0 20.4V3.6A3.6 3.6 0 0 1 3.6 0zm5.521 17.16V9.378H6.374v7.782h2.747zM7.748 8.43c1.119 0 1.83-.807 1.83-1.815C9.554 5.578 8.868 4.8 7.749 4.8c-1.094 0-1.831.778-1.831 1.815 0 1.008.712 1.815 1.805 1.815h.026zm11.444 8.73v-4.12c0-2.518-1.246-4.12-3.205-4.12-1.119 0-1.932.661-2.288 1.653l-.102-1.195h-2.721c.025.305.076 1.83.076 1.83v5.952h2.747v-4.12c0-1.12.508-1.831 1.347-1.831.84 0 1.4.432 1.4 1.83v4.12h2.746z"></path></svg></a></li><li><a href="https://angel.co/stackshare" target="_blank" rel="noreferrer noopener nofollow" class="css-1iqd2ec"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#FFF" fill-rule="evenodd" d="M3.6 0h16.8A3.6 3.6 0 0 1 24 3.6v16.8a3.6 3.6 0 0 1-3.6 3.6H3.6A3.6 3.6 0 0 1 0 20.4V3.6A3.6 3.6 0 0 1 3.6 0zm4.684 14.42c.365.493.708.877 1.029 1.153.322.276.579.413.769.413.14 0 .268-.064.385-.194a.624.624 0 0 0 .173-.42c0-.16-.114-.528-.341-1.11-.227-.58-.512-1.15-.849-1.71-.249-.418-.492-.733-.732-.947-.24-.214-.466-.319-.68-.319-.174 0-.366.111-.577.33-.212.223-.317.43-.317.622 0 .2.102.501.309.903.207.4.484.827.83 1.28zm6.062-4.06a89.757 89.757 0 0 0 1.296-3.767c.31-.99.465-1.598.465-1.824 0-.242-.053-.43-.155-.563h-.001a.51.51 0 0 0-.429-.2c-.23 0-.468.194-.707.582-.24.389-.505 1.014-.793 1.875l-1.238 3.622 1.562.275zm-4.45-.445a.982.982 0 0 1 .371-.058c.05 0 .149.005.298.013.147.01.392.03.73.063L9.958 6.022c-.347-.993-.615-1.644-.806-1.949-.19-.303-.397-.456-.619-.456a.513.513 0 0 0-.422.2c-.107.133-.16.313-.16.54 0 .384.144 1.052.433 2.004.29.953.724 2.202 1.303 3.749a.41.41 0 0 1 .21-.195zm6.22 2.129a1.006 1.006 0 0 0-.245-.293c-.338-.285-.998-.54-1.979-.765a13.608 13.608 0 0 0-3.068-.338c-.296 0-.508.05-.632.15-.124.1-.186.272-.186.516 0 .567.314.98.943 1.233.627.255 1.643.382 3.049.382h.508c.116 0 .21.044.279.133.07.088.118.219.142.394-.14.134-.43.287-.866.456-.438.172-.774.341-1.005.508a4.53 4.53 0 0 0-1.196 1.31 3.99 3.99 0 0 0-.198.374c-.04.09-.07.176-.102.263-.012.034-.029.067-.04.1-.018.063-.03.125-.044.188-.013.056-.032.11-.04.166-.006.039-.006.076-.01.114-.008.076-.019.154-.019.228v.001c0 .277.063.609.192.997.128.388.192.629.192.72v.086l-.025.112c-.364-.023-.65-.239-.863-.644-.21-.406-.315-.947-.315-1.622v-.112a.719.719 0 0 1-.192.125.553.553 0 0 1-.205.037c-.074 0-.144-.006-.212-.019a2.132 2.132 0 0 1-.222-.058v.001c.024.094.043.182.056.27a1.05 1.05 0 0 1-.34 1.003 1.22 1.22 0 0 1-.856.331c-.52 0-1.05-.256-1.587-.77-.537-.515-.806-1.017-.806-1.51 0-.091.01-.172.032-.243a.406.406 0 0 1 .104-.182c.115.142.278.35.483.627.545.76 1.05 1.14 1.512 1.14.157 0 .297-.05.422-.149.123-.1.185-.206.185-.313v-.001c0-.127-.083-.334-.248-.629a8.366 8.366 0 0 0-.681-.99c-.33-.425-.606-.736-.826-.933-.217-.196-.394-.295-.525-.295-.29 0-.557.157-.8.47a1.756 1.756 0 0 0-.366 1.11c0 .344.086.725.254 1.147.168.422.416.846.738 1.271a4.937 4.937 0 0 0 1.816 1.524c.723.355 1.522.532 2.4.532 1.611 0 2.96-.607 4.046-1.823 1.088-1.216 1.632-2.739 1.632-4.568 0-.56-.04-1.005-.124-1.337a1.67 1.67 0 0 0-.162-.425zm-4.733 2.915a6.14 6.14 0 0 1 .626-.682c.218-.206.449-.386.689-.545a8.167 8.167 0 0 1-1.01-.113 5.067 5.067 0 0 1-.912-.252c.133.268.25.535.354.802.103.268.188.532.253.79z"></path></svg></a></li></ul></div></div><div class="css-11a2nsi"><div class="css-1npm75a"><a href="/" class="css-lneilx"><svg width="203" height="31" viewBox="0 0 812 124" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g id="Layer1" fill-rule="nonzero"><path d="M221.086 85.794c0 7.342-2.55 12.933-7.651 16.775-5.101 3.842-12.731 5.762-22.889 5.762-5.208 0-9.647-.352-13.318-1.056-3.671-.704-7.107-1.739-10.308-3.105V88.035c3.628 1.707 7.715 3.137 12.261 4.29 4.546 1.152 8.547 1.728 12.005 1.728 7.085 0 10.628-2.048 10.628-6.146 0-1.537-.469-2.785-1.408-3.746-.939-.96-2.561-2.048-4.866-3.265-2.305-1.216-5.379-2.636-9.22-4.258-5.506-2.305-9.551-4.439-12.133-6.402-2.583-1.964-4.461-4.215-5.635-6.755-1.173-2.54-1.76-5.666-1.76-9.38 0-6.36 2.465-11.279 7.395-14.758 4.93-3.479 11.919-5.218 20.968-5.218 8.623 0 17.01 1.878 25.163 5.634l-5.891 14.086c-3.585-1.537-6.936-2.796-10.052-3.778a31.589 31.589 0 0 0-9.54-1.472c-5.762 0-8.643 1.558-8.643 4.674 0 1.75.928 3.265 2.785 4.546 1.857 1.28 5.922 3.18 12.197 5.698 5.591 2.262 9.689 4.375 12.293 6.339 2.604 1.963 4.524 4.225 5.762 6.786 1.238 2.561 1.857 5.613 1.857 9.156zM259.924 92.773c3.415 0 7.513-.747 12.293-2.241v14.534c-4.866 2.177-10.841 3.265-17.927 3.265-7.811 0-13.499-1.974-17.063-5.922-3.564-3.948-5.346-9.871-5.346-17.767V50.131h-9.348v-8.259l10.756-6.531 5.635-15.11h12.485v15.238h20.04v14.662h-20.04v34.511c0 2.774.779 4.823 2.337 6.146 1.558 1.323 3.617 1.985 6.178 1.985zM325.59 107.051l-3.778-9.732h-.512c-3.287 4.14-6.669 7.011-10.148 8.611-3.479 1.601-8.014 2.401-13.606 2.401-6.872 0-12.282-1.963-16.23-5.89-3.949-3.927-5.923-9.519-5.923-16.775 0-7.598 2.657-13.2 7.971-16.807 5.315-3.607 13.329-5.602 24.042-5.986l12.421-.384v-3.138c0-7.256-3.713-10.884-11.14-10.884-5.72 0-12.443 1.728-20.168 5.186l-6.467-13.19c8.238-4.311 17.372-6.466 27.403-6.466 9.604 0 16.967 2.091 22.089 6.274s7.683 10.543 7.683 19.08v47.7H325.59zm-5.763-33.166l-7.555.256c-5.677.171-9.902 1.195-12.677 3.074-2.774 1.878-4.162 4.738-4.162 8.579 0 5.506 3.159 8.259 9.476 8.259 4.525 0 8.142-1.301 10.853-3.905 2.71-2.604 4.065-6.061 4.065-10.372v-5.891zM381.843 108.331c-22.281 0-33.421-12.229-33.421-36.687 0-12.165 3.03-21.459 9.091-27.883 6.061-6.424 14.748-9.636 26.059-9.636 8.281 0 15.708 1.622 22.281 4.866l-5.762 15.11c-3.074-1.238-5.933-2.251-8.58-3.041-2.646-.79-5.293-1.185-7.939-1.185-10.159 0-15.238 7.214-15.238 21.641 0 14.001 5.079 21.001 15.238 21.001 3.756 0 7.235-.502 10.436-1.505 3.202-1.003 6.403-2.571 9.604-4.706v16.711c-3.158 2.006-6.349 3.394-9.572 4.162-3.222.768-7.288 1.152-12.197 1.152zM432.398 68.123l8.516-10.885 20.04-21.769h22.025l-28.428 31.053 30.157 40.529h-22.537l-20.617-29.004-8.387 6.723v22.281h-19.528V7.426h19.528V51.86l-1.025 16.263h.256z"></path><path d="M538.336 85.794c0 7.342-2.55 12.933-7.651 16.775-5.101 3.842-12.73 5.762-22.889 5.762-5.208 0-9.647-.352-13.318-1.056-3.671-.704-7.107-1.739-10.308-3.105V88.035c3.628 1.707 7.715 3.137 12.261 4.29 4.546 1.152 8.548 1.728 12.005 1.728 7.086 0 10.628-2.048 10.628-6.146 0-1.537-.469-2.785-1.408-3.746-.939-.96-2.561-2.048-4.866-3.265-2.305-1.216-5.378-2.636-9.22-4.258-5.506-2.305-9.551-4.439-12.133-6.402-2.582-1.964-4.46-4.215-5.634-6.755-1.174-2.54-1.761-5.666-1.761-9.38 0-6.36 2.465-11.279 7.395-14.758 4.93-3.479 11.92-5.218 20.969-5.218 8.622 0 17.009 1.878 25.162 5.634l-5.89 14.086c-3.586-1.537-6.937-2.796-10.053-3.778a31.589 31.589 0 0 0-9.54-1.472c-5.762 0-8.643 1.558-8.643 4.674 0 1.75.928 3.265 2.785 4.546 1.857 1.28 5.923 3.18 12.197 5.698 5.592 2.262 9.689 4.375 12.293 6.339 2.604 1.963 4.525 4.225 5.763 6.786 1.237 2.561 1.856 5.613 1.856 9.156zM613.093 107.051h-19.528V65.242c0-10.33-3.841-15.495-11.524-15.495-5.464 0-9.412 1.857-11.845 5.571-2.433 3.713-3.65 9.732-3.65 18.055v33.678h-19.528V7.426h19.528v20.296c0 1.58-.149 5.293-.448 11.141l-.448 5.762h1.024c4.354-7 11.269-10.5 20.745-10.5 8.409 0 14.79 2.262 19.144 6.787 4.353 4.524 6.53 11.012 6.53 19.464v46.675zM672.1 107.051l-3.778-9.732h-.512c-3.286 4.14-6.669 7.011-10.148 8.611-3.479 1.601-8.014 2.401-13.606 2.401-6.872 0-12.282-1.963-16.23-5.89-3.948-3.927-5.923-9.519-5.923-16.775 0-7.598 2.657-13.2 7.972-16.807 5.314-3.607 13.328-5.602 24.042-5.986l12.421-.384v-3.138c0-7.256-3.714-10.884-11.141-10.884-5.72 0-12.442 1.728-20.168 5.186l-6.467-13.19c8.238-4.311 17.373-6.466 27.403-6.466 9.604 0 16.967 2.091 22.089 6.274 5.123 4.183 7.684 10.543 7.684 19.08v47.7H672.1zm-5.762-33.166l-7.555.256c-5.677.171-9.903 1.195-12.678 3.074-2.774 1.878-4.161 4.738-4.161 8.579 0 5.506 3.158 8.259 9.475 8.259 4.525 0 8.142-1.301 10.853-3.905 2.71-2.604 4.066-6.061 4.066-10.372v-5.891zM739.238 34.125c2.646 0 4.845.192 6.595.576l-1.473 18.312c-1.579-.427-3.5-.641-5.762-.641-6.232 0-11.088 1.601-14.566 4.802-3.479 3.202-5.218 7.684-5.218 13.446v36.431h-19.528V35.469h14.79l2.881 12.037h.96c2.22-4.012 5.218-7.245 8.996-9.7 3.777-2.454 7.886-3.681 12.325-3.681zM779.293 48.019c-4.141 0-7.385 1.312-9.732 3.937-2.348 2.625-3.692 6.349-4.034 11.173h27.403c-.085-4.824-1.344-8.548-3.777-11.173s-5.72-3.937-9.86-3.937zm2.753 60.312c-11.525 0-20.531-3.18-27.019-9.54-6.488-6.36-9.732-15.366-9.732-27.019 0-11.994 2.998-21.267 8.996-27.819 5.997-6.552 14.288-9.828 24.874-9.828 10.116 0 17.991 2.881 23.625 8.643 5.635 5.763 8.452 13.723 8.452 23.882v9.476h-46.163c.213 5.549 1.857 9.882 4.93 12.997 3.073 3.116 7.384 4.674 12.933 4.674 4.311 0 8.388-.448 12.229-1.344 3.842-.897 7.854-2.326 12.037-4.29v15.11c-3.414 1.708-7.064 2.978-10.948 3.81-3.885.832-8.622 1.248-14.214 1.248z"></path></g><g fill="#008ff9"><path d="M101.98 83c-3.9 0-7.157 2.792-7.886 6.482-.212 1.564 0 3.123 0 3.123.73 3.687 3.986 6.477 7.885 6.477 4.434 0 8.042-3.605 8.042-8.04 0-4.434-3.608-8.042-8.042-8.042M32.041 54C27.607 54 24 57.606 24 62.041c0 4.433 3.607 8.041 8.041 8.041 4.435 0 8.042-3.608 8.042-8.041 0-4.435-3.607-8.041-8.042-8.041m69.924-12.918c4.435 0 8.042-3.608 8.042-8.041 0-4.435-3.607-8.041-8.042-8.041-3.898 0-7.155 2.791-7.885 6.48v.049s-.18 1.654 0 3.073c.73 3.689 3.987 6.48 7.885 6.48"></path><path d="M101.965 105.961c-6.965 0-12.841-4.655-14.692-11.022H73.376l-.076.043-16.575-28.517H46.592c-1.852 6.367-7.727 11.023-14.694 11.023-8.451 0-15.303-6.852-15.303-15.303 0-8.452 6.852-15.305 15.303-15.305 6.967 0 12.842 4.656 14.694 11.025h9.905l.128-.217L73.3 28.999l.141.083h13.768c1.852-6.369 7.727-11.025 14.692-11.025 8.453 0 15.305 6.853 15.305 15.305 0 8.451-6.852 15.304-15.305 15.304-6.965 0-12.84-4.656-14.692-11.025h-9.03l-14.14 24.326-.006.023.005.022L78.2 86.378h9.073c1.851-6.369 7.727-11.026 14.692-11.026 8.453 0 15.305 6.853 15.305 15.305s-6.852 15.304-15.305 15.304zM124.996 0H8.004C3.584 0 0 3.561 0 7.953v108.094C0 120.44 3.584 124 8.004 124h116.992c4.421 0 8.004-3.56 8.004-7.953V7.953C133 3.561 129.417 0 124.996 0z"></path></g></svg></a><div class="css-de1dx1"><a href="/terms">Terms</a><span>·</span><a href="/privacy">Privacy</a></div><div class="css-1h53588"><h3 class="css-12k57td">SOC 2 Type 2 Certified</h3><a href="http://www.aicpa.org/soc4so" rel="nofollow noreferrer noopener" target="_blank" title="SOC2 badge"><img src="https://img.stackshare.io/fe/SOC2.png" class="css-j1o656"/></a></div><div class="css-zr18wh"><div>Copyright © <!-- -->2022<!-- --> StackShare, Inc. </div><div>All rights reserved.</div></div><div class="css-de1dx1"><a href="/html-sitemaps/stackups/main.html">Sitemap</a></div></div></div></div></div></footer></div> <script> renderComponent('Footer','Footer-react-component-b887cc69-1029-4251-be72-f428c4a31686','Footer-apollo-state-b887cc69-1029-4251-be72-f428c4a31686','Footer-glamor-b887cc69-1029-4251-be72-f428c4a31686', 'apollo','{"isAdmin":null}'); </script>