Typify

by Flavio Azurita
5
4
3
2
1
Score: 49/100

Description

Create attractive and customizable status indicators with Lucide icons for your metadata properties. ✨

Reviews

No reviews yet.

Stats

21
stars
2,827
downloads
2
forks
121
days
11
days
47
days
8
total PRs
0
open PRs
2
closed PRs
6
merged PRs
4
total issues
1
open issues
3
closed issues
311
commits

Latest Version

2 months ago

Changelog

Typify 1.6.0 🚀

I'm very excited to introduce Typify 1.6.0! This update brings important workflow improvements, a complete overhaul to match Obsidian's new native settings API, and significant performance optimizations for a faster, smoother experience. In addition, of course, to improvements in the organization of settings, polishing of texts and explanations, and much more.

Oh, take a look at the modal changes.

What's new Settings Plugin updates Plugin notices Create styles Manage styles Color palette Manage favicons

✨ What's New & Features

🪄 Command Palette & Context Menus

  • Command Palette Integration: You can now search for plugin functions (Create style, Manage styles, Plugin notices) directly from the Obsidian Command Palette. This allows you to assign custom hotkeys to open these screens in a flash.

  • Context Menu for Links: Added a new item to the context menu when right-clicking links. It performs a smart search: if the link already has an exact style or a saved prefix match, it opens the modal to edit that style directly.

🎨 New Styling Capabilities

  • Outline Color Mode: A new visual style has been added! It displays only the border (well highlighted), the text, and the icon in the selected color, while lightly colorizing the background so the tag contrasts perfectly with your current theme.

  • Prefix Match for Links: When enabled, your style is applied to any URL that starts with the value set in "Associated Link". This is great for grouping entire domains under one style.

⚡ Batch Creation & Duplication

  • Batch Style Creation: It is now possible to automatically create styles for multiple unconfigured values at once (limited to 50).

  • Quick Duplication: Added a button to quickly duplicate an existing style directly from the Style Manager, opening the editor pre-filled.

🔍 Advanced Filtering

  • Style Manager Filters: Added filters to the top toolbar, allowing you to sort the list (Recent, Alphabetical) and apply advanced filters (Shape, Icon, Fill mode, Link) by clicking on categories that expand into sub-options, making it easier to find styles — whether simple or complex.

🖌️ Visual Redesign & UX

  • Native Settings API: The plugin has been completely migrated to the new declarative native settings API (requiring Obsidian 1.13.0+).

  • Consolidated Management: The "Manage styles" and "Other styles" modals are no longer modals — they have been condensed into dedicated, separate settings sub-pages using the new API components.

  • Color Palette Overhaul: The "Color palette" modal has been entirely restructured to use the native Obsidian settings visual pattern. Sections have been grouped more cleanly, the layout is now responsive, and the generation mode cards feature consistent Lucide icons.

  • Compact Favicon Manager: Favicon management is now more compact, with the provider selector integrated directly into the search bar using native Obsidian components.

  • Modernized Notices & Changelog: The "What's new" and "Plugin notices" modals have been redesigned with pill-style tab navigation and fixed heights to prevent abrupt resizing.

  • Refined Terminology & UI: The term "All properties" was renamed to "General", and "Generate color palette" to "Generate palette" to avoid redundancy. The "Shape" and "Color mode" options now come pre-filled by default when creating new styles. I've also added detailed explanations for each option, an informational notice about Prefix match, and an exclusive sparkle icon next to the Typify name in the Obsidian settings search.

⚙️ Architecture, Optimizations & Cleanup

  • Instant Style Application: Adding a property to Typify now applies its styles immediately in open notes and views—no reload required! Removing a property also removes its styles instantly.

  • Parallel Loading: Initial loading of icons, images, and custom favicons now occurs simultaneously (in parallel), reducing blocking time during Obsidian startup.

  • Native SVGs & Caching: The internal file conversion function for SVGs and custom icons has been replaced with Obsidian's native function. I've also added an intelligent cache for native Lucide icon rendering, heavily improving visual update speed when handling dozens of styles. The old internal verification of tags in SVGs was removed to boost performance.

  • Documentation & Outreach: The README structure across all 5 supported languages has been updated with new banners, dedicated feature pages, and sponsorship/plugin page badges.

🛠️ Bug Fixes

  • Fixed a bug where the visual formatting (CSS) of tags would temporarily disappear when adding or clearing colors in the "Color palette" with the settings open.

  • Fixed an issue where some SVGs loaded in the "Create style" modal would break the interface if they lacked the internal proportions (viewBox) attribute.

  • Fixed the behavior when enabling/disabling "Custom icons" and "Favicons" so they immediately hide or restore correctly without turning into meaningless squares.

  • Fixed a delay where dynamic views (such as Canvas and Databases) required manual interaction or a reload to display new styles after settings were saved.

  • Fixed a delay in style rendering in windows that were not focused at the time of editing.

  • The "Associated links" option now reverts to showing the original URL when its property is no longer styled.

  • Favicon searches with no matches are now visually differentiated from an empty cache, and fetching will no longer freeze the plugin if a site takes too long to respond.

  • When clicking refresh, the old favicon will no longer be deleted if the internet drops during the download process, and the "Retry" button now works properly for sites marked as permanent failures.

  • The stored favicon size is now displayed correctly.

💖 To The Community

As always, thank you for all the feedback, bug reports, and suggestions. This release was heavily shaped by your ideas. Keep them coming!

Oh, now you can donate to me ✨. If Typify helps your workflow, consider buying me a coffee:

Buy Me A Coffee

README file from

Github

License Version Buy Me A Coffee Obsidian

English | Portuguese | Spanish | French | Simplified Chinese


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.

Features

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.

How to Use

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! ✨

How to Use Typify

Installation

  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.

Notices

[!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.

FAQ

Currently, Typify only styles properties of type list.

Check if you added the property in the plugin settings and if it is of type list.

Yes! The plugin allows you to customize the icon used. You can choose to use Lucide icons, SVG icons of your choice, emojis, or even images. Just remember to enable the icon customization options in the plugin settings. Also, be sure to check the limitations in the plugin's notices panel :D.

Yes! Typify is compatible with Obsidian Mobile. So don't be afraid to organize your notes.

Typify locally stores downloaded favicons to display on links. Nothing is updated without the user's express consent.

No. The plugin only communicates with the favicon retrieval service when expressly requested by the user. Some providers are Google and DuckDuckGo (some options are better than others for obtaining favicons).

Nothing. Your properties will continue to exist in your vault, they just won't be styled.

No, as the plugin does not overwrite any global styles of the theme used, or vice versa.

If you find any issues, please open an issue in the plugin repository. I will do my best to fix the problem as soon as possible.

Roadmap

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)

Development

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.

Disclaimer

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 😉.