Giters

paulhibbitts / devKit

Stop searching, start building. Free resources for developers.

Home Page:https://paulhibbitts.github.io/devKit/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DevKit

DevKit is your curated toolbox for building better software. Free resources for all your dev needs.

A collection of links to free resources and tools for developers. It includes everything from Frontend and Backend to DevOps, security, competitive programming and more.

Frontend

Dashboards and Admin Panels

  1. AdminLTE is a fully responsive admin template. Based on Bootstrap 4.4 framework and also the JS/jQuery plugin. ⭐ 44k stars
  2. Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap ⭐ 37k stars
  3. Core UI is a free Bootstrap admin template build with HTML. ⭐ 12k stars πŸ’²πŸ’²
  4. Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. ⭐ 11k stars
  5. Tailwind Components - Dashboard is a free Tailwind CSS Dashboard template. ⭐ 568 stars
  6. Tailwind Toolbox - Dashboard is a free Tailwind CSS Dashboard template. ⭐ 328 stars

Component Libraries

  1. Material UI Ready-to-use foundational React components, free forever. ⭐ 91k stars
  2. Ant Design is An enterprise-class UI design language and React UI library. ⭐ 90.5k stars
  3. Storybook is a frontend workshop for building UI components and pages in isolation. Use for UI development, testing, and docs. ⭐ 83k stars
  4. Shadcn is Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. ⭐ 51.4k stars
  5. Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. ⭐ 36.2k stars
  6. DaisyUI is the most popular, free and open-source Tailwind CSS component library. ⭐ 29.6k stars
  7. HeadlessUI is a set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. ⭐ 24k stars
  8. React Admin is The React Framework for B2B Apps. | A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design ⭐ 24k stars
  9. Mantine is a fully featured React components library. ⭐ 24k stars
  10. Next UI is a collection of beautifully designed, accessible, and customizable UI components for React. ⭐ 18.6k stars
  11. Semantic UI React ⭐ 13.2k stars
  12. Radix UI - Primitives is for building high-quality, accessible design systems and web apps. ⭐ 14k stars
  13. Evergreen is a React UI Framework for building ambitious products on the web. ⭐ 12k stars
  14. TW-Elements has a 𝙃π™ͺπ™œπ™š collection of Tailwind components, sections and templates ⭐ 13k stars
  15. Shoelace. Works with all frameworks as well as regular HTML/CSS/JS. ⭐ 11.6k stars
  16. Reactstrap is a simple and easy to use React Bootstrap 4 components. ⭐ 11k stars
  17. Tailblocks is a Ready-to-use Tailwind CSS blocks. ⭐ 8.7k stars
  18. Grommet is a React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. ⭐ 8.5k stars
  19. Hyper UI is a collection of beautiful, accessible, and customizable UI components for React. ⭐ 8k stars
  20. React Suite is a suite of React components. ⭐ 8k stars
  21. Sonner is an opinionated toast component for React. ⭐ 7k stars
  22. Float UI offers all the vital building blocks you need to transform your idea into a great-looking startup. ⭐ 3k stars
  23. Meraki UI is a collection of responsive Tailwind CSS components that enhance the user experience of your website. with support for RTL languages, and a sleek Dark Mode. ⭐ 2.3k stars
  • Tailwind Components is an Open source Tailwind UI components and templates to bootstrap your new apps, projects or landing sites! ⭐ GitHub
  • Tailwind Toolbox is a free Tailwind CSS Templates, Components and Resources. ⭐ GitHub
  • Tailwind UI is a collection of professionally designed, pre-built, fully responsive HTML snippets you can drop into your Tailwind projects.

Data Visualization Components

  1. D3js is a JavaScript library for bespoke data visualization. ⭐ 107k stars
  2. Chart js is a simple yet flexible JavaScript charting library for designers and developers. ⭐ 63.5k stars
  3. Recharts is a composable charting library built on React components. Redefined chart library built with React and D3. ⭐ 22k stars
  4. Visx is a collection of expressive, low-level visualization primitives for React. | Develop by Airbnb. ⭐ 18.5k stars
  5. Plotly is a JavaScript Open Source Graphing Library that makes interactive, publication-quality graphs online. ⭐16.5k stars
  6. Tremor: React components to build charts and dashboards. ⭐ 14.7k stars
  7. ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages. ⭐ 13.7k stars
  8. Nivo provides a rich set of dataviz components, built on top of D3 and React. ⭐ 12.5k stars
  9. HighCharts makes it easy for developers to create charts and dashboards for web and mobile platforms. ⭐ 11.8k stars
  10. Google Chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.
  11. Vega is a visualization grammar, a declarative format for creating, saving, and sharing interactive visualization designs. ⭐ 10.8k stars
  12. Victory is a React.js components for modular charting and data visualization. ⭐ 10.7k stars
  13. C3js is a D3-based reusable chart library. ⭐ 9.7k stars

Utility libraries for JavaScript

  • Lodash is a modern JavaScript utility library delivering modularity, performance & extras.
  • Moment.js is a JavaScript date library for parsing, validating, manipulating, and formatting dates.
  • Date-fns is a modern JavaScript date utility library.
  • Async is a utility module which provides straight-forward, powerful functions for working with asynchronous JavaScript.
  • Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API.
  • Fetch API provides an interface for fetching resources (including across the network).
  • Axios is a promise-based HTTP client for the browser and Node.js.
  • Ramda is a practical functional library for JavaScript programmers.
  • Store.js is Cross-browser storage for all use cases, used across the web.
  • Cookiejar is a simple, lightweight, and fast cookie manipulation library for JavaScript.
  • cross-storage is a Cross domain local storage, with permissions

3D and Animation Libraries

  1. Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser. ⭐ 97.9k stars
  2. Anime.js is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. ⭐ 48.5k stars
  3. Pixi.js is a fast, lightweight 2D library that works across all devices. ⭐ 42.1k stars
  4. Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. ⭐ 22k stars
  5. React Spring is a spring-physics based animation library for React applications. ⭐ 28k stars
  6. GSAP is a professional-grade JavaScript animation for the modern web. ⭐ 18.3k stars
  7. Matter.js is a a 2D physics engine for the web ▲● β–  ⭐ 16k stars
  8. Auto Animate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. ⭐ 12k stars

Other JS libraries

  • Moment is a JavaScript date library for parsing, validating, manipulating, and formatting dates. ⭐ 48k stars
  • Dayjs ⏰ is 2kB immutable date-time library alternative to Moment.js with the same modern API ⭐ 46k stars
  • PDF.js is a PDF Reader in JavaScript ⭐ 34.5k stars
  • Video.js is an open-source HTML5 video player. ⭐ 37k stars
  • P5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else. ⭐ 20.7k stars
  • Howler.js is a JavaScript audio library for the modern web. ⭐ 23k stars
  • Luxon is a library for working with dates and times in JavaScript. ⭐ 15k stars
  • Nuclear.js Streaming music player that finds free music for you ⭐ 11.3k stars
  • Next VideoAdd high-performance video to your Next.js app. ⭐ GitHub

React

  • ReactPlay is a React code editor that allows you to write and preview React code in real time. It is a great tool for learning React, testing code, and creating demos.

Colors

  • AI Colors is a tool to generate color palettes using AI.

CSS Games

Backend

Serverless Frameworks

  • Serverless Stack is a comprehensive guide to creating full-stack serverless applications. ⭐ GitHub
  • Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more!

API

Authentication

  • Auth0 is a flexible, drop-in solution to add authentication and authorization services to your applications. ⭐ k stars
  • Firebase Auth is a platform developed by Google for creating mobile and web applications. ⭐ k stars
  • Clerk is a developer-first identity and user management platform. ⭐ k stars
  • Supabase Auth is an open-source Firebase alternative. ⭐ k stars
  • NextAuth.js is a complete open-source authentication solution for Next.js applications. ⭐ k stars
  • Appwrite Auth is a secure end-to-end backend server for Web, Mobile, and Flutter developers that is packaged as a set of Docker containers for easy deployment. ⭐ k stars

Database

  1. Supabase is an open-source Firebase alternative. ⭐ 64k stars
  2. Appwrite is a secure end-to-end backend server for Web, Mobile, and Flutter developers that is packaged as a set of Docker containers for easy deployment. ⭐ 40k stars
  3. MongoDB is a general-purpose, document-based, distributed database built for modern application developers and for the cloud era. ⭐ 26k stars

DevOps

Testing

Open Source

Dev Tools

  • Dr. Link Check is a valuable web-based service designed to help website owners and administrators identify and address broken links on their websites. | Freemiun

Tools

  • Material Design is a collection of tools and resources for developers to build high-quality digital experiences.

GitHub

  • Best Readme Generator is a tool to generate GitHub profile READMEs using a simple UI. It makes it easy to include features in your readme file, such as your work experience, skills, programming languages, and social media links.
  • Readme Generator is another tool to generate GitHub profile READMEs by filling out a simple form.
  • Typing Effect lets you add a dynamic typing animation to your GitHub profile as if you were typing.
  • Profile Badges lets you create personalized badges to highlight your skills and accomplishments in your GitHub README file.
  • Readme Stats: Get up-to-date stats on your GitHub activity and contributions, automatically integrated into your README.md with Readme Stats. It is a dynamically generated GitHub stats on your READMEs.
  • Contrib.Rocks is a simple way to generate a dynamic image of contributors to keep your README.md file in sync.
  • Skill icons is an easy-to-use tool that allows you to generate beautiful and customizable icons representing your programming languages, frameworks, tools, and other technical skills.
  • raw.githubusercontent.com/ is a tool to serve files directly from GitHub. It is useful for serving images in your GitHub README file. You can generate the URL of the image by clicking on the Raw button in the file view.
  • GitHub Gist is a simple emoji cheat sheet to use when writing your GitHub README file.
  • Visitor Badge is a valuable tool for any GitHub user who wants to track their online presence and build community around their projects.
  • Octicons is a scalable set of icons handcrafted by GitHub.

Icons

  1. Iconify is a modern icon framework that allows you to use over 50,000 icons from popular icon sets. ⭐ GitHub
  2. Google Icons is a collection of free, open-source, and customizable icons for your projects.
  3. Simple Icons is a collection of SVG logos for popular brands. ⭐ 17.7k stars
  4. Lucide is a set of free, open-source, and customizable icons for your projects. ⭐ 8.1k stars
  5. Tabler Icons is a set of over 800 free and open-source icons for your web projects. ⭐ [7.5k](
  6. React Icons
  • Devicon is a collection of icons for popular programming languages, frameworks, and tools.
  • Zondicons is a set of free premium SVG icons for you to use on your digital products.
  • Radix Icons

Favicons

emojis

  • EmojiDB is a database of emojis.
  • Gitmoji is an emoji guide for your commit messages.
  • Emojicopy is a tool to copy and paste emojis.
  • Emojipedia is a comprehensive resource for emojis.

File Converters

Tools to edit Images

  • Squoosh Make images smaller using best-in-class codecs, right in the browser. ⭐ 20.6k stars

  • Compress jpeg is a tool to compress and resize your images.

  • Compress jpg is a tool to compress and resize your images.

  • Tiny png is a tool to compress your images.

  • Picresize is a tool to resize, shrink, and crop your pictures online.

  • Image Compressor is a tool to compress your images.

Others

Tools

  • Figma is a web-based graphics editing and user interface design app.
  • Sketch is a design toolkit for macOS.
  • Canva is a free-to-use online graphic design tool that simplifies the process of creating visual content

Resources

Free Resources

  • free-for dev is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
  • LinksHub aims to provide people access to a wide range of free resources and tools that they can use to learn and develop their tech skills. These resources include links to free software, libraries, frameworks, and other tools that can be used to build and deploy applications, website, and other projects.
  • freesets is a Collection of free resources like icons, images, illustrations, components, libraries and more.

Tech News

  • Hacker Tab is a new tab extension that shows you the latest news from Hacker News, Designer News, Product Hunt, GitHub, and Reddit.
  • Reddit Programming is a subreddit for discussion and news about computer programming.
  • TLDR Newsletter is a daily newsletter with links and TLDRs of the most interesting stories in tech.
  • GitHub trending is a daily snapshot of the most popular projects on GitHub by the number of stars.

Documentation

  • DevDocs is a free and open-source tool for developers that combines multiple API documentations in a fast, organized, and searchable interface.
  • jsdoc is an API documentation generator for JavaScript. It automatically generates documentation from your code.
  • typedoc is a documentation generator for TypeScript projects. it automatically generates documentation from your code.
  • Docsify is a simple and lightweight documentation site generator.
  • Docusaurus is a modern documentation site generator by Facebook.
  • GitBook is a knowledge management tool for engineering teams.
  • MkDocs is a simple static site generator for building project documentation.
  • VuePress is a minimalistic static site generator with a Vue-powered theming system.
  • Docz is a tool for building documentation websites.

Official Docs

Blogs

  • SitePoint is a hub for web developers to share their passion for building incredible Internet things.
  • Chat.zulip is a powerful, open source group chat application that combines the immediacy of real-time chat with the productivity benefits of threaded conversations.
  • A list apart is a webzine that explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
  • Speckyboy is an online magazine for web designers and developers.

Competitive programming

platforms

  • Beecrowd
  • Hacker Rank is a technology hiring platform that is the standard for assessing developer skills for over 2,000+ companies around the world.
  • Leetcode is the best platform to help you enhance your skills, expand your knowledge and prepare for technical interviews.
  • Codeforces
  • Geeks For Geeks is a computer science portal for geeks.
  • Top Coder
  • Code Chef

Security

  • Snyk specializes in JavaScript security
  • Trivy is a container security scanner designed specifically for Docker images.

Testing Frameworks

  • Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
  • Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser.
  • Jasmine is a behavior-driven development framework for testing JavaScript code.
  • Cypress is a JavaScript End to End Testing Framework.
  • Puppeteer is a Node library which provides a high-level API over the Chrome DevTools Protocol.
  • Karma is a simple tool that allows you to execute JavaScript code in multiple real browsers.
  • WebdriverIO is a Next-gen browser and mobile automation test framework for Node.js.
  • Stryker js is a mutation testing framework for JavaScript.
  • Ava is a Node.js test runner that lets you develop with confidence πŸš€

Form Validation Frameworks

  • Vest is a form validations framework that performs form validations and provides feedback to the user.
  • Joi is a powerful schema description language and data validator for JavaScript.
  • Formik is a small library that helps you with the 3 most annoying parts: getting values in and out of form state, validation, and handling form submission.

CI

  • Travis CI is a continuous integration service used to build and test software projects hosted at GitHub.
  • Circle CI is a modern, developer-friendly continuous integration and continuous delivery (CI/CD) platform.

CDN

  • CDN js is a community-driven content delivery network for web-related libraries. πŸ€– CDN assets - The #1 free and open source CDN built to make life easier for developers.
  • jsDelivr is a free Open Source CDN for open source projects.

Comprehensive Business Intelligence (BI) and Data Visualization Tools

  1. Tableau:

    • Best for data visualization.
    • Tableau is a powerful BI platform known for its robust visualization capabilities. It allows users to create interactive dashboards and explore data effectively.

  2. Domo:

    • Best for large data sets.
    • Domo provides a cloud-based platform for business intelligence, data visualization, and collaboration. It's suitable for handling extensive datasets and offers various integrations.

  3. Yellowfin:

    • Best for embedded analytics.
    • Yellowfin focuses on embedding analytics within other applications. It provides features like dashboards, reporting, and data exploration.

  4. Zoho Analytics:

    • Best for non-analysts.
    • Zoho Analytics is user-friendly and caters to business users who may not have extensive technical expertise. It offers self-service reporting and data visualization.

  5. Sisense:

    • Best for end-to-end BI

  6. Qlik Sense:

    • Best for mobile users.

Other Great Resources

  • Electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS

About

Stop searching, start building. Free resources for developers.

https://paulhibbitts.github.io/devKit/

License:MIT License

Languages

Language:HTML 100.0%