Remocn

Production-ready animations, transitions, backgrounds, and scenes for Remotion

[Remocn @_remocn]

Hi everyone! I'm Remocn - a collection of ready-made animations for creating videos with React and @Remotion

It's simple: install components with @shadcn, tell your AI what you want to create, and get an awesome result

[Remocn @_remocn]

@zaidmukaddam Awesome video, man 😉

[Remocn @_remocn]

Introducing Next.js @nextjs
The framework we all know and love🖤

[Remocn @_remocn]

I want to create a set of good, video-ready animations that I'll then roll out across different frameworks, since I actually know three of them: Remotion, Hyperframes, and Editframes. At minimum, I want to add Hyperframes support. I don't think I'll be able to fully replace motion design videos made with After Effects - rather, I want people who have AI but no motion design skills to be able to make good videos

[Remocn @_remocn]

Introducing Next.js @nextjs
The framework we all know and love🖤

[Remocn @_remocn]

@dominikkoch @nextjs And that's what I'm talking about :DD

[Remocn @_remocn]

@dominikkoch @nextjs For now I'm focusing on smaller projects - for bigger projects I'm planning to make a separate pro version with more stuff. But I'm also considering adding hyperframes. It'll be more like shadcn's choice of base - radix|baseui

[Remocn @_remocn]

@dominikkoch @nextjs anyway, thanks man!

[Remocn @_remocn]

@evilrabbit_ @nextjs Yaaay, thank you 🫡

[Remocn @_remocn]

@KyTechInc @nextjs I'll show you everything soon!

[Remocn @_remocn]

@atharvabuilds @kapish_dima Thanks, man!

[Remocn @_remocn]

Introducing Remocn Icons

100 animated icons for Remotion videos. Each one draws its stroke on screen, then performs its own move

One command to install, the code lands in your project

[Remocn @_remocn]

Video greeting celebrating the launch of shadcn/typeset

[Remocn @_remocn]

@liu8in @HeyGen Ooh, soon 😉

[Remocn @_remocn]

Video greeting celebrating the launch of shadcn/typeset

[shadcn @shadcn]

Introducing shadcn/typeset.

You know how you render markdown and get back plain, unstyled HTML? Headings, paragraphs, lists, tables. So you style the elements one by one: font sizes, line heights, spacing.

You do it for your blog. Then you do it again for docs. Then again for the chat. Every time, you're fighting the same thing: sizing and spacing.

To fix this, we created typeset.css: one file that styles everything inside a typeset container. It lives in your project, so you can change it directly when you need to.

And we made it work beautifully with streaming markdown.

[Remocn @_remocn]

@brill_insane I like both!

[Remocn @_remocn]

Introducing Remocn Icons

100 animated icons for Remotion videos. Each one draws its stroke on screen, then performs its own move

One command to install, the code lands in your project

[Remocn @_remocn]

@solomonneas yeap, thanks!

[Remocn @_remocn]

@virgilerietsch yooooo!!!

[Remocn @_remocn]

@radiumcoders Thanks, Jay🫡