potyk-awesome-frontend

Same as potyk-awesome-python I wanna make list of JavaScript & frontend things that I use and like

Similar lists

• https://github.com/sorrycc/awesome-javascript/

Svelte

Setup

• SSG - render svelte app as static html
• TailwindCSS + Svelte - setup TailwindCSS for Svelte

UI Kits

• skeleton - UI kit based on Tailwind
• shadcn - shadcn Svelte port
• melt-ui

Components

• svelte-multiselect - multiselect, tags, typeahead (autocomplete) component
• svelte-social-auth - google auth
• svelte-dnd-action - easy drag-n-drop solution
• svelte-textarea-auto-height - easy auto height textarea
• svelte-input-mask - input for phones, money, etc.

Vue

UI Kit

• Nuxt UI - UI kit based on Tailwind & Headless UI
• headlessui - >Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
• vuetifyjs - Material design UI kit
• Radix Vue - Vue port of Radix UI
• quasar
• primevue

Components

• formkit - best lib to deal with forms

Framework Agnostic

Components

• swiperjs - carousel / swiper / slider

Utils

• day.js - best lib to work with dates
• compressorjs - client-side image compression
• clipboardjs - copy to clipboard lib
• crypto-js - hashing lib

Testing

• vitest - the only testing framework

Tools

• knip - finds unused stuff like files and dependencies

UI Kits

• daisyui - Tailwind UI kit

Alternative frontends

• alpinejs - lightweight js framework good when working with plane html like with templating, provides reactive primitives and more
• htmx - html utils like put, delete requests, markup replacing and more