AnimaType

AnimaType

Back to store

AnimaType

A versatile Framer component that creates a captivating visual effect by using an animated GIF as a background fill for text.

Tags

Components

The component offers comprehensive customization options for typography, shadows, and strokes, allowing for a wide range of creative applications. It also includes a robust loading state to ensure a smooth user experience while the GIF is being fetched.

Features

  • Animated Text Fill - Uses a GIF to dynamically fill text characters.

  • Customizable Typography - Adjust font family, size, weight, and text transformation.Text Effects - Add and customize text shadows and strokes (outlines).

  • Flexible Sourcing - Use a GIF from a URL or upload your own GIF file.

  • Responsive Scaling - The component's bounding box correctly scales with the text.

  • Full Framer Control Panel Integration - All properties are adjustable directly in the Framer sidebar.

  • Position and Rotation Control - Easily position and rotate the component on the canvas.

All Products

All Products

Frequently Asked Questions

Frequently Asked Questions

Frequently Asked Questions

Find answers to questions about my project timelines, design & development process and how we can work together to achieve your business goals.

Answers to your questions

What’s your typical project timeline?

How do you handle revisions and feedback?

What information do I need to provide to get started?

What makes your approach different from a typical design agency?

Can you work with my existing brand guidelines?

Find answers to questions about my project timelines, design & development process and how we can work together to achieve your business goals.

Answers to your questions

What’s your typical project timeline?

How do you handle revisions and feedback?

What information do I need to provide to get started?

What makes your approach different from a typical design agency?

Can you work with my existing brand guidelines?

Find answers to questions about my project timelines, design & development process and how we can work together to achieve your business goals.

Answers to your questions

What’s your typical project timeline?

How do you handle revisions and feedback?

What information do I need to provide to get started?

What makes your approach different from a typical design agency?

Can you work with my existing brand guidelines?

Create a free website with Framer, the website builder loved by startups, designers and agencies.