vueuse
Tailwind CSS
vueuse | Tailwind CSS | |
---|---|---|
86 | 1,300 | |
19,097 | 79,776 | |
2.0% | 1.8% | |
9.4 | 9.4 | |
3 days ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
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.
Tailwind CSS
-
Every Next.js website is starting to look the same
First of, I got to point out, I love Next.js. It's my go to framework whenever I start a new web project, no other JS framework allows you to build something beautiful that quickly. But quickly is exactly the issue. If you want to build something quickly it's going to come with some trade offs. If you are working with Next.js, when starting a project you'll probably start with some boilerplate or a template, seems like industries are popping up around Next.js boilerplates nowadays. Next (.js), you'll probably use Tailwind CSS and some component library, most probably shadcn/ui. All of these solutions are great, but, as more developers gravitate towards these ready-made components, the individuality of websites diminishes, leading to a sea of sites that look and feel the same. Something like shadcn/ui is completely customizable, but if you want to finish a website quickly, you probably won't spent that much time on customization, if you are not working strictly by design.
-
A tale about migrating a 200 entries Gatsby blog untouched for 3 years to Astro
First of all, as the codebase was quite old and as I didn't want to bring more tech than what was required, I started to migrate my few React components on Gatsby from StyledComponent (a great CSS-in-JS solution) to Tailwind CSS. Mostly because I wanted to see if I could measure the impact of moving from CSS-in-JS to pure CSS. The second goal was to allow Astro to run without client-side JS. To do so, I either needed to set up StyledComponent in Astro or migrate to Tailwind. Tailwind is documented and largely used on most projects now, and I was curious about the performance impact.
-
Tailwind CSS vs. Radix UI: Which One Should You Choose for Your Next Project?
With Tailwind CSS, you can create unique designs without ever leaving your HTML thanks to its utility-first CSS framework, which offers low-level utility classes.
-
Building a serverless connected BBQ as SaaS - Part 2 - User Creation
Let us now start creating our dashboard, that we will continue building on in this series. The dashboard is a react app created with create-react-app. For styling we will use Tailwind CSS.
-
Create A YouTube Homepage Clone in Tailwind CSS and ReactJS
Creating a clone of the YouTube homepage can be both enjoyable and helpful for enhancing your front-end development skills. This project offers a chance to work on a familiar design while getting practical experience with commonly used tools like Tailwind CSS and React.js. It also helps you understand how modern web applications are structured and styled.
-
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
Tailwind is a CSS framework that prioritizes utility.
-
How I shipped an event registration site in just 1 week with Nuxt, Directus, OpenAI, and TailwindCSS
styling - Nuxt UI and Tailwind CSS
-
4 Free Tailwind CSS Badge Components [Open-Source]
I prepared a list of open-source badge components coded with Tailwind CSS and Material Tailwind.
-
Playing around with Hotwire ⚡️
I won't take credit for the re-design though. If you're using the Tailwind CSS Library you should checkout Tailwind UI. It's helped me scaffold a few components and pages quite easily, without having a designer onboard.
-
React with Tailwind CSS Skeleton Loader Example
Tailwind CSS (tailwindcss.com)
What are some alternatives?
svelte-actions - prototype official actions for Svelte
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
antd - An enterprise-class UI design language and React UI library
react-select - The Select Component for React.js
unocss - The instant on-demand atomic CSS engine.
vuex - 🗃️ Centralized State Management for Vue.js.
windicss - Next generation utility-first CSS framework.
vitesse - 🏕 Opinionated Vite + Vue Starter Template
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.