šŸŽ‰Introducing Atomic Design in Vue.jsšŸ”„

This page summarizes the projects mentioned and recommended in the original post on dev.to
CSS Tailwindcss Vue Enterprise css-framework

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • berryjam

    Open Source Vue.js Component Analyzer - Save time communicating and effort in development to create better and more efficient code

    • If you are feel this article is useful, could you consider starring Berryjam's Github repo ā­ ā­ ā­ It would mean the world and encourage me to create more content.

  • core

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

    • In this post, for simplicity, we'll explore how to implement Atomic Design in Vue.js with only HTML. I'll start with the basics of Atomic Design and then demonstrate how to apply its principles in Vue.js.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    • In my experience of building and delivering systems for various clients, depending on their requirements or preferences, itā€™s inevitable that I may use UI frameworks and libraries like Ant Design and Tailwind. Often, I have to build on top of each components. If you are working alone, itā€™s not such a big problem. But when working as a team, things get complicated quickly. So, I started looking at different methodologies which can provide development flexibility and system maintainability for the projects Iā€™m leading. I choose Atomic Design methodology and want to share why it works for me.

  • ant-design-vue

    šŸŒˆ An enterprise-class UI components based on Ant Design and Vue. šŸœ

    • In my experience of building and delivering systems for various clients, depending on their requirements or preferences, itā€™s inevitable that I may use UI frameworks and libraries like Ant Design and Tailwind. Often, I have to build on top of each components. If you are working alone, itā€™s not such a big problem. But when working as a team, things get complicated quickly. So, I started looking at different methodologies which can provide development flexibility and system maintainability for the projects Iā€™m leading. I choose Atomic Design methodology and want to share why it works for me.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • The one with styling Zag.js components with Tailwind CSS

    2 projects | dev.to | 29 Nov 2022

  • Crafting my Portfolio - Nav and Footer

    2 projects | dev.to | 18 Oct 2022

  • Creating a dropdown menu using Vue3 and PopperJS

    3 projects | dev.to | 8 Sep 2022

  • Any UI framework for Vue that isn't so opinionated it can't be customized? - Also, what's it like working with your preferred framework?

    5 projects | /r/vuejs | 23 Aug 2022

  • Create a Real-Time Food Ordering Notification Service in Vue.js

    4 projects | dev.to | 31 May 2022