Vue CSS

Open-source Vue projects categorized as CSS

Top 23 Vue CSS Projects

  1. iview

    A high quality UI Toolkit built on Vue.js 2.0

  2. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  3. ant-design-vue

    🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

  4. uiGradients

    πŸ”΄ Beautiful colour gradients for design and code

    Project mention: The Best 100 Free UI/UX Resources for Every Designer & Developer | dev.to | 2025-03-04

    uiGradients uigradients.com Beautiful CSS gradient combinations.

  5. CoreUI-Vue

    Open source admin template based on Bootstrap 5 and Vue 3

    Project mention: Top 23+ Free Vue Templates & Themes | dev.to | 2024-07-18

    Live Demo/Download

  6. ViewUI

    A high quality UI Toolkit built on Vue.js 2.0

  7. beercss

    Build material design interfaces in record time... without stress for devs... πŸΊπŸ’›

    Project mention: Design System Options for Rails | news.ycombinator.com | 2025-04-10

    I've had a good experience so far working on an admin dashboard with BeerCSS (and Datastar which is unrelated). It implements a lot of the Material Design stuff and it is opinionated but between the examples on the main site and documentation on GitHub it was pleasant to work with. It's easy to get started too, just add three links in the .

    https://github.com/beercss/beercss

    https://www.beercss.com/

  8. layoutit-grid

    Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

    Project mention: Show HN: Struggle with CSS Flexbox? This Playground Is for You | news.ycombinator.com | 2025-01-05

    One of my flexbox faves which is very similar to OP: https://flexbox.tech/.

    A useful tool for generating Bootstrap code is https://build.layoutit.com/ and for CSS grid https://grid.layoutit.com/. Unfortunately the former is limited to Bootstrap 4, not 5.

  9. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  10. oruga

    πŸ› Oruga is a lightweight Vue.js UI component library without any CSS dependency

    Project mention: Oruga is a lightweight UI components library for Vue.js | news.ycombinator.com | 2024-09-18
  11. zircleUI

    πŸš€ zircle-ui is a frontend library to develop zoomable user interfaces.

  12. flowbite-vue

    Official Vue 3 components built for Flowbite and Tailwind CSS

  13. scrollbar

    Simple online scrollbar editor (by henripar)

  14. quasar-admin-crm

    Quasar CRM Admin | VueJS Admin | Featuring 3 different dashboards | Give it a star if you find it useful.

  15. pretty-checkbox-vue

    Quickly integrate pretty checkbox components with Vue.js

  16. win95

    Windows 95 Portfolio built with Vue.js

  17. tailwind-animations-examples

    Cool animations implemented with tailwindcss

  18. win7

    Yet another OS preview via web technologies focused on Microsoft Windows 7.

  19. purple-free-vue-admin-template

    Purple Free Vue - Free Admin Template

  20. chippy

    Chippy, a tag-based input UI, for Vue.

  21. codefolio

    A deployment-ready web app to showcase your coding portfolio.

  22. notedev

    πŸ“‹ A convenient space to keep a diary of things that need to be done every day

  23. league-of-legends-clone

    Client home for League of Legends clone. Updating version and explore...

  24. google-vue

    Google interface with Vue.js

  25. Anime-Info-Platform

    Official repository of the Anime Information Platform

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

Vue CSS discussion

Log in or Post with

Vue CSS related posts

  • Interactive CSS Grid Generator

    1 project | news.ycombinator.com | 10 Dec 2024
  • Oruga is a lightweight UI components library for Vue.js

    1 project | news.ycombinator.com | 18 Sep 2024
  • Beer CSS: the revolution in web performance and ergonomics

    1 project | dev.to | 5 Sep 2024
  • Beer CSS: The Secret Weapon for Material Design 3 UIs

    1 project | dev.to | 27 Jun 2024
  • List expansions - Beer CSS Tips #5

    1 project | dev.to | 11 Jun 2024
  • List expansions - Beer CSS Tips #5

    1 project | dev.to | 11 Jun 2024
  • Beer CSS – Translates a modern UI into HTML semantic standard

    1 project | news.ycombinator.com | 3 Jun 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 28 Apr 2025
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Index

What are some of the best open-source CSS projects in Vue? This list will help you:

# Project Stars
1 iview 23,971
2 ant-design-vue 20,742
3 uiGradients 5,928
4 CoreUI-Vue 3,354
5 ViewUI 2,638
6 beercss 1,824
7 layoutit-grid 1,663
8 oruga 1,148
9 zircleUI 946
10 flowbite-vue 849
11 scrollbar 719
12 quasar-admin-crm 454
13 pretty-checkbox-vue 260
14 win95 218
15 tailwind-animations-examples 123
16 win7 122
17 purple-free-vue-admin-template 38
18 chippy 32
19 codefolio 25
20 notedev 23
21 league-of-legends-clone 14
22 google-vue 10
23 Anime-Info-Platform 9

Sponsored
InfluxDB high-performance time series database
Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
influxdata.com

Did you know that Vue is
the 19th most popular programming language
based on number of references?