https://github.com/yoyurec/logseq-awesome-props

📋 Restyled and iconized properties for Logseq ala Notion/Tana
https://github.com/yoyurec/logseq-awesome-props

List: logseq-awesome-props

Last synced: 14 days ago
JSON representation

📋 Restyled and iconized properties for Logseq ala Notion/Tana

• Host: GitHub
• URL: https://github.com/yoyurec/logseq-awesome-props
• Owner: yoyurec
• License: mit
• Created: 2023-02-14T23:11:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-18T20:33:32.000Z (over 1 year ago)
• Last Synced: 2024-10-28T13:45:24.483Z (14 days ago)
• Language: TypeScript
• Homepage:
• Size: 1.39 MB
• Stars: 51
• Watchers: 1
• Forks: 3
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
## Other my plugins/themes

* ✨ [Tabler picker](https://github.com/yoyurec/logseq-tabler-picker)

* 🪓 [Awesome UI](https://github.com/yoyurec/logseq-awesome-ui)

* 🎨 [Awesome Styler](https://github.com/yoyurec/logseq-awesome-styler)

* ⭐ [Awesome Links](https://github.com/yoyurec/logseq-awesome-links)

* 📰 [Banners](https://github.com/yoyurec/logseq-banners-plugin)

* 📌 [Sticky Headers](https://github.com/yoyurec/logseq-sticky-headers) experimental

## If you ❤ what i'm doing - you can support my work! ☕



"Awesome Props" plugin for Logseq



    

        

    



### 📋 Restyled and iconized properties for Logseq ala Notion/Tana

## Features

* 📰 Restyled layout: grid or flat view ala Tana🡖

* 💣 Page/block properties with icons ala Notion 🡖

* 👓 Hide properties: all `.dotProps` or specified in list 🡖

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/screen.png)

## Installation

### Plugin for desktop app

From Logseq store - `Plugins -> Marketplace`

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/market.png)

## Features

### 📋 Properties style

#### Layout

Awesome grid or simple flat inline, with or without icons!

Plus per block configuration (global style overrides) - `.awpr-layout-flat:: true` or `.awpr-layout-grid:: true`

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/layout.png)

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/settings-layout.png)

#### Icons

Icons, according to property names (predefined or overwritten by yours).

⚠ For proper work you need to set `:property-pages/enabled? true` in `config.edn`!

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/settings-icons.png)

PS: for overview, you can generate prop-icon list via `/` menu `"AwesomeProps: insert list generator button"`

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/props-list-generator.mp4)

#### Extend icons set

In addition to predefined set, you can extend set with your **own icons**!

Just open `awesome-props-icons` page and add page props block with `prop:: iconCode` lines.

Get codes via ✨ [Tabler icon picker](https://github.com/yoyurec/logseq-tabler-picker)

**PS:** 💡 You can share your configs pages via https://github.com/dangermccann/logseq-template-gallery

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/user-icons.png)

### 👓 Hide properties

* Hide properties started with dot `.`

* or your own list of key names

![](https://github.com//yoyurec/logseq-awesome-props/raw/main/screenshots/settings-hide.png)

## What is Logseq?

Logseq is a privacy-first, open-source knowledge base. Visit https://logseq.com for more information.

## Support

* Read about Logseq plugin updates on Dicscord - https://discord.com/channels/725182569297215569/896368413243494430

* Ask about Logseq plugins on Dicscord - https://discord.com/channels/725182569297215569/752845167030960141

* If you have any questions, issues or feature request, use the issue submission on GitHub: https://github.com/yoyurec/logseq-awesome-props/issues

## Credits

* Icon - https://www.flaticon.com/free-icon/task_9012147

## License

[MIT License](./LICENSE)