The latest articles on DEV Community by Viktor Kuzhelny (@vikdiesel). https://dev.to/vikdiesel https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F212129%2F403def7e-9053-4152-9ae6-19b287c38be2.jpeg https://dev.to/vikdiesel en Viktor Kuzhelny Wed, 16 Jun 2021 09:09:36 +0000 https://dev.to/vikdiesel/free-vue-js-3-tailwind-css-admin-dashboard-37e0 https://dev.to/vikdiesel/free-vue-js-3-tailwind-css-admin-dashboard-37e0 <p>Admin One is simple, beautiful and free Vue.js 3 Tailwind CSS admin dashboard.</p> <p>Thanks to Tailwind's tree-shaking, <strong>production CSS</strong> is just only <strong>23kb</strong></p> <ul> <li>Built with <strong>Vue.js 3</strong>, <strong>Tailwind CSS</strong> framework &amp; <strong>Composition API</strong> </li> <li>Uses <strong>Vuex</strong> &amp; <strong>Router</strong> </li> <li>Reusable components</li> <li> <strong>Free</strong> under MIT License</li> </ul> <h2> Live demo &amp; source code </h2> <p><a href="https://justboil.github.io/admin-one-vue-tailwind/" rel="noopener noreferrer">Live demo</a> | Source code on <a href="https://github.com/justboil/admin-one-vue-tailwind" rel="noopener noreferrer">GitHub</a></p> <p>Looks great on desktop</p> <p><a href="https://justboil.github.io/admin-one-vue-tailwind/" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fclb84er426vgqum2hndw.png" alt="Free Vue 3 Tailwind admin dashboard"></a></p> <p>...as well as on mobile devices. Even tables are responsive :-)</p> <p><a href="https://justboil.github.io/admin-one-vue-tailwind/" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F17p4rn7uegkxdw3rpjn8.png" alt="Free Vue 3 Tailwind admin dashboard"></a></p> <h3> Check it out </h3> <p><a href="https://justboil.github.io/admin-one-vue-tailwind/" rel="noopener noreferrer">Live demo</a> | Source code on <a href="https://github.com/justboil/admin-one-vue-tailwind" rel="noopener noreferrer">GitHub</a></p> <h3> What do you think? </h3> <p>Do you know some other open-source dashboards built with Tailwind CSS and Vue.js 3?</p> vue tailwindcss javascript Viktor Kuzhelny Thu, 07 May 2020 18:49:40 +0000 https://dev.to/vikdiesel/free-vue-js-bulma-admin-dashboards-2020-2i4g https://dev.to/vikdiesel/free-vue-js-bulma-admin-dashboards-2020-2i4g <p>Hi <a href="https://dev.to">dev.to</a> 👋</p> <p><a href="https://bulma.io" rel="noopener noreferrer">Bulma CSS Framework</a> has reached almost 40k stars on GitHub. </p> <p>I've took it over Bootstrap, as it uses modern Flexbox, has easy to learn syntax and comes without javascript (and without jQuery), so it can be used in any development context.</p> <p>I'd like to share my open-source admin dashboards made with <a href="https://bulma.io" rel="noopener noreferrer">Bulma CSS Framework</a>, <a href="https://vuejs.org/" rel="noopener noreferrer">Vue.js</a> &amp; <a href="https://buefy.org/" rel="noopener noreferrer">Buefy</a>.</p> <h2> Admin One </h2> <p>Free Vue.js Buefy Bulma admin dashboard (SPA/PWA).</p> <p><a href="https://vikdiesel.github.io/admin-one-vue-bulma-dashboard/" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fnns0m14ul3t16fqjpeok.png" alt="Bulma Vue.js admin dashboard"></a></p> <p><a href="https://vikdiesel.github.io/admin-one-vue-bulma-dashboard/" rel="noopener noreferrer">Live Demo</a> | Source code on <a href="https://github.com/vikdiesel/admin-one-vue-bulma-dashboard" rel="noopener noreferrer">GitHub</a></p> <h2> Admin Two </h2> <p>One more free dashboard built with Vue.js Buefy &amp; Bulma.</p> <p><a href="https://vikdiesel.github.io/admin-two-vue-bulma-dashboard/" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fk5i8kx549fx07wd0024q.png" alt="Bulma Vue.js admin dashboard"></a></p> <p><a href="https://vikdiesel.github.io/admin-two-vue-bulma-dashboard/" rel="noopener noreferrer">Live Demo</a> | Source code on <a href="https://github.com/vikdiesel/admin-two-vue-bulma-dashboard" rel="noopener noreferrer">GitHub</a></p> <h2> Admin Null </h2> <p>And a variation of Admin One featuring light/dark mode.</p> <p><a href="https://vikdiesel.github.io/admin-null-vue-bulma-dashboard/" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fap8ilg1uhbrly4133mqd.png" alt="Bulma Vue.js admin dashboard"></a></p> <p><a href="https://vikdiesel.github.io/admin-null-vue-bulma-dashboard/" rel="noopener noreferrer">Live Demo</a> | Source code on <a href="https://github.com/vikdiesel/admin-null-vue-bulma-dashboard" rel="noopener noreferrer">GitHub</a></p> <h3> What do you think? </h3> <p>Do you know some other open-source dashboards built with Bulma CSS Framework?</p> bulma vue buefy javascript