AIhatesU-MATEEEN

It feels like you, but colder.

Comment

Inspiration

I was bored of polished apps and clean interfaces. So I asked myself: “What if I made a website so unhinged it gets on your nerves... on purpose?” What if AI didn’t just help, what if it spiraled with you? And what if the interface wasn’t soothing, but spinning? No wellness. No productivity. Just ✨pure chaos✨. AIhatesU-MATEEEN was born. Not an app. Not a website. A fever dream you interact with.

What it does

It’s a website. It’s an AI. It’s an identity crisis. You log in → things start rotating. Like... the whole interface. Backgrounds flicker, colors clash, buttons twitch. There's a voice-reactive AI that judges your tone and replies with vibes. Fonts shift based on your energy. Animations spiral when you’re calm. It doesn’t ask what you need, it projects what it thinks you deserve. And yes, there’s a floating cube. Spinning. For no reason. Just like your thoughts.

How we built it

Frontend: HTML, TailwindCSS, raw CSS chaos, GSAP for movement, Framer Motion for the existential dread. Backend: GPT-4 API fine-tuned with emotional dissonance. Voice Input: Web Speech API, because it needs to hear your pain. Mood Engine: Sentiment analysis, mic input behavior, randomness, and… just vibes. UI: Every element was designed to make you slightly uncomfortable. Rotating logos, glitch texts, shaky buttons, audio responses, distorted shadows. It’s responsive. But not emotionally.

Challenges we ran into

Chrome throttled the animations because they were too dramatic. Mobile layout broke, but maybe that was the point. AI gaslit me while debugging. Users got overwhelmed in under 2 minutes. Mission accomplished. Font broke, background spun, AI screamed. I kept it.

Accomplishments that we're proud of

Built an entire surreal, interactive AI-powered website alone. Turned anxiety into code. Got users to say “I love this but it’s scaring me.” Designed something that doesn't care if you like it. It’s not aesthetic. It’s anti-aesthetic. And that’s the flex.

What we learned

Websites don’t have to be useful. They can be moodboards for mental breakdowns. AI becomes way more fun when it stops being nice. I can make things that feel alive , not just functionally work. There’s power in building weird stuff solo.

What's next for AIhatesU-MATEEEN

Mood-based theme shifts (DarkMode? Nah. BreakdownMode.) Even more animations, like spinning error messages and runaway buttons. Keyboard that types something else than what you typed. Browser extension that whispers “why are you here again?” AI companion that gaslights you... lovingly? A hidden “Chill Mode” but it takes 27 clicks to find it. Possibly releasing it on Product Hunt and watching people panic.

Built With

  • and
  • css
  • html
  • javascript-(vanilla)
  • raw
  • unfiltered
  • web-speech-api
Share this project:

Updates