Typify

Transform your boring metadata into a dynamic and colorful display! 🎨✨

Typify is an Obsidian plugin that allows you to create unique styles for your metadata. What was once limited to tags can now be customized for any Obsidian property.

Powerful and simple to use, Typify allows you to customize your Obsidian properties any way you want, with a variety of options and features. Some of the features include:

• Over 1700 icons
• Three tag styles and shapes to choose from
• Custom icons
• Adaptable colors for light and dark mode automatically
• Custom links

✨ Want to see everything Typify can do? Check out the complete list of features and detailed guides.

It's very simple to transform your properties!

1. In Typify Settings: Add the property for which you will create custom styles (e.g., Status).
2. Customize: Click Create style and define the name that will be used for the tag, as well as the color, icon (Lucide, emoji or image), shape, and many more options.
3. In your Notes: Using the target property defined earlier, insert the created style name next to it and the magic happens instantly! ✨

1. Download the latest release: main.js, manifest.json, and styles.css.

2. Create a folder called typify inside your .obsidian/plugins/ directory.

3. Paste the files there.

4. Reload Obsidian and enable the plugin.

[!Warning]
Importing settings replaces all existing styles. Styles created after the backup will be lost.

[!Warning]
The Minimal theme has some known layout inconsistencies when used alongside Typify (such as disproportionate font sizes or clipped elements). While I am actively working to mitigate and resolve these limitations in each update, please be aware of these temporary inconsistencies when using this theme.

Here are some of the features and improvements planned for future updates:

• 🪤 Error Diagnostics: A panel to diagnose plugin issues and generate a report to facilitate troubleshooting.
• 🏳️‍🌈 Multiple Colors: New panel to have and manage multiple color cards.
• 🎲 Numeric Tags: Expansion of Typify style to the number type, allowing the creation of custom styles for number tags. (Evaluating)
• 🔮 Pill Padding: Adjust the size and length of the pills, as well as the font and icon size. (Frozen)
• 📊 Reference Pills: Display the total amount of references that information has in your vault instead of showing an icon (e.g., an author tag showing "X" references). (Frozen)

If you want to build the plugin locally, do the following:

1. Clone this repository.
2. Run npm install.
3. Run npm run dev to start compilation in watch mode.

This plugin was born from my desire to have more customization options for properties, similar to Notion, but the Obsidian way.

It's worth mentioning that without the great help of Antigravity none of this would have been possible. Of course, there was no magic done with a single click—it took careful prompting, lots of review, and testing.

This wasn't "vibe-coded" carelessly. I had to change many things manually, but it's not bulletproof. If you find any bugs, please open an issue and I'll do my best to fix it.

If you want to contribute to the project, feel free to open a pull request. Or if you don't feel comfortable using machine-generated code and want to make your own handcrafted version, feel free to do that too. Just let me know, because I love new plugins 😉.