agnosticui
vueuse
Our great sponsors
agnosticui | vueuse | |
---|---|---|
3 | 86 | |
701 | 18,676 | |
0.6% | 2.1% | |
0.0 | 9.5 | |
4 months ago | 4 days ago | |
Svelte | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
agnosticui
-
UI Library template
I like peeking at Agnostic UI.
-
15 UI Component Libraries for Vue 3 in 2022
AgnosticUI (100 stars on GitHub) Disclaimer: I'm the author! AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue, Angular, and Svelte.
-
I finally switched from Sapper to SvelteKit
My main motivation for updating the blog is that I'd like to incorporate agnostic-svelte examples and dog-food that package. The main AgnosticUI site leverages Vitepress which allows you to use Vue components within your content. So, any rendered examples you see are using Vue 3 under the hood. As I'm big on verification through tried-and-true real usage, I wanted to start creating Svelte templates here on my blog as well.
vueuse
-
Ask HN: Learn React or Vue?
My opinion: Vue, specifically the Vue 3 Composition API. Most of your app state should come from computed() values. Bookmark https://vueuse.org and come back to it often. Go through VueUse's source (the docs for each function link to their source): you'll be surprised at how simple most of it is, and it stands as documentation of best practices for using the composition API in general.
- Useful Vue Utils with VueUse
-
Implementing Tailwind CSS Dark Mode Toggle with No Flicker
Now, let’s talk about Vue! Once again, we’ll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.
-
useHooks – A collection of Server Component safe React Hooks
Great library. Could use some improvements as said by other (tree shaking, add jsdocs, etc…). Just a quick reminder for the vuejs devs out there we have https://vueuse.org/
-
UseHooks – A Collection of Server Component Safe React Hooks
Yeah, I figured useHooks was created without knowing about VueUse, but thought they might have become aware of it sense then. It makes sense, because though the code is heading in the direction of VueUse in terms of being maintained and well rounded, the structure of useHooks is quite a bit different. It has the code alongside the Markdown: https://github.com/vueuse/vueuse/tree/main/packages/integrat...
- VueUse Full Screen issue
-
Sending notifications to the browser from Vue?
Demo: https://github.com/vueuse/vueuse/blob/main/packages/core/useWebNotification/demo.vue
-
First Time at Vue
Also take a look at https://vueuse.org/ which might save you some lines :)
- Composition API vs. Options API
-
Why isn’t everyone using <script setup>?
For what it's worth my timeframe is very similar to yours! Started in 2019, no React / Angular. I think looking at great codebases like [VueUse](https://github.com/vueuse/vueuse) shows off the best of composition API.
What are some alternatives?
elemental - A flexible and beautiful UI framework for React.js
svelte-actions - prototype official actions for Svelte
carbon - A design system built by IBM
vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
primereact - The Most Complete React UI Component Library
react-select - The Select Component for React.js
grommet - a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
vuex - 🗃️ Centralized State Management for Vue.js.
vant - A lightweight, customizable Vue UI library for mobile web apps.
vitesse - 🏕 Opinionated Vite + Vue Starter Template
office-ui-fabric-react - Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time