Awesome List Updates on Sep 01, 2020

14 awesome lists updated today.

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor

1. Awesome Piracy

Spotify / Third Party Hosts

• Downtify (⭐313) Downtify is an open-source Spotify downloader which makes it possible to download all your favourite songs and/or playlists directly from Spotify.

2. Awesome Ansible

Books

• Ansible for DevOps - This book helps to start using Ansible to provision and manage anywhere from one to thousands of servers. Free sample can be read here.

• Ansible for Kubernetes - Deploy and maintain real-world massively-scalable and high-available applications with Ansible.

3. Awesome Javascript

Testing Frameworks / Runner

• taiko (⭐3.3k) - A Node.js library with a simple API to automate Chromium based browsers.

4. Awesome Remote Job

Communities

• Hypelance - Digital Community Forum for Freelancers and Entrepreneurs.

5. Guides

Programming Languages / JavaScript

• Project Guidelines (⭐27k)

6. Awesome Keycloak

Articles

• How to create a Keycloak authenticator as a microservice?

Community Extensions

• SPI Authenticator in Nodejs

7. Webcomponents the Right Way

Design Systems

• Fluent UI Web Components (⭐15k) - Library of Web Components that supports Microsoft's Fluent design language.

8. Awesome Billing

Accounting / Bookkeeping

• Plain text accounting tools - Extensive list of open-source personal finance projects that might be great to look into for inspiration on double-entry accounting and bookkeeping.

• And a list of graphical accounting tools: GNUCash (GTK+), Grisbi (C), Firefly III (PHP).

• GnuCash Tutorial and Concepts Guide - A complete tutorial on personal finance tracking with GnuCash.

• Frappe Books (⭐1.9k) - Free Desktop book-keeping software for small-businesses and freelancers.

• Luca (⭐64) - YAML accounting and JSON tax forms.

Accounting / Software design and implementation

• Moonpig: a billing system that doesn't suck - Design decisions behind a billing and accounting system. Key takeaway: some companies still pays by checks; do not use floats; complex customer workflows; date and time issues; mutable data.

• Books, an immutable double-entry accounting database service - Explain the basic data model of a double-entry accounting system relying on Google Spanner for internal use at Square.

• Django Hordak - Core functionality of a double entry accounting system for Django.

• Managed accounts for Django (⭐200) - A 'managed account' is an allocation of money that can be debited and credited.

• Triple‐entry accounting with blockchain: How far have we come? - “Triple‐entry accounting is a new and a more efficient way to address fundamental trust and transparency issues that plague current accounting systems. Triple‐entry accounting with blockchain, when properly implemented, can fundamentally improve accounting.”

Invoice / Generators

• InvoiceGenerator (⭐145) - Library to generate a simple invoices.

• Ruby Invoicing Framework (⭐262) - For generating and displaying invoices (ideal for commercial Rails apps). It allows for flexible business logic; provides tools for tax handling, commission calculation etc.

Invoice / Extrators

• InvoiceNet (⭐2.2k) - Deep neural network to extract intelligent information from invoice documents.

9. Awesome Vue

Components & Libraries / UI Components

• vue-dynamic-inputs (⭐4) - Create dynamic forms with buefy from json Online Demo

Components & Libraries / Utilities

• vue-with-wrapper (⭐2) - A object deconstruction used in template

• vuex-ts-enhance (⭐11) - A tool to enhance mapXXX and dispatch methods hint

10. Awesome Security

Red Team Infrastructure Deployment / Development

• Redcloud (⭐1.1k) - A automated Red Team Infrastructure deployement using Docker.

11. Awesome Inertiajs

Resources / Examples

• Ping CRM / Rails (⭐199) - Demonstration application made with Ruby on Rails and Vue.js.

12. Awesome Scala

Misc. / Devops

• List of Scala Online Courses - A list of free and paid Scala online courses by Classpert, An online course search and comparison website

• Scala Days Conferences - A youtube channel that provides full fledged videos, recorded at Scala Days Conferences

13. Awesome Tailwindcss

Useful Links

• 💙 Website - Official Tailwind CSS website.

• 💙 Repository (⭐68k) - Official Tailwind CSS repository.

• 💙 Discussions (⭐68k) - Official place to connect with other community members about Tailwind.

• 💙 Heroicons - Beautiful, hand-crafted SVG icons.

• Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.

• Built With Tailwind - Community-driven collection of awesome websites built with Tailwind CSS.

UI Libraries, Components & Templates

• 💙🧩 Tailwind UI - Component library made with Tailwind CSS.

• 📚 VueTailwind (⭐2k) - Vue.js UI library using Tailwind CSS.

• 🧩 TailBlocks - 60+ different ready to use Tailwind CSS blocks.

• 🧩 Tailwind Components - Community-driven Tailwind CSS component repository.

• 🧩 Tailwind Toolbox - Templates, components and resources.

• 🧩 Meraki UI Components - Beautiful Tailwind CSS components that support RTL languages.

• 🧩📁 Tailwind Templates - Collection of templates and components.

• 🧩📁 Treact - React UI templates and components built using Tailwind CSS.

• 🧩 Kutty - Accessible and reusable components that are commonly used in web applications.

• 🧩 Sail UI - Collection of basic UI components built on Tailwind CSS.

• 🧩 jQuery Toggler - Switches using jQuery and Tailwind CSS.

• 🧩 Tailwind Kit - Framework-agnostic, Vue.js, React and Angular components.

• 📁 Windmill Dashboard - Multi theme, completely accessible dashboard template.

• 📁 Tailwind Admin (⭐423) - Administration panel template with Tailwind CSS.

• 📁 Landing Gradients - Landing page template using gradients (1.7+).

IDE Extensions

• 💙 IntelliSense for Code - IntelliSense extension for Visual Studio Code.

• Styled Snippets for Code - Snippet extension for Visual Studio Code.

• Headwind for Code (⭐1.3k) - Class sorter extension for Visual Studio Code.

• Shades for Code (⭐63) - Color palette generator extension for Visual Studio Code.

• IntelliSense for Neovim (⭐340) - IntelliSense extension for Neovim.

Plugins

• 💙🧩 Typography (⭐3.1k) - Adds a prose class for beautiful typographic defaults.

• 🎨🧬 Theming (⭐473) - Theming using CSS variables, with dark mode support.

• 🎨🧬 Multi Theme (⭐493) - Adds theme variants based on a single theme property.

• 🎨🧬 Theme Swapper (⭐177) - Theming using CSS variables, with media queries support.

• 💼 Custom Native (⭐66) - Leverages Tailwind CSS's configuration to allow the creation of utilities.

• 💼 Image Rendering (⭐77) - Adds image-rendering utilities.

• 💼 Elevation (⭐145) - Adds Material UI elevation utilities.

• 💼 Writing Mode (⭐10) - Adds writing-mode utilities.

• 💼 Border Gradients (⭐205) - Adds border-image gradient utilities.

• 💼 RFS (⭐48) - Adds RFS utilities.

• 💼 List Reset (⭐1) - Adds back the list-reset class that was removed prior to Tailwind CSS 1.0.

• 💼 Fluid (⭐113) - Adds fluid sizing utilities.

• 💼 Typography (⭐249) - Adds typography utilities.

• 💼 Triangle After (⭐19) - Adds CSS triangles utilities.

• 💼 Scrims (⭐39) - Adds scrims utilities.

• 💼 Truncate Multiline (⭐93) - Adds utilities to truncate multi-line text elements.

• 💼 CSS Logical Properties (⭐20) - Generate utilities for CSS Logical Properties.

• 💼 Tooltip Arrows After (⭐43) - Adds CSS utilities for tooltip arrows with configurable border and background.

• 💼 Bidirectional (⭐319) - Adds utilities for creating multilingual bidirectional layouts.

• 💼 Background SVG (⭐17) - Inject SVGs as background images with color variants.

• 💼 Brand Colors (⭐61) - Adds various brand colors for background, border and text.

• 💼 Bootstrap Grid (⭐128) - Generates Bootstrap's style flexbox grid system.

• 🧬 Touch (⭐49) - Adds touch variants.

• 🧬 Localized (⭐9) - Adds variants based on the HTML lang attribute, to use utilities only with certain languages.

• 🧬 Padded Radius (⭐17) - Adds variants for matching nested border radii.

• 🧬 Fluid (⭐29) - Generates fl: variants.

• 🧩 Debug Screens (⭐466) - Adds a component that shows the currently active screen (responsive breakpoint).

• 🧩 Heropatterns (⭐170) - Adds Hero Patterns components.

• 🧩 Responsive Embed (⭐83) - Adds a responsive-embed component.

• 🧩 Bootstrap Tables (⭐97) - Adds table components based on Bootstrap's tables.

• 🧩 Card (⭐40) - Adds card components.

• 🧩 Skip link (⭐14) - Adds a Skip to main content accessible component.

• 🧩 Colors to CSS Variables (⭐28) - Exports color configuration to CSS Custom Properties.

• 🧩 CSS Variables (⭐134) - Exports configuration to CSS Custom Properties.

• 🛑💼 benface's gradients (⭐280) - Adds gradient utilities.

• 🛑💼 lorisleiva's gradients (⭐282) - Adds background gradient utilities.

• 🛑💼 Visually Hidden (⭐14) - Adds screen reader utilities.

• 🛑💼 Object Fit (⭐7) - Adds object-fit utilities.

• 🛑💼 Object Position (⭐1) - Adds object-position utilities.

• 🛑💼 Accessibility (⭐38) - Adds screen reader utilities.

• 🛑💼 Layout (⭐17) - Adds some layout utilities.

• 🛑💼 Grid (⭐120) - Adds CSS grids utilities.

• 🛑💼 Transforms (⭐99) - Adds transform utilities.

• 🛑💼 benface's transitions (⭐191) - Adds configurable transition utilities, with or without CSS variables.

• 🛑💼 webdna's transitions (⭐38) - Adds configurable transition utilities.

• 🛑💼 glhd's transitions (⭐87) - Adds basic transition utilities.

• 🛑💼 Cursor Extended (⭐7) - Extends cursor utilities.

• 🛑🧬 CSS Alpha Colors (⭐21) - Adds opacity variants to existing colors.

• 🛑🧩 Spinner (⭐175) - Adds a spinner component.

• 🛑🧩 Spaced Items (⭐15) - Adds spaced components that add fixed margins to all container items.

Tools

• 🎨🌍🔧 Tailwind Color Shades - Color shades generator for Tailwind CSS.

• 🎨🌍🔧 Palette generator - Color palette generator that outputs Tailwind CSS configuration files.

• 🎨🌍🔧 Tailwind Colors - Color configuration generator for Tailwind CSS.

• 🌍🔧 GPT-3 Tailwind CSS code generator - OpenAI GPT-3 powered Tailwind CSS code generator.

• 🌍🔧 Stitches - Template generator with Tailwind (online).

• 🌍 tailwind.run - Tailwind CSS fiddle with built-time features (online).

• 🔼🌍 Tailwind Automatic Prefix Applicator - Tailwind classes' prefixer tool.

• 🔼 Tailwindo (⭐993) - Bootstrap to Tailwind CSS converter.

• 🔼 Tailupgrade (⭐6) - Conversion tool for upgrading HTML files from Tailwind CSS v0.x to v1.0.

• 🔼 Tailwind Shift (⭐119) - Upgrade tool for upgrading from Tailwind CSS v0.7 to v1.0.

• 🔼 RustyWind (⭐318) - CLI tool for sorting Tailwind CSS classes.

• 🅰 react-native-tailwindcss (⭐552) - React Native typing system.

• 🅰 typed-tailwind (⭐415) - TypeScript typings for Tailwind CSS.

• 💼 Gatsby Plugin (⭐47) - Tailwind CSS integration for Gatsby.

• 💼 Gridsome Plugin (⭐105) - Tailwind CSS integration for Gridsome.

• 💼 Alfred Workflow (⭐115) - Fast Tailwind CSS documentation search application.

• 💼 ng-tailwindcss (⭐202) - CLI tool for integrating Tailwind CSS into Angular-CLI projects.

• 💼 vue-cli-plugin-tailwind (⭐210) - Vue CLI plugin that adds Tailwind CSS to a project.

• 💼 @nuxtjs/tailwindcss (⭐1.3k) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).

• 💼 preact-cli-tailwind (⭐32) - Tailwind CSS integration for Preact.

• 💼🔧 Zeplin Config & Class generator - Zeplin extension that generates Tailwind configurations.

• 💼🔧 @tailwindcssinjs/macro (⭐368) - Babel macro that transforms Tailwind CSS classes into objects for CSS-in-JS libraries.

• 💼🔧 twin.macro (⭐7.2k) - Use Tailwind classes within any CSS-in-JS library.

• 💼🔧 Tailwind Config Viewer (⭐1.6k) - Local UI tool for visualizing your Tailwind CSS configuration file.

• 💼🔧 Laravel Form Components (⭐746) - Blade form components using Tailwind CSS Custom Forms.

• 🔧 re-tailwind (⭐118) - ReasonML utility that generates Tailwind classes.

• 🔧 Protoship Codegen - Code generator that creates Tailwind CSS based HTML & CSS from Sketch designs.

• 🚀 Maizzle - Framework for rapid email prototyping with Tailwind CSS.

• 🌍 Tailwind Cheat Sheet - Tailwind CSS class names cheat sheet.

• 🌍 Tailwind Cheat Sheet (⭐33k) - Tailwind CSS class names in one single file.

• 🌍 Tailwind Cheat Sheet - Tailwind CSS class names, variants and directives cheat sheet.

Starters & Themes

• 📟 Create React App with PurgeCSS (⭐30) - CRA script that adds Tailwind CSS and PurgeCSS.

• 📟 Laravel Preset (⭐14) - Adds Tailwind CSS to the Laravel framework.

• 📟💼 Laravel Front-end Preset (⭐1.1k) - Front-end preset using Tailwind CSS for Laravel.

• 📟💼 Laravel Dark Front-end Preset (⭐41) - Dark-themed front-end preset using Tailwind CSS for Laravel.

• 🚀 Create React App with EmotionJS (⭐28) - CRA boilerplate using Tailwind CSS and Emotion JS.

• 📟 Create React App with TypeScript (⭐109) - CRA template with support for Tailwind CSS and TypeScript.

• 🚀 Tailwind CSS Boilerplate (⭐100) - Tailwind CSS boilerplate using Parcel.

• 🚀 Jekyll Starter (⭐244) - Jekyll starter using Tailwind CSS.

• 🚀 Jekyll Starter (⭐109) - Jekyll starter using Tailwind CSS.

• 🚀 Gulp Starter (⭐97) - Gulp starter using Tailwind CSS.

• 🚀 Gatsby Starter (⭐499) - Gatsby starter using Tailwind CSS.

• 🚀 Gatsby Starter Simplicity (⭐26) - Gatsby starter using Tailwind CSS.

• 🚀 Gatsby Starter + Emotion JS (⭐39) - Gatsby starter using Tailwind CSS and Emotion JS.

• 🚀 Gatsby Starter Opinionated (⭐0) - Gatsby starter using Tailwind CSS and opinionated goodies.

• 🚀 Create React App Boilerplate (⭐109) - CRA boilerplate using Tailwind CSS.

• 🚀 Create React App with PurgeCSS + Autoprefixer + CSSNano (⭐10) - CRA boilerplate using CSS Nano.

• 🚀 Dogpatch (⭐50) - WordPress starter using Webpack, Vue, Babel and Tailwind CSS.

• 🚀 Next.js Starter (⭐346) - Next.js boilerplate using Tailwind CSS.

• 🚀 Sapper & Svelte Starter (⭐79) - Svelte boilerplate using Sapper, Tailwind CSS, Purge CSS, Prettier and ESLint.

• 🚀 Netlify Lambda Starter (⭐8) - Netlify Lambda boilerplate using Tailwind CSS.

• 🚀 Hugo Theme Starter with Tailwind CSS (⭐332) - Hugo theme starter using Tailwind CSS.

• 🚀 Eleventy Web Starter (⭐314) - Starter kit using Eleventy, Tailwind CSS, Webpack and PostCSS.

• 🚀 Nanoc Starter (⭐8) - Nanoc starter using Tailwind CSS.

• 🚀 PostCSS and Browsersync Boilerplate (⭐30) - Boilerplate using CSS Nano.

• 🚀 ParcelJS + TypeScript Boilerplate (⭐8) - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript.

• 🚀 VuePress Tailwind CSS Starter (⭐14) - A VuePress starter using Tailwind CSS.

• 🚀 Gatsby Serif (⭐29) - Gatsby's serif theme using Tailwind CSS.

• 🚀 Seminyak Hugo Theme - Hugo theme using Tailwind CSS.

Open-Source Projects

• Goodwork (⭐1.8k) - Project Management & Collaboration tool.

• Statusfy (⭐2.7k) - Status page system using Tailwind CSS.

• Todolist (⭐142) - To-do list application using Tailwind CSS.

• LeagueStats (⭐362) - Statistics website for League of Legends players.

• SapperCommerce (⭐1k) - E-commerce storefront using Svelte & Tailwind CSS.

• Misiki Books (⭐14) - Book shop using Vue + Moltin + Tailwind CSS.

Learning

• 💙🧪 Plugin Examples (⭐207) - Official plugin examples.

• 🧪 Tailwind Dark Mode Theme Switcher (⭐183) - Switching themes with CSS Custom Properties and Tailwind CSS.

• 🧪 Acquia (⭐20) - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS.

• 🧪 Navbar - Navbar made with Vue.js and Tailwind CSS.

• 🧪 Toggle switch (⭐60) - Switch using Tailwind CSS.

• 🧪 “Open” landing page (⭐116) - “Open” landing page template by Cruip built with Tailwind CSS Boilerplate.

• 🔧 Testing Tailwind CSS plugins with Jest - How to test Tailwind CSS plugins with Jest.

• 🔧 Tailwind CSS with Webpack 4 and PostCSS - How to setup Tailwind CSS with PostCSS and Webpack.

• 🔧 Tailwind CSS with CSS-in-JS - How to use Tailwind CSS with CSS-in-JS.

• 🔧 Tailwind CSS in a Laravel Project - How to setup Tailwind CSS in a Laravel project.

• 🔧 Sage WordPress theme and Tailwind CSS - How to setup Tailwind CSS in Sage.

• 🔧 Tailwind CSS with GatsbyJS - How to use Tailwind CSS with Gatsby.

• 🔧 Tailwind CSS with Phoenix 1.4 - How to setup Tailwind CSS in Phoenix 1.4.

• 🔧 Extend Tailwind CSS - How to Extend Tailwind CSS.

• 🎬 Rebuilding Laravel.io - Rebuilding Laravel.io with Tailwind CSS.

• 🎬 Rebuilding Coinbase - Rebuilding Coinbase with Tailwind CSS [see the Codepen].

• 🎬 Rebuilding Twitter - Rebuilding Twitter with Tailwind CSS [see the CodePen].

• 🎬 Rebuilding YouTube - Rebuilding YouTube with Tailwind CSS.

• 🎬 Rebuilding Netlify - Rebuilding Netlify with Tailwind CSS.

• 🎬 Rebuilding Resolute - Rebuilding Resolute with Tailwind CSS.

• 🎬 Let's Build: Movie Production Landing Page - Building a movie production landing page with Tailwind CSS.

• 🎬 Lets Build: Responsive Navbar - Building a responsive navbar with Tailwind CSS.

• 🎬 Let's Build: Dribbble Shot - Dribbble shot with Tailwind CSS.

• 🎬 Let's Build: Tweet component - Building a Tweet component with Tailwind CSS.

• 🎓 Modal Dialog - Creating a modal dialog with Tailwind CSS.

• 🎓 Building real-world UIs using Tailwind CSS (⭐97) - Building UIs of Shopify, Spotify, Netlify and Atlassian.

• 🎓 Rebuilding FreshBooks - Rebuilding FreshBooks with Tailwind CSS.

• 🎓 Login Page (PingPing) - Creating a login page with Tailwind CSS.

• 🎓 Login Page - Creating a login page with Tailwind CSS.

• 🎓 Vue.js Component with Tailwind and Laravel - Building a Vue.js component in a Laravel project.

• 🎓 Vue.js Modal - Building a customizable modal with Tailwind CSS and Vue.js.

• 🎓 Navigation - Building a navigation with Tailwind CSS.

• 🎓 Forms with Tailwind CSS - How to style a form with Tailwind CSS.

• 🎓 Photo gallery with CSS grids - Building a photo gallery with CSS grids and Tailwind CSS.

• 🎓 Rebuilding Bartik - Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS.

• 🎓 Rebuilding Airbnb's Home Page - Rebuilding Airbnb's Home Page with Tailwind CSS.

• 🎥 Laracasts Weekly Stream: Tailwind

• 🎥 More experimentation with Tailwind CSS

• 🎥 Rebuilding Spotify

• 🎥 Rebuilding Discord

• 🎥 Rebuilding Meetup

14. Awesome Firebase

Mobile

• 🔌 Flamingo (⭐117) - A Firebase Firestore model framework for Dart.

Other / iOS

• 🔧 Flank (⭐634) - Massively parallel Android and iOS test runner for Firebase Test Lab.

• Prev: Sep 02, 2020
• Next: Aug 31, 2020