MIRROR A collection of links for web development tools.
| .gitignore | Added base tools list | |
| LICENSE | Initial commit | |
| README.md | feat: add reactbits | |
WebDevTools
A collection of links for web development tools.
Tutorials Sources
- ..::LearnAnything::.. Search what you want
- ..::DevDocs Offline::.. Most dev techs manuals to use even offline
- ..::CanIUse::.. Find out supported features
CDNs
Checklists
- ..::Checklist Design::.. Checklists not to forget stuff
- ..::UXProjectChecklist::.. UX Checklist
- ..::LandingPage::..
- ..::FrontEndChecklist::.. Checklist para frontend
UI/UX
- ..::LawsOfUX::.. Laws of user interface
- ..::Webframe::.. Webapp designs
- ..::Screenlane::.. UI Designs
- ..::FroalaDesignBlocks::.. Responsive design blocks
- ..::CollectUI::.. Collection of UI Designs
- ..::DesignPrinciples::.. Collection of Design Principles
- ..::UIPlaybook::.. Guidelines for each UI element
- ..::UIPatterns::.. Patterns to learn from
- ..::Kapwing::.. Kapwing Museum of Websites
- ..::UXChallenges::.. Challengs for UX
- ..::UIDesignDaily::.. Free UI Resources
Charts
- ..::Highcharts::.. Flexible Charts Lib
- ..::E-charts::.. Apache Charts Lib
- ..::Charts.css::.. CSS charts
2D Images Tools
- ..::BlobMaker::.. Makes SVG Blobs
- ..::Pictogon::.. Image maps over pictures
- .::CSSGenerator::. Generates CSS Snipets
- .::FancyBorderRadius::. Visually create border radius formats
- ..::GlassMorphysm::.. Generates Glass Effects
- ..::CSSButtons::.. Custom Buttons
- ..::Animista::.. Cool Animations Generator
- ..::GetWaves::.. Generates SVG Waves
- ..::ShapeDivider::.. Custom Shape Dividers
- ..::CSSMatic::.. Box Shadow Generator
- ..::Neumorphism::.. Soft-UI CSS Generator
- ..::Clippy::.. CSS Clip-path maker
- ..::Grabient::.. Gradients Generator
- ..::uiGradient::..
- ..::Web Gradients::..
3D Images Tools
Animations Tools
Pictures
- ..::Picsum::.. Lore Ipsum for pictures
- ..::PixaBay::.. Stock photos
- ..::Pexels::.. Stock Photos
- ..::Unsplash::.. Random Photos
- ..::FreePik::.. Free pictures
- ..::unDraw::.. Open Source Illustrations
- ..::Humaaans::.. Illustrations of people
- ..::DrawKit::.. Free Illustrations
- ..::TinyPng::.. Smart compression
- ..::RemoveBg::.. Remove background
- ..::Carbon::.. Images for source-code
- ..::ManyPixels::.. Royalty free illustrations
Backgrounds
Colors
- ..::FlatUIColors::.. Flat colors pallets
- ..::Coolors::.. Color pallets
- ..::Klart::.. Color pallets
- ..::Encycolorpedia::.. Color encyclopedia
- ..::ColorWheel::..
- ..::ColorHunt::.. Paletes generator
Icons
- ..::MaterialIcons::.. Material icons
- ..::Flaticon::.. Icons collection
- ..::BoxIcons::.. Icons collection
- ..::IconFinder::.. Icons finder
- ..::Icons8::.. Icons searcher
- ..::Ionic::.. Ionic Icons
Typography
- ..::GoogleFonts::.. The google fonts catalog
- ..::TypeAnything::.. Text Tweaker Visualizer
- ..::LoremIpsum::.. Not so random text
Regex
- ..::Regulex::.. regex patterns viewer
- ..::RegExr::.. regex editor with nice explanations
- ..::SoSed::.. sed and regex patterns
- ..::IHateRegex::.. Regex Patterns
APIs
Git
UI Components
- ..::HeadlessUI::..
- ..::Chackra::..
- ..::MaterialUI::..
- ..::Ray::.. Images for Source Codes
- ..::ReactBits::..
Models
Toolbelts
CSS
Data Fetching
- ..::SWR::.. Hooks for data fetching
- ..::Tanstack Query (previous: ReactQuery)::.. Performance and data sync
Time/Task Manage Tools
- ..::Clockify::.. Tracking hours spent in multiple projects
- ..::Trello::.. Kanbam for your work
- ..::Quire::.. Admin your tasks
- ..::SmartTask::.. Admin your tasks
- ..::Asana::.. Admin your tasks
- ..::Monday::.. Admin your tasks
SEO
- ..::Wappalyzer::.. Analize technologies used by web app
- ..::GTmetrix::.. Metrics on your deployed website
Online Editors
- ..::CodePen::..
- ..::JSFiddle::..
- ..::Typescript::..
- ..::VSCode::.. VSCode Online
- ..::Readme::.. Readme Online Editor
- ..::Photopea::.. Photoshop-like Online Editor
- ..::DrawIO::.. Quick drawing app
- ..::Figma::.. Image Editor
- ..::Excalidraw::.. Image/Drawing Editor
JS Utility Libs
- ..::Ramda::.. Functional Progamming, value last
- ..::Rameda::.. Ramda but better TS support, value first
- ..::Loadash::.. Extra functionality for JS
- ..::DateFNS::.. Modern date utility, >momentjs
- ..::Yup::.. Schema Builder and Validator
- ..::Zod::.. Yup but better TS and hyped
- ..::Zustand::.. State Manager