iconify
daisyui
Our great sponsors
iconify | daisyui | |
---|---|---|
29 | 244 | |
3,687 | 29,945 | |
6.6% | - | |
8.5 | 9.8 | |
26 days ago | 4 days ago | |
TypeScript | 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.
iconify
-
Unleashing Iconify: Your Ultimate Solution for Icons
Icons play a vital role in the web development. They guide us, convey messages, and enhance user experiences on numerous websites and applications. Whether you are an experienced developer or a beginner in web development, having a reliable source of high-quality icons is essential. This is where Iconify comes in, providing an extensive selection of icons that will breathe life into your projects.
-
Icon Buddy – 100K+ Open Source SVG Icons, Fully Customizable
https://iconify.design/ has been my go to for years, but I like the ability to customize the colors from the UI, although I personally use tailwind classes for my colors
- What is your favourite place to find icons?
-
Create NextJs Portfolio⭐ Website using Tailwind-CSS and Framer-motion
Svg Icons from Iconify.
-
How I made my resume with HTML and Tailwind CSS
Luckily, I found that in astro you can do it easily with the astro-icon package. This package uses Iconify, an icon library that combines dozens of different icon packs into one. The most interesting icon pack for me was the SVG Logos as it includes all logos for different tech companies, programming languages, etc. Now, adding these icons is as simple as:
- Iconhunt: Search 150.000 free and open source icons
-
Icon library for svelte?
I've been using https://iconify.design/
-
This is a minimal icon set that you can add into your project. It's called Hicon!
Get this added to the iconify database!
-
Create Bottom Navigation with HTML/CSS
To start our project we need to create a file called index.html. Inside our index.html there’s an import link to iconify for our icons, two files CSS called base.css and bottomnav.css, and of course our .bottomnav. Inside the .bottomnav, there are four a href tags with a class .active for if the link is active. Inside each of the a href tag, there’s an icon and the name of the a href inside the span tag.
-
How to Create an Astro Search component 🔍🤔
I'll also use a search icon from Iconify, one of the largest collections of open-source icons.
daisyui
-
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.
-
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.
-
Shadcn: Beautifully designed components that you can copy-paste into your apps
Others:
- https://daisyui.com/
-
⚡Top GitHub Repositories for UI Components
🔍 Site ⭐ GitHub
- Catalyst – Tailwind CSS Application UI Kit
- How long have you been at it and how many clients do you have?
-
So should I be using a component library?
If you still do want some premade components, you have things like https://daisyui.com and https://ui.shadcn.com, which can be good to look into.
What are some alternatives?
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
theme-change - Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
fullcalendar - Full-sized drag & drop event calendar in JavaScript
nextui - 🚀 Beautiful, fast and modern React UI library.
mantine - A fully featured React components library
antd - An enterprise-class UI design language and React UI library
django-tailwind - Django + Tailwind CSS = 💚
TOAST UI Editor - 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
merakiui - Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode 🚀 ☄️.