Você é um frontend RUIM (e tá na hora de ver isso)

@eusoudevx

5.7K followers · usually 2.9K views a post

Views

68.4K

Likes

4.9K

Comments

106

Shares

260

SoundTikTok sound · original sound - eusoudevx

Promoted product

Motion.devmotion.dev

Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.

Why it worked

The video uses a provocative, high-energy hook that challenges the viewer's professional competence, which is highly effective for engagement in the developer community.

Summary

The creator critiques poor frontend development practices, emphasizing the importance of using references and professional tools. He highlights Motion.dev and saaslandingpage.com as resources to improve design and conversion.

Structure

1Aggressive hook calling out bad frontend skills
2Explaining the lack of references as the root cause
3Introducing Motion.dev for animations
4Recommending saaslandingpage.com for structure

Original caption

Frontend bom sabe que design bonito não sai da cabeça. Sai de referência, estudo visual e boas ferramentas. Se você ainda não entendeu isso, esse vídeo é pra você #programador #verdades #saas #startup #empreendedorismo #frontend

More from @eusoudevx

Product placement

Motion.dev is mentioned as a tool for animations, and saaslandingpage.com is mentioned as a resource for structure.

Call to action

Quero saber aqui nos comentários, você realmente tá criando algo foda ou tá começando a codar no vazio? Fala aí.

On-screen text

Você é um frontend RUIM (e tá na hora de ver isso) The Gateway to Solana-AI Tars Springs Motion.dev The AI Architecture Protocol on Solana AI Market Nexus One Platform, Endless Possibilities

Transcript

Olha isso aqui. É por isso que o teu site parece um projeto de faculdade. Você é um frontend horrível e o motivo é muito simples, você não tem referência nenhuma. Você fica montando layout do nada, fica tentando reinventar a roda e o resultado é sempre o mesmo, uma merda. Esse aqui é o motion.dev, ele tem animações prontas para transformar qualquer dessas merdas que você faz num site moderno e fluido, mas você nunca ouviu isso, né? Esse aqui é o saaslandingpage.com, site real de empresas reais, pensado na estrutura para conversão e você aí pensando aonde vai o botão. E o Dribbble não é só para design, é para você entender proporção, hierarquia, estrutura, contraste. Você precisa parar de fingir que frontend é só CSS. Se você ainda tá criando layout sem nenhuma referência, você não tá criando, você tá chutando e isso te deixa invisível no mercado. Quero saber aqui nos comentários, você realmente tá criando algo foda ou tá começando a codar no vazio? Fala aí.