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?

~/Reviews
~/Reviews
~/Reviews

Client Results Speak Loudest

Don’t take my word for it , here’s what happens when brutalist design meets business objectives

  • man standing near to tree
    Taylor K.

    Founder @ Fintech Startup

    "Snoweirdo closed our $1.2M funding round before we showed the deck."

  • man in white and black pinstripe suit jacket
    Devin R.

    CEO of LashEnv

    "Hired Snoweirdo over 3 agencies because his Noche case studies read like business plans."

  • man wearing Lacoste zip-up hooded top
    Jordan M.

    Head of Growth @ Devvy

    "Our conversion rate jumped 37% after implementing Snoweirdo's UX principles"

  • man standing near to tree
    Taylor K.

    Founder @ Fintech Startup

    "Snoweirdo closed our $1.2M funding round before we showed the deck."

  • man standing near to tree
    Taylor K.

    Founder @ Fintech Startup

    "Snoweirdo closed our $1.2M funding round before we showed the deck."

  • man in white and black pinstripe suit jacket
    Devin R.

    CEO of LashEnv

    "Hired Snoweirdo over 3 agencies because his Noche case studies read like business plans."

  • man wearing Lacoste zip-up hooded top
    Jordan M.

    Head of Growth @ Devvy

    "Our conversion rate jumped 37% after implementing Snoweirdo's UX principles"

  • man standing near to tree
    Taylor K.

    Founder @ Fintech Startup

    "Snoweirdo closed our $1.2M funding round before we showed the deck."

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