Quasar Framework
daisyui
Quasar Framework | daisyui | |
---|---|---|
161 | 248 | |
25,287 | 31,047 | |
0.7% | - | |
9.9 | 9.8 | |
11 days ago | 12 days ago | |
JavaScript | Svelte | |
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.
Quasar Framework
-
Netlify Dynamic Site Challenge: Building a Mars Mission Photo Web App
Today technology has taken over not only our planet, but also the planets around us and the universe. Man has been able to create technologies to explore other planets many light years from ours. And there's nothing better than using a framework called Quasar to create a project using Netlify's powerful features.
-
Show HN: Quasar Prime: Vue.js Admin Template
What does this bring that the Quasar framework doesnāt already? This sure looks like an ad for a barely preconfigured quasar templateābut itās impossible to tell.
https://quasar.dev/
-
Ask HN: What framework/tools to use to build front end in 2023?
I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.
Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.
Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.
If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.
Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)
* https://vuejs.org/
* https://nuxt.com/
* https://vitejs.dev/
* https://primevue.org/
* https://primeflex.org/
* https://quasar.dev/
-
10 UI Libraries You Should Explore for Your Next Vue.js Project
3. Quasar Quasar is a versatile UI framework that allows you to build responsive websites, mobile apps, and desktop applications using a single codebase. It offers a wide range of components and utilities. Explore the Quasar website for more information.
-
Error: MiniflareCoreError [ERR_RUNTIME_FAILURE] when starting Cloudflare Pages locally with Wrangler
My project is a quasar project thatās served on port 8080. However, I keep getting the following error in the log:
-
An Overview of 25+ UI Component Libraries in 2023
Quasar: It does not consider itself a library, but more of a framework. That, in my eyes is a bit confusing as it is based on Vue, but the idea is that you can use it to create websites and apps, meaning it uses a CLI to generate different outputs for web, mobile, desktop, SPA (Single Page Apps), SSR (Server Side Rendering), and more.
- Nuxt UI is one of the best UI libraries out there
-
Virus (Rat) Help
What did you download? Anything to do with this? https://quasar.dev/
-
Advice for someone moving from Vue/Quasar
I am an amateur developer and I use exclusively Vue and Quasar (https://quasar.dev/) as my framework. This is a big hammer and any frontend dev looks like a nail to me.
-
What framework/library/language has the best docs you've ever seen?
Quasar - https://quasar.dev/ - makes getting into an opinionated Vue setup painless
daisyui
-
HTML-first, framework-agnostic implementation of shadcn/UI ā franken/UI
DaisyUI offers zero-JS components
https://daisyui.com/
I used it for a small form + search result list recently and it works well enough for simple / static stuff.
But I think I'll still be reaching for a JS lib first since I'd miss things like inputs-with-autocomplete too much.
- Show HN: Open Source TailwindCSS UI Components
-
How to use Tailwind with any CSS framework
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
- Ask HN: Freelance website builders/maintainers, what's in your 2024 toolkit?
-
Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained
While I have experience with Tailwind and frontend development, I donāt really have the patience to use it. I usually end up using something like Mantine, which is a complete component library UI kit, or Daisy UI, which is a component library built on top of Tailwind. Shadcn/ui is quite similar to Daisy in this sense, but being able to customize the individual components, since they get installed to your components folder, made development more streamlined and more customizable. On top of that being able to change my components style with natural language thanks to v0 made development super easy and fast. Shadcn may be too minimalist of a style for some, but thanks to all the components being local, you can customize them quickly and easily!
-
The Bulma CSS framework reaches 1.0
https://daisyui.com is a really great middle groundāyou can move as fast as you would in Bulma, then drop down into the weeds with TW if you need it.
-
Tailwind Color Palette Generator
If you're looking for grab and go components, Daisy UI or Flowbite might be more your speed, I've used both with minimal headache.
https://daisyui.com/
-
DaisyUI + Alpine.js + Codehooks.io - the simple web app trio
This guide is tailored for front-end developers looking to explore the smooth integration of DaisyUI's stylish components, Alpine.js's minimalist reactive framework, and the straightforward back-end capabilities of Codehooks.io.
- DaisyUI: The most popular component library for Tailwind CSS
-
Shadcn: Beautifully designed components that you can copy-paste into your apps
Others:
- https://daisyui.com/
What are some alternatives?
vuetify - š Vue Component Framework
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
primevue - Next Generation Vue UI Component Library
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
react-native - A framework for building native applications using React
theme-change - Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
fullcalendar - Full-sized drag & drop event calendar in JavaScript