🚀 ShyRa Web – AI-Powered Website Builder

Khushbu Asati — Wed, 10 Sep 2025 10:48:32 +0000

Hey folks! 👋

I’m excited to share my new project ShyRa Web, an AI-powered website builder that helps you go from idea → design → live website in just a few steps.

👉 Try it here

✨ What is ShyRa Web?

ShyRa Web is a modern AI website builder that makes building and launching websites super simple — even if you’re not a developer.

It comes with ready-to-use TailwindCSS templates, an AI assistant for editing, and export options for React, Next.js, or plain HTML.

🛠 Features

✅ Choose Your Template

Browse modern, responsive templates.
Mix & match sections to create unique designs.

✅ Customize with Ease

Use AI to rewrite text, restyle elements, or redesign layouts.
Edit colors, fonts, images, and layouts instantly.
For devs → live edit in React, Next.js, or HTML.

✅ Preview & Export

Live preview across devices.
Export production-ready code in minutes.

🎯 Why I Built This

As a Frontend Engineer, I often saw how non-developers struggled to build websites without touching code.
ShyRa Web bridges that gap by combining AI + ready-made templates + developer-friendly exports.

It’s useful for:

⚡ Startup founders who want quick MVP landing pages.
🎨 Designers who want responsive mockups.
👩‍💻 Developers who need a starting point with clean, production-ready code.

🌍 Live Demo

👉 ShyRa Web

🔮 What’s Next?

I’m planning to add:

More template categories (e-commerce, SaaS, portfolios).
AI-driven layout suggestions.
One-click CMS integration.

🙌 Feedback Welcome

I’d love to hear your thoughts! 💬

What feature would you like to see next?
Would this help you speed up your workflow?

Drop your feedback below or connect with me on LinkedIn — I’d love to learn from your suggestions and ideas.

✨ Thanks for reading! Hope ShyRa Web helps you build websites faster, smarter, and easier.

Khushbu Asati

Khushbu Asati — Fri, 22 Aug 2025 13:14:37 +0000

Hey DEV Community! 👋

I'm thrilled to share my new portfolio with you all! 🎉 Instead of a traditional project list, I decided to make the portfolio itself the ultimate project—a live showcase of my approach to modern web development. It's a testament to the core principles I live by: performance ⚡, maintainability 🛠️, and user-centric design 😊.

What Makes This Site Special? ✨

This portfolio is a deep dive into my skill set, from architecture to optimization. It demonstrates my ability to build a highly performant, scalable, and beautifully designed user experience.

⚡ The Stack: The site is built on a solid foundation of Next.js, React, and TypeScript. I've used Tailwind CSS and Shadcn UI to create a clean, modern design system that's both beautiful and easy to scale.

🚀 Performance & Architecture: My focus was on more than just the looks. I've applied advanced techniques to ensure a flawless experience, including:

Core Web Vitals Optimization: The site is fine-tuned for a high-performance score 💯.
Streaming SSR: For faster initial loads and a great user experience 👍.
Accessibility (WCAG): Built with accessibility in mind from the ground up.
Design Systems: Using Atomic Design principles to ensure consistency and modularity 🧩.

🤖 Future-Focused: This site also includes some forward-looking features. I’ve incorporated concepts like AI-Powered Generation and LLM Integration into my work, and this site serves as a platform to demonstrate that.

Check It Out! 👀

I'd love for you to explore the work that went into building this. Take a look and let me know your thoughts on the performance, the architecture, or anything else you find interesting.

👉 https://khushbuasati.vercel.app/

I'm curious: What's a key architectural or performance decision you've made on a project that you were particularly proud of? Share your thoughts below! 👇 Let's discuss! 🗣️

DEV Community: Khushbu Asati