Issue #677 (CSS/HTML, Git/CLI, Mobile Tools)07/09/26
|
CSS & HTML Tools
NoLoJS — An organic and expanding collection of common JavaScript patterns that can be replaced with just HTML, CSS, and no, or very low, JavaScript.
Precise Type — A web-based type scale tool that lets you customize modular or metric-based type scales, with info on the models behind font size, line height, and letter spacing, and exports for CSV and CSS.
The Deep View — The go-to daily newsletter for founders, knowledge workers and professionals who want to stay up to date with artificial intelligence. Join 760k+ subscribers today. SPONSORED
Mockdown — A browser-based ASCII wireframe creator that has functions for "drawing" ASCII layouts with text, boxes, lines, arrows, buttons, cards, and more.
Palette Inspiration — A directory of 23,000+ color palettes inspired by thousands of 3000+ master artists from the Renaissance to impressionist art, with advanced tools for viewing, customizing, and analyzing the colors and palettes.
PolyCSS — A CSS 3D engine to render textured 3D meshes in the DOM with by leveraging matrix3d transforms, no WebGL or <canvas> needed, and support for OBJ, glTF, GLB, and MagicaVoxel VOX files.
Live Font Generator — A web tool that transforms any text into fancy text that you can copy and paste anywhere, with categories like decorative, Unicode, dark/gothic, cute/fun, etc.
MJML — An older framework that many consider the go-to choice for creating responsive, cross-client emails, featuring a semantic syntax.
Ikiform — A modern, AI-powered form builder and analytics platform that allows users to create, manage, and analyze forms with advanced features such as AI-assisted form creation, analytics, and integrations.
|
Git, GitHub & CLI Tools
snipgrapher — A CLI tool to generate image snippets from code files, stdin, or inline source, using Shiki-based syntax highlighting with a built-in fallback tokenizer.
git-fire — An all-in-one repository lifecycle management tool, offering one entry point for multi-repository checkpoints with dry-run, registry repeatability, secret-aware logging, and a Bubble Tea TUI.
aivo — A command-line tool that connects your existing coding agent to the model you want, offering starter models to get you going and no API key required.
OpenCLI — Turn websites, browser sessions, Electron apps, and local tools into deterministic interfaces for humans and AI agents, to enable you to navigate, fill forms, click, extract, automate.
David Burkus Newsletter — Join 25,000 other leaders who receive David's twice-monthly tips on building high-performing teams. SPONSORED
ktea — A Kafka TUI client designed to simplify and accelerate interactions with Kafka clusters (the distributed event streaming platform).
TUI Studio — A Figma-like visual editor for TUI applications, allowing you to drag-and-drop components and edit properties in real-time, with support for Windows, Mac, and Docker.
 |
Repo Prompt — A native macOS context engineering app for AI coding agents, with an MCP CLI, helping coding agents understand your codebase before they act.
treemd — A TUI/CLI markdown navigator with tree-based structural navigation, enabling you to navigate markdown documents using an expandable/collapsible heading tree with a synchronized content view.
|
Design, Build, & Ship AI Agents Faster with Codex
Join Packt’s live, hands-on workshop and learn how to use OpenAI Codex to build AI agents and AI-powered software with greater speed, structure, and confidence.
Across 10 real-world workflows, you’ll design and develop intelligent agents while exploring how to create features, write tests, debug issues, review AI-generated code, refactor safely, and prepare production-ready handoffs.
Ideal for developers, technical leads, and builders ready to move beyond demos into practical AI development. Use code WEB40 to get an exclusive 40% off your pass. Limited seats available.
Claim Your 40% Discount! 🡺
|
React Native Tools
react-native-morph-card — A native card-to-modal morph transition for React Native, to smoothly animate a card from a list into a fullscreen detail view, morphing size, position, and corner radius, then collapsing back.
React Native ExecuTorch — A declarative way to run AI models on-device using React Native, powered by ExecuTorch (the popular Python/PyTorch solution).
TLDR Dev — Get smarter about software in 5 minutes. The most important software engineering news in one daily email. Join 470k+ subscribers today. SPONSORED
react-native-ultra-base64 — A base64 encoding/decoding library for React Native, offering ultra-fast base64 operations powered by optimized C++ with JSI bindings.
reactnative.run — An open source, browser-based development environment for React Native apps, to write, bundle, and preview React Native (web) apps entirely in the browser, with no installs required.
Number Flow React Native — A powerful animated number component for React Native featuring digit-by-digit rolling counter, currency ticker, time display, and odometer with View-based and Skia renderers, plus full Intl.NumberFormat support.
react-native-quick-crypto — A next-generation cryptography library for React Native with full Node.js API compatibility.
react-native-enriched-markdown — A React Native library that renders Markdown content as native text and provides a rich text input with Markdown output.
react-native-ease — A lightweight, declarative animations solution for React Native, powered by platform APIs and uses Core Animation on iOS and Animator on Android, with zero JS overhead.
|
|
Commercial Apps & Classifieds
shiply.now – A platform to ship any app to a live URL with database, custom domain & server functions.
|
|
Tech Productivity – A brief newsletter for tech professionals who want to get stuff done. AD
|
Screen Ruler – Chrome extension to inspect elements, measure distances, edit pages, and more.
|
|
StyleBop – A visual CSS editor for Mac, to browse stylesheets as node diagrams, edit variables, etc.
|
The Deep View – Join 760k+ founders and knowledge workers to stay up to date with AI. AD
|
|
Sleek – Describe your app idea or attach an image to generate iOS and Android designs for Figma.
|
Nativeline – A Mac app to build native Swift iPhone, iPad, and Mac apps with AI.
|
|
|
A Social Post for Thought
An interesting theory that the reason programming is so powerful with AI is because programming has been shared openly for decades now. Is this not as true for more closed industries?
Send Me Your Tools!
Made something? Reply to this email or send links via Direct Message on X or via chat on Bluesky (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...
ChartRank lets you see any song from 3000+ artists, ranked by total streams, daily plays, or popularity.
Thanks to all for subscribing and reading!
Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris
|
|