Heroicons VS CSS Animation Cheat Sheet

Heroicons Reviews

1. Guest

   8 months ago

CSS Animation Cheat Sheet Reviews

Heroicons mentions (66)

• Discord Clone Using Next.js and Tailwind - Part 3: Channel List

  We start with the toggle button. We want icons for this that we get from heroicons. Let’s create a new file in the ChannelList folder called Icons.tsx and paste the code for the icons here to have a solid separation:. - Source: dev.to / 3 months ago

• Create responsive navbar with React and Tailwind using the same markdown

  Since we are on the mobile view we want to add a hamburger menu to toggle the links visibility. I am using heroicons. We use some basic react state to know whether or not the hambuger is open, and we conditionally render either the hamburger or an X. - Source: dev.to / 5 months ago

• Using Heroicons with TailwindCSS

  Heroicons are SVG-based icons packaged by the creators of TailwindCSS. They come in two size variants, 20, which is suitable for small buttons and form elements, and a 24 size, that is useful for primary navigation buttons like call to action and hero sections. 24 size comes as solid and outline. - Source: dev.to / 7 months ago

• 29 Websites For Free Icon Sets

  Heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. - Source: dev.to / 8 months ago

• A simple theme switcher in React for Tailwind CSS

  These depedencies provide unstyled accessible components from headless ui, icons from heroicons and common hooks with typescript support. - Source: dev.to / 9 months ago

CSS Animation Cheat Sheet mentions (0)