I’ve been building Routeveil, an open-source React + TypeScript transition engine for React Router.

The goal was to keep transition state and animation timing out of individual route components.

Routeveil coordinates the full navigation lifecycle:

1. animate the current route out

2. commit the navigation

3. wait for the next route to render

4. animate the new route in

5. restore interaction and clean everything up

The basic setup looks like this:

<RouteveilProvider>

<Header />

<RouteveilView>

<Routes />

</RouteveilView>

<Footer />

</RouteveilProvider>

Then transitions are selected per navigation:

<RouteveilLink

to="/docs"

transition="slide"

transitionOptions={{ direction: 'left' }}

>

Documentation

</RouteveilLink>

It currently includes:

- 8 page transitions

- 12 full-screen overlay transitions

- typed transition-specific options

- declarative and programmatic navigation

- transition playback without navigation

- cursor-aware origins

- reduced-motion handling

- custom transition definitions

- safe recovery when a transition fails or navigation changes unexpectedly

For overlapping Routeveil requests, I currently use an ignore-while-active policy rather than trying to cancel and replace the running transition.

Live demo:

https://routeveil.dev

GitHub:

https://github.com/milkevich/routeveil

I’d appreciate feedback on the API and lifecycle, especially around interrupted navigation, focus handling, and whether this abstraction would actually be useful in a real React Router app.

Hey all! Any advice for a beginner? I can do basic things and really want to learn the right way the first time. Any advice, videos or anything you’re willing to share I’d appreciate.

Hi, I am working on a side project out of personal passion for it. I come from a heavy software engineering background, BUT no design experience at all. So of course I used Claude Design to come up with this landing page except the content, copy text is all from me.

I am looking for honest, critical feedback about the landing page specifically - not much about the product itself, and also ignore the name "picklecan" for now, that is not decided yet.

Just to trigger some thoughts...

1. In the first 5 seconds, is it clear what the site actually does?
2. Is it clear for whom this is for?
3. Is it clear what problem it is solving?
4. Does it feel generic, or long or crowded?
5. For this kind of an app, does it have the right taste?

What should I do/change to bring it to next level?

What it is: The app is a reader for any travel article you paste in and plots every place it mentions on a map next to the text, so you're not tab-switching to maps every time an article says "grab coffee at X, then walk to Y." It's aimed at people planning a trip who are reading blog posts / guides and want the geography to click without manual lookup. I am building it out of personal pain point, and my sister loves it so far 😄

Here is the link: https://picklecan.com

I appreciate your feedback!

Hey guys, so I wanted to share something here that I am quite excited to share. I've spent the last few weeks recording and putting it all together and I just released it yesterday. A quick introduction I am a web designer, copywriter and marketer with over 10 years of experience in the field.

I run my own web design business that off both referrals as well as my own outreach. And over the last year and half I have also been building web applications using no code tools like base44.

I know some of you will still argue that they don't work or overhyped etc And sure they are not perfect, can sometimes make silly mistakes and require checking over things properly. But with the right mindset and approach you can create some pretty powerful things. Especially from the stand point of internal tools (which is what this post is about)

And so I started with building very small applications applying my background and knowledge along with understanding of prompting. And was quite blown away with what I began to achieve once I got a handle on the quirks.

Fast forward and I now have my own SAAS I sell alongside my web design services to further add value to business owners. Along with also building my own internal tools the most powerful of which has been building my own CRM and lead finder. As some of you may know from being in this space.

Often the hardest thing isn't the web design itself. Its actually finding the clients. We all dream of a complete referral flywheel. But in reality that takes time to build and you can still have slow months for that.

So unless you're going to do paid Ads outreach is necessary. Now for those who have done it I am sure you know how tedious it is both finding businesses to reach out to as well as keep track of everything.

And so I as I began to familirise myself with building web applications I thought I wonder if I could build my own CRM and lead finder? And after a lot of hours back and forth I was able to.

Not only can I now keep track of leads all in one place but I also built in my own web scraper that allows me to find 10 -30 businesses in seconds for web design and redesign. I even have the ability to exclusively scrape for "no website" which has been a game changer for me for finding clients.

I also built in a screenshot to lead uploader so I can literally quickly take an screenshot of a facebook or instagram page and it extracts all the info and puts it into my CRM for me. Long story short it has been one of the most valuable things I have ever used in my business.

And so after using it for a few months now I decided I wanted to share it with others.

Not selling it but actually teaching people how to do it for themselves. I quickly came to realise how basic so many of the tutorials on Youtube , often building things with no real useablity or being overly hypey about AI.

I decided I wanted to create a proper tutorial. One that doesn't hype things up but steps people through exactly what is needed to create a real app with value. And thats what I did. Its 2 hours long and goes into everything step by step.

Including:

- An AI Lead Finder (using a web scaper)
- A CRM & Lead Management
- Lead Scoring, Priority & Tracking System
- Screenshot Capture to lead import
- Import Leads from CSV
- Sales Pipeline Tracking
- Full Statistics Dashboard

My aim was to make it as valuable as possible and no matter what type of web designer you are or what platform you use i.e wordpress, webflow, framer, AI etc. Will give you a powerful tool to support your business.

If that sounds of value to you you can find it by Youtube Searching:

Build an AI CRM & Lead Finder with Base44 (Full Tutorial)

Under Isaac Design.

Hopefully this is of value to some here. Or at the very least gives you inspiration for ideas for your own business :)

Why Figma-to-Code Projects Fail QA (And How to Avoid Launch Problems)

A Figma design can look perfect. The code can compile. The demo can impress the client. And the project can still fail QA before launch.

This is becoming more common with AI-assisted development and faster design-to-code workflows. Teams can move from idea to prototype incredibly quickly, but the gap between a visual prototype and a production-ready product is where most problems appear.

The question is no longer "Can we turn Figma into code?" The better question is "Can the generated code survive real users, devices, browsers, and future updates?"

Here are the biggest reasons Figma-to-code projects run into QA problems.

1. The design looks complete, but the system behind it is not

One of the biggest mistakes is treating Figma as the entire product specification.

A design file shows colors, spacing, layouts, and components. But it usually does not define:

• Error states
• Loading behavior
• Edge cases
• Accessibility requirements
• Responsive logic
• Content variations

A page can match the design perfectly and still fail when users enter unexpected data, screens resize, content becomes longer, or integrations return errors.

Good QA starts before development, not after it.

2. AI and rapid coding tools create fast prototypes, not always production systems

Tools like Lovable, v0, Bolt, and similar platforms are excellent for exploring ideas. The problem starts when teams assume the prototype is already a finished product.

Common gaps include:

• Inconsistent components
• Missing reusable architecture
• Weak CMS structure
• Poor SEO foundations
• Limited testing coverage

The prototype answers "What could this look like?" Production requires answering "Will this still work six months after launch?"

3. The design-to-code handoff is where quality often breaks

A strong Figma file does not automatically create a strong frontend. The most common issues:

• Developers interpret components differently
• Spacing changes between pages
• Mobile layouts are treated as an afterthought
• Reusable elements become duplicated code
• Animations and interactions are inconsistent

Without a proper design system, every new page increases maintenance costs.

4. QA should validate the foundation, not just find visual bugs

Many teams define QA as "Does it look like Figma?" That is only one part. A proper production review should check:

Functionality - Do forms work? Do interactions behave correctly? Are error states handled?

Performance - Does the site load quickly? Does it work on slower devices?

Accessibility - Can users navigate with keyboards? Are semantic structures correct?

Technical stability - Is the code maintainable? Can future developers safely extend it?

One case I saw recently: a product startup had AI-generated concepts that helped explore ideas quickly, but the output lacked the structure needed for production - consistent design logic, reusable components, CMS architecture, and SEO-ready implementation. A dev team transformed the prototype into a production website with a Figma design system, Next.js frontend, Sanity CMS, and launch preparation completed within five weeks.

The important takeaway: the problem was not creating the prototype. The problem was turning the prototype into something reliable.

For those shipping Figma-to-code projects: what's the most common QA issue you keep running into before launch?

Really don't need a full app landing page to much but something that shows people what the app is about and I did finish the web yesterday. Would like anyone to give feedback on it what to improve and and how to get more users to see. Thanks for the feedback!

https://murkd-landing.vercel.app/

FYI - this section is made from a reference image i found on pinterest.

A few years back I came across this really nice website that was black and white with these beautiful subtle animated cards with different cursor effects. It was Wizard or magician or something like that. Anyone know what I’m talking about? 😅

Hey Guys!

I just published a Free and open source alternative to Google docs that runs entirely local (or in browserDB) that also has AI feautures like: Fix grammar, improve text, real time document analysis, format etc.

It also has themes and dark mode.

• ✍️ Rich text editor (TipTap) — headings, lists, quotes, code, links, emoji, images, page breaks
• 🤖 AI review — grammar fixes, style suggestions, highlights, and circled passages you accept or dismiss
• 🖊️ Human markup tools — highlight, colored underline, circle, all as real document marks
• 💬 Notes — Google-Docs-style comments anchored to text, in a right-side panel
• 🖼️ Images — insert, paste, or drag-and-drop; stored on disk beside your docs
• 📄 Pages & typography — continuous or paginated (A4/Letter), free-form width, four document fonts, text-size control
• 📁 Folders & library — a Home dashboard and a card-grid /documents view
• 📤 Export — Markdown, Word (.docx), HTML, plain text, and PDF
• 📥 Import — Markdown, text, HTML, and Word (.docx)
• 🌗 Themes — light, dark, midnight, reading, forest — all token-driven

If you have the time to check it out, i would love some feedback

I haven't built any WordPress sites in a while, and years ago I used Elementor as my page builder. Is it still the best page builder for WordPress today? Or are there better alternatives?

Hi guys tried to replicate this style but can someone guide me on how to call & create this style of asset of the background?

https://itscraft.com

It's a study planner and I've spent the past 6 ish months building it. I am really out of ideas on what to add. Any feedback/critique is appreciated.

Responsive is pending please view in desktop

Thanks to vibecoding, landing pages nowadays are almost identical.

Did you see any creative design not so AI tasting landing pages?

Disclosure: I'm the developer, so read this as "here's a thing I made," not an unbiased review.

If you've ever gotten a brief that's basically "make it look like this" with a link and nothing else, you know the drill — click through DevTools element by element, write hex codes down by hand, guess at the fonts, eyeball whether the text passes contrast. I got tired of that and built PeekCSS to shortcut it.

It's a Firefox/Chrome extension: hover any element for its full computed CSS, or run a page-wide scan that pulls the whole color palette and every font in one pass, each tallied by usage so you can tell the primary brand color from a one-off accent. Every color pair gets an AA/AAA contrast badge automatically, so accessibility issues show up while you're looking, not after a client complaint. Palettes export to CSS variables, SCSS, JSON, or Tailwind.

Free tier covers hover inspection and contrast checking with no account. The full palette/font scan needs a free account; export and bulk asset download are the paid part (for the day-to-day heavy lifters xD)

For the devs here who do a lot of "recreate this reference site" work — what's usually the most annoying part of that process for you? Curious if I'm missing something obvious.

Support is out for most browsers, if you wanna check it out, i'd be forever grateful for some feedback and improvement suggestions: https://peekcss.com

Mobile first web design was the worst decision ever in the history or web design.

If you know, you know. I’ll die on this hill.

i built this website for a real estate agent. designed and completed in ±2 weeks. its minimal but not low tier

Having worked with agencies on white-label projects over an extended period, this isn't new territory for us. We've gained hands-on experience across a wide range of projects.

What we've been working on :

- AI automations & chatbots

- Internal business tools & dashboards

- Custom web apps & SaaS

- Websites & landing pages

- White-Label Web Development

- Workflow Automation

- Custom Web Applications

- API Integrations

- Business Systems

- Performance & Workflow Optimization

We've also built a couple of tools along the way:

- Scrapworld — runs and filters multiple searches in one go

- PreYT — analyzes a YouTube video before upload and turns it into a short version automatically.

If you don't want an in-house dev team or need overflow capacity, drop a comment or DM — happy to work out a split based on the project.

I'm working on a website for a yoga teacher who is just starting out, and I've been thinking about how easy it is to overbuild a website for a small service business.

At first, the instinct is to add everything: multiple pages, a blog, testimonials, class schedules, booking forms, email capture, SEO features, and so on. But for someone who mainly needs to explain who they are, what they teach, where they teach, and how people can book a class, I'm starting to wonder if a simple, well-structured website is actually the better approach.

For those who design websites for solo professionals or small service businesses, what do you consider the essential pages and features?

And what do you usually leave out because it adds complexity without really helping the client?

Community based wireless carrier review & forum.

I've always been frustrated that cell coverage maps don't match what you actually experience.

A neighborhood can have great service on one street and terrible service two miles away, but the official maps usually show everything as "covered."

So I built a baseline version ofCellIntel (https://getcellintel.com), a community-driven wireless coverage map where people can leave real reviews for their exact location.
I have recently made some UI enhancements.

Current features:

- Search by ZIP code or city

- See community ratings for AT&T, Verizon, and T-Mobile

- Leave location-specific reviews

- Active discussions in community forums.

- Compare real experiences instead of carrier marketing

It's still an early version, so I'm looking for honest feedback.

- Is this something you'd actually use before switching carriers?

- What features would make it more useful?

- Anything that's confusing or broken?

-Opinions or overall design?

No pressure to sign up—I'm just trying to build something that helps people make better decisions about wireless service.

Any feedback would be greatly appreciated. Thank you for your time!

I recently got a freelance opportunity to help someone redesign their website. Since I don't have a lot of availability I asked some friends for help and split the money.

But I might have asked too many, a now a lot of desperate people want to play a part.

This is my first project so I will keep the rate the bare minimum like idk 1k for the entire site? But is 4 people a good number for max?

I love to be able to build a website like this. I’ve been a Salesforce developer for years and dabbled in web design, I’ve gone from Squarespace because that’s what worked for my clients but it was way too limiting. I now use Elementor & Wordpress but I’m also feeling a bit limited when wanting to create a beautiful site like this. I want to learn how to achieve something like this but lost with the custom code and where to start. How do I start learning this in Wordpress? Any good education pieces online people can recommend?

I just finished the homepage mockup for my web design agency, fieldsitestudio, and would love some honest feedback. Please be as critical as possible on the UI, layout, branding, and overall design. Thanks.

I'm looking for a way to plugin this into a site. Basically a membership base system that handles these functions. I'd prefer an existing SaaS.

Membership
Scheduling
Request Service
Communication - notifications, mail broadcasts
Payments
Mobile App