Kokua is a place for developers to explore different resources for their daily tasks

Miscellaneous
Kokua - Free resources to reach your full potential | Product Hunt
CSS

Showing 20 of 33 resources

Tailwind Gradient Generator

Generate beautiful gradients and get the corresponding tailwind classNames

Tailwind Gradient Generator

  • Frontend
  • Tailwindcss

Typewind

A typesafe and zero-runtime version of Tailwind CSS.

Typewind

  • Frontend
  • Tailwindcss
  • Typescript

Kaminari

Next.js project starter. Configured with tailwindcss and shadcn-ui

Kaminari

  • ReactJS
  • Frontend
  • NextJS
  • Tailwindcss

Animate CSS

Animation Library that contains easy-to-use animations for your websites and web apps

Animate CSS

  • Frontend
  • Animations
  • User Experience (UX)
  • ReactJS
  • NextJS
  • CSS
  • Javascript
  • Angular
  • VueJS

AOS - Animate on scroll

An easy-to-use library for animating content on scroll.

AOS - Animate on scroll

  • Frontend
  • Animations
  • User Experience (UX)
  • ReactJS
  • NextJS
  • CSS
  • Angular
  • VueJS
  • Javascript

Building a Chrome Extension with React

Learn to build chrome extensions

Building a Chrome Extension with React

  • Frontend
  • ReactJS
  • HTML
  • CSS
  • Chrome Extension

Mjml

Write email template with ease

Mjml

  • Frontend
  • Email
  • HTML
  • CSS
  • Email template

TailwindCSS

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

TailwindCSS

  • Frontend
  • Styling
  • ReactJS
  • NextJS
  • CSS
  • Angular
  • VueJS

Responsive CSS Tips

Explore CSS Tips from basic to advanced that would help you easily build responsive layouts with CSS.

Responsive CSS Tips

  • Frontend
  • CSS

Scrollbar.app

Customize and copy scrollbar code with live design edits

Scrollbar.app

  • Frontend
  • CSS
  • Fullstack

HTMLrev

Free starter website templates

HTMLrev

  • Frontend
  • HTML
  • User Interface (UI)
  • Templates
  • Tailwindcss
  • NextJS
  • Angular
  • ReactJS
  • Nuxt
  • Svelte
  • Astro
  • Bootstrap
  • Django
  • Bulma
  • Gatsby

Lightning CSS

An extremely fast CSS parser, transformer, bundler, and minifier.

Lightning CSS

  • Frontend
  • Fullstack
  • CSS
  • Styling

Aceternity UI

Copy paste the most trending components and use them in your websites without having to worry about styling and animations.

Aceternity UI

  • Frontend
  • Fullstack
  • Tailwindcss
  • ReactJS
  • NextJS
  • Framer motion
  • Animations

Background Snippets

Easy copy-paste background snippets

Background Snippets

  • Frontend
  • CSS
  • Tailwindcss
  • Fullstack
  • Backgrounds

Fontsource

A collection of open-source fonts that are packaged into individual NPM packages for self-hosting in your web applications

Fontsource

  • CSS
  • Frontend
  • User Interface (UI)
  • User Experience (UX)
  • Fonts

Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. Built with TailwindCSS and Radix UI

Shadcn UI

  • Frontend
  • Fullstack
  • Tailwindcss
  • ReactJS
  • NextJS
  • Astro
  • Remix
  • Styling

Flowbite

Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.

Flowbite

  • Frontend
  • Fullstack
  • Tailwindcss
  • ReactJS
  • NextJS
  • Angular
  • VueJS
  • Svelte
  • SolidJS
  • Nuxt
  • Astro
  • Styling

TWC

TWC is a lightweight library to create Tailwind Components in one line, write less code, and build faster.

TWC

  • Frontend
  • ReactJS
  • NextJS
  • SolidJS
  • Tailwindcss
  • Design system
  • Styling

Box-shadow editor

Visual editor to create modern-looking shadows

Box-shadow editor

  • Frontend
  • CSS
  • ReactJS
  • VueJS
  • Angular

Layout Generator

Layout generator for design inspiration

Layout Generator

  • CSS
  • HTML
  • ReactJS
  • NextJS
  • Angular
  • CSS Grid
  • User Interface (UI)
  • Frontend