CSS-Tricks
CodePen
Flexbox Froggy
Can I use
Stack Overflow
DEV.to
A List Apart
CSS Grid Garden
ForthWrite
Superhuman
Gemini
Lavender
Mailmeteor
Spark Mail
ForthWrite is an AI email writing assistant for Gmail and Outlook that learns your writing style from your real sent mail. The more you use it, the more it sounds like you. Get smart drafts in seconds, auto-draft replies before you open your inbox, and maintain your personal voice at scale. Free to start, no credit card required. Works inside Gmail and Outlook on the web.
How it works
ForthWrite captures your tone, sentence rhythm, and sign-offs from your actual sent emails, then uses that profile to generate drafts that match how you write, not a generic AI voice. Every draft you edit or send improves the model over time.
Key features
Who uses it
Professionals who send high volumes of relationship-critical email: lawyers, financial advisors, recruiters, account executives, founders, and anyone who wants their inbox handled without sounding like a chatbot wrote it.
Pricing
Free tier includes 10 drafts per week with no credit card required. Paid plans start at $12/month and include unlimited drafts, custom persona prompts, and auto-draft.
CSS-Tricks ForthWriteForthWrite's answer:
Next.js, React, Supabase, Anthropic Claude, OpenAI, Stripe, Vercel, Chrome Extensions API
ForthWrite's answer:
ForthWrite learns your writing style from your actual sent mail, not a generic prompt. Every draft sounds like you wrote it because it was trained on how you actually write. It also auto-drafts replies before you open your inbox, so your email is partially handled before your day starts.
ForthWrite's answer:
Most AI email tools give you a blank box and a "write for me" button. ForthWrite builds a voice profile from your sent history and gets more accurate with every draft you edit or send. Unlike ChatGPT or Gemini, it works natively inside Gmail and Outlook with no copy-paste. Unlike Lavender, it writes the draft, not just scores it.
ForthWrite's answer:
Professionals who send high volumes of relationship-critical email and cannot afford to sound generic: lawyers, financial advisors, recruiters, account executives, consultants, and founders managing their own inbox.
ForthWrite's answer:
Built out of frustration with AI writing tools that produce text that sounds nothing like the person sending it, and as a way to handle large amounts of daily email. The core insight was that your sent mail is the best training data you already have, and no tool was using it.
I built ForthWrite because I kept sending emails that sounded like they came from the same generic AI as everyone else. After launching it, I still use it for my own inbox every day, which is about the most honest endorsement I can give.
The Chrome extension lives inside Gmail and Outlook on the web. Open a thread, hit Alt+Shift+D, and a draft comes back in your voice, not a template. The free tier is real: 10 drafts per week, no API key, no credit card. Voice matching is included on free, because that is the point.
What keeps it useful compared to Gemini or a chat tab: it learns from what you actually send. Every edit you make before hitting send becomes a signal. Over time the drafts drift closer to how you really write, and the dashboard shows the improvement curve so you can see it happening.
The web compose surface lets you draft from forthwrite.ai without installing anything, useful for people who want to try before committing to the extension.
Standard adds recipient-aware and intent-aware drafting plus AI coaching. Pro adds auto-draft (replies waiting when you open Gmail), batch replies, and Prompt Lab for version-controlling your prompts. Teams adds a shared persona and seat-level analytics.
ForthWrite is not for everyone. If you just need quick replies and tone does not matter, Gemini is free and already in your inbox. ForthWrite is for people where tone does matter: client communication, relationship-driven threads, external correspondence where sounding off costs something real.
Disclosure: I am the founder and use it daily. Happy to answer questions in the comments.
Based on our record, CSS-Tricks seems to be more popular. It has been mentiond 140 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
> Cookie cutter design is what I like. I can compare the companies when they all have the same template for a website. Any reference? Also I do feel like some people prefer animations. Maybe not the Hackernews crowd itself per se. But I think that having two options (or heck three the third one being really just pure html just text no styling maybe some simple markdown) is something good in my opinion. Honestly I... - Source: Hacker News / 5 months ago
While that's true. They could have gone another way without breaking the dependency rules. Padding top and bottom could be relative to parent height and padding left and right could be relative to parent width. They would not be the same. But it would still make sense. It would arguably be more logical than the selected behavior. But the specific example does not even invalidate my point there is a whole website... - Source: Hacker News / 6 months ago
Stay Updated with the Community: The Tailwind CSS community is active. Follow blogs and forums. You'll find new tips and tricks there. CSS-Tricks is a great resource for web coding insights. - Source: dev.to / 7 months ago
CSS-Tricks (https://css-tricks.com/) - When my layouts broke (which was always). - Source: dev.to / 9 months ago
CSS Tricks: Visit CSS-Tricks for lots of tips and examples related to CSS, including how to work with React. - Source: dev.to / over 1 year ago
CodePen - A front end web development playground.
Superhuman - Superhuman is an email management tool.
Flexbox Froggy - A game for learning CSS flexbox
Gemini - Gemini, formerly known as Bard, is a generative artificial intelligence chatbot developed by Google. Based on the large language model (LLM) of the same name, it was launched in 2023 in response to the rise of OpenAI's ChatGPT.
Can I use - Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
Lavender - Realtime coaching for sales emails.
