Web-Resources
A list of the web resources that I find helpful
| Contents |
|---|
| CSS/Designing |
| React |
| Other Curated Lists |
| Windows Terminal |
| Tools |
| Performance |
| Git |
| Javascript |
CSS / Designing
- Css code snippets for various components - navnav.co
- CSS webcomponents
- Code snippets - freefrontend
- Code snippets for css components and layouts
- Css values
- Design Checklist
Tailwind
- DaisyUI - Tailwind CSS Components
- wickedblocks - UI components for tailwind
- Kometa UI components for Tailwind
Framework
Background
- GetWaves.io
- Duotone Generator
- Undraw Illustration
- Box Shadows
- Animated Backgrounds
- Grabient
- Gradient Animation Generator
- svg bg - bgjar
- Glassmorphism generator
- Haikey SVG/PNG background generator - Really good for landing pages
Shape and Size
Colors
- coolors.co
- happyhues.co
- muzlicolor
- Palettes with 60-30-10 split - colors.lol
- colormind-AI generated colors
- GradientKing - (made by a mallu)
- color.cloudflare.design
Animation
- Gradient animation js
- Button Animations
- Button Animations
- Animatopy - CSS animation code snippets
- Icon animations
- Cool Text Animations
- Loader Animations
- Web Animations - Awesome bg animations
- Full page Flicking animations
Images
Icons
- Boxicons
- css.gg - Get css, svg, png, etc for icons
- Heroicons - copy as JSX or copy as SVG feature with tailwind styles
Utilities
Meta Tags
Responsive
Layout
Wireframe
React
Libraries
- React Alice Carousal
- React Menu
- A sortable, virtual, customizable tree component for React - React Arborist
UI Libraries
Hooks
Other Curated Lists
- Design Valley
- Web Dev Resources
- 50+ developer/designer resources
- 100 developer resources
- List of items for non artistic people
- Resources for developer designer engineer
- bookmark.design
- Expansive list of design resources
- goabstract/Awesome-Design-Tools
Windows Terminal
Tools
- Micro- colloborative tool to create work flows
- Db Diagrams
- Handle from submissions - kwes.io
- readme.so - create better README.md file
- Tree directory stucture
- gitignore.io - gitignore templates
Performance
Git
- ohshitgit: solution to many common git problems
- gitignore.io - .gitignore files for every project
- Git Explorer - Find the right commands you need without digging through the web