RSS Amplifier

Relatable Code · Sep 13, 2022

How to quickly get document your project and an easy way to add animations

0
Sign in to vote or save

Diego Ballesteros · Relatable Code

🗞 News

Have you ever thought about how to document a library or codebase? Previously, I would default just to adding some helpful comments or relying on the component library for mid-sized projects.

But a huge chunk of the time this isn’t enough 😥, especially for custom libraries you share with others

Thanks for reading Relatable Code! Subscribe for free to receive new posts and support my work.

Docusaurus helps out as it is a very robust documenting library. But what is it?

Docusaurus is a static site generator that helps you ship beautiful documentation websites in no time.

You’ve probably seen a few Docusarus-powered docs already:

Source: https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0

It relies on MDX for creating the pages. Essentially it is just creating markdown files with your docs and Docusaurus takes care of the rest.

X avatar for @useAnimations

useAnimations@useAnimations

Do you need to switch video, image or other content? No problem, we now have animated chevrons for you! #microinteraction #microanimation #uxdesign #uiux #design #app

9:34 AM · Aug 30, 2022

5 Likes

Yet another niche issue but one that can definitely be annoying. Sometimes you just want some micro-animations for icons.

For example, I want a box to have an animated check to alert the user that an action has been completed.

Worry no longer as useAnimations covers this exact use case!

Check out their page to see everything that is available:

https://useanimations.com/

📦 More interesting Articles

⚛ React

🔧 Other

Thanks for reading Relatable Code! Subscribe for free to receive new posts and support my work.

Read the original on relatablecode.substack.com

Comments

Nothing yet. Say the first thing.

    Sign in to join the conversation.