Web Tools #395 - Frameworks, Tailwind, React, SVG, Icons

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #395 • February 11, 2021

Advertisement
Wynter Research Panels
Want to give back to the community while having a low-key side hustle ($90-$180/hr) to fund your habit? Wynter is looking for people to join its research panel. Take industry surveys, be compensated every time you do it. Takes ~10-15 min to be part of one test, low-key time commitment.
Learn more about the research panels
Wynter Research Panels

Developer Guido Zuidhof put together an interesting appeal to the software community called No Free Plan. I encourage you to read it if you haven't done so already.

I have mixed feelings about his message, which is more or less that SaaS products shouldn't offer a free-forever plan due to the high costs involved with little return.

No Free Plan

I constantly research new tools and software products for this newsletter, so I see this all the time. Lots of products have a free tier and this is often assumed to be a way to convert users to the paid tiers.

The Hacker News discussion has some interesting thoughts, but I'm not big on small anecdotal bits of evidence. That being said, one commenter made a good point:

"I think the most important question is who created this page and if they have any kind of success with their SaaS in a way Bitrix24, Slack, Trello, Notion or Miro do, which all have lifetime free plans and millions of users."

It's true. Do Trello, Slack, and Notion regret doing the free-forever thing? I doubt it.

I'm guessing the intention of the author is with regards to smaller startups and one-person operations that don't ever intend to be as big as Slack or Trello. I think in that case it's good advice.
 

Now on to this week's tools!

Front-end Frameworks

Wynter Research Panels
Want to give back to the community while having a low-key side hustle ($90-$180/hr) to fund your habit? Wynter is looking for people to join its research panel. Take industry surveys, be compensated every time you do it. Takes ~10-15 min to be part of one test, low-key time commitment. sponsored 

Luxa CSS
A lightweight CSS library with predefined component classes along with modifier classes, appropriate for any development context.

SPCSS
A simple, minimal, classless stylesheet for simple mostly text-based HTML pages.

Polaris
A design system from Shopify for Shopify pages, to build a great experience for merchants. There's also React components and a Figma UI kit.

Tailwind Components
A repository of community-built open source Tailwind UI components and templates to bootstrap your new apps, projects or landing pages.

Tailwind Components

Taiga UI
A powerful set of customizable open source components for Angular.

Software Developer Folio
A clean, beautiful, and responsive portfolio template for software developers, engineers, etc.

Virtual Event Starter Kit
An open source demo that Next.js developers can clone, deploy, and fully customize for online events.

Mistral
A set of 100+ color-customizable components built with Tailwind 2.0. Includes many free components or pay a modest price for the full set.

React UI Boutique
Hundreds of beautiful and responsive UI components, built with Chakra and Framer Motion, and ready to use for your next React project.

Demo-Project
A full-stack opinionated starter kit for a TypeScript application.

7.css
A design system that looks like Windows 7's GUI, for building faithful recreations of old UIs.

Media Tools (SVG, Icon Sets, etc.)

Tech Productivity Newsletter
A brief weekly newsletter sent out every Monday that features productivity tools and articles on efficiency, well-being, remote work, and more.   promoted

doodad
Generator to create unique, seamless, royalty-free patterns that you can download in SVG, JPEG, PNG, or CSS (using data URI).

Iconduck
A search engine of 100,000+ open source icons and illustrations, indexed via keyword.

Oasis Engine
A web-first and mobile-first high-performance real-time development platform that includes an advanced 2D + 3D graphics engine and animation system.

12PNG.com
A search engine with access to over 4 million PNG images, that says it's for personal use only, and commercial projects require contacting the uploader.

Glyphs
Thousands of fully editable and open source icons built with Figma, embeddable in SVG or as web components.

Glyphs

three-material-editor
A Three.js scene editor with support for React and plain JavaScript builds.

Project Lightspeed
A self contained OBS / FTL / WebRTC live streaming server for live streaming OBS to the browser.

Cinematic Studio
An advanced video editor for Windows, free while in Beta.

Weather Icons
200+ weather-themed icons, as icon fonts, with accompanying CSS.

react-xr
React components and hooks for creating VR/AR applications with react-three-fiber.

vdx
An intuitive CLI for processing video, powered by FFmpeg and Node. Crop, trim, resize, reverse, rotate, remove audio, change the speed, and more.
 

React Tools

React-Menu
React component for building accessible menus, dropdowns, submenus, context menus, and more.

Unform
A performance-focused API for creating powerful form experiences for both React and React Native. Using hooks, you can build lightweight and composable forms based on ultra-extensible components.

dnd kit
A lightweight, performant, accessible and extensible drag-and-drop toolkit for React.
 
dnd kit

Procedural GL React
A library for creating 3D map experiences, written in JavaScript and WebGL and built on top of Three.js.

react-laag
Hooks to build tooltips, dropdown menus, and popovers in React.

Focus Rings
A centralized system for displaying and stylizing focus indicators anywhere on a webpage.

G2Plot React
React version of G2Plot, an interactive and responsive charting library based on the grammar of graphics.

React Number Easing
React component for fancy number transitions.

React Google Maps API
A rewrite of the unmaintained react-google-maps library, providing simple bindings to the Google Maps API so you can use it in your app as React components.

use-screen-size
React Hook that helps you write conditional code based on screen size, get the screen size value, etc., using plain JavaScript.

RELEASE RADAR:

A Tweet for Thought

Clearly programmers aren't the only ones who work with reusable modules and components.

A Tweet for Thought
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

Here's something you didn't know you needed: gitmoji – an emoji guide for your commit messages.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@WebToolsWeekly

Support this newsletter:
PayPal.me  Patreon / GitHub Sponsors  E-Books

Older messages

Web Tools #394 - CSS Tools, Icon Sets, Vue Tools

Thursday, February 4, 2021

Web Tools Weekly WEB VERSION Issue #394 • February 4, 2021 The following intro is a paid product review for Snyk, a free platform and toolset for building secure cloud native apps. Large-scale code

Web Tools #393 - JS Utilities, Testing Tools, Jamstack

Thursday, January 28, 2021

Web Tools Weekly WEB VERSION Issue #393 • January 28, 2021 Advertisement The Free Modern Jira Alternative for Teams Tara AI is the simplest free product development tool, designed for teams moving

Web Tools #392 - CSS Tools, VS Code & IDEs, Build Tools

Thursday, January 21, 2021

Web Tools Weekly WEB VERSION Issue #392 • January 21, 2021 In case you missed it back in November, Addy Osmani wrote about a new unofficial specification called the JavaScript Self-Profiling API. This

Web Tools #391 - JS Libraries, JSON/DB, Uncategorizables

Friday, January 15, 2021

Web Tools Weekly WEB VERSION Issue #391 • January 14, 2021 Advertisement Preflect Surveys Websites of all types use Preflect to create fast on-site surveys. Learn more about your visitors, optimize for

Web Tools #390 - Frontend Frameworks, Testing Tools, Media

Thursday, January 7, 2021

Web Tools Weekly WEB VERSION Issue #390 • January 7, 2021 Promotion Frontendor UI Library A UI library to build beautiful and professional landing pages. Includes 100+ UI Blocks & 6+ Templates. Add

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your