What are the best A...
 
Notifications
Clear all

What are the best AI tools for front-end web development?

5 Posts
6 Users
0 Reactions
3 Views
0
Topic starter

Ive been staring at my VS Code for like three hours today just trying to figure out if there is a faster way to handle all this repetitive boilerplate. Im currently building a site for a local sourdough bakery here in Portland and the deadline is super tight, I basically have to get the whole front-end finished in three weeks while also working my day job. I keep seeing all these ads and tweets about AI tools for front-end developers but honestly it is getting kind of overwhelming trying to sort through what is actually useful and what is just a wrapper for GPT-4 with a shiny UI.

I did a little bit of digging and tried GitHub Copilot for a week or two but I found it keeps suggesting deprecated libraries or just hallucinating weird CSS properties that dont even exist. Then I saw v0.dev from Vercel and it looks amazing for generating UI components quickly, but I am worried it is gonna produce really messy code that I will spend more time fixing than if I just wrote it myself from scratch. I read one thread saying it is a lifesaver for Tailwind but another guy said the accessibility is terrible so I am torn.

I really need to figure out a workflow that doesnt involve me manually writing every single div and flexbox property for the 50th time this month. Here is what I am looking for:

  • Budget: I want to keep it under $20 a month total if possible since this is a small freelance gig.
  • Tech Stack: I am using React and Tailwind CSS for this project.
  • Ease of Use: I am decent with Javascript but I am not a senior dev by any means so something that explains the logic would be a huge plus.
  • Primary Use: Mostly need help with responsive layouts and making complex forms that actually look good.

Are people actually using these tools to build entire pages or is it just for small snippets? Like is Cursor actually better than just using VS Code with a few plugins? I heard people raving about it but I dont want to switch my whole editor if it is just a reskinned version of what I already have. What are you guys actually using in your daily workflow that doesnt produce total garbage code...


10

Just saw this thread and honestly, you gotta be careful with those full-page generators. I tried using one for a client site last month and it spit out some really weird z-index issues and layout shifts that took me forever to find. If you're on a tight deadline for that bakery, I would suggest checking out Cursor AI Code Editor Pro Plan but dont let it drive the whole process. I have found it is way safer to write your basic structure first and then use the AI to fill in the tedious Tailwind parts. One quick tip: make sure to double-check the accessibility tags it generates. Every time I've used AI for forms, it misses labels or messes up the tab order. I usually keep Tailwind Labs Tailwind CSS IntelliSense Plugin running alongside it just to make sure the suggestions arent total hallucinations. It is much better at refactoring your existing logic than building a whole responsive page from a single prompt tbh.


Share: