https://github.com/importantimport/fff

🌟 The Flexible & Functional Frontmatter Solution.
https://github.com/importantimport/fff

docs documentation fff fff-flavored-frontmatter front-matter frontmatter typescript

Last synced: 6 months ago
JSON representation

🌟 The Flexible & Functional Frontmatter Solution.

• Host: GitHub
• URL: https://github.com/importantimport/fff
• Owner: importantimport
• License: wtfpl
• Created: 2022-07-18T16:30:03.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-24T14:06:14.000Z (almost 2 years ago)
• Last Synced: 2025-06-12T09:04:50.530Z (7 months ago)
• Topics: docs, documentation, fff, fff-flavored-frontmatter, front-matter, frontmatter, typescript
• Language: TypeScript
• Homepage: https://fff.js.org
• Size: 6.94 MB
• Stars: 17
• Watchers: 3
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: COPYING

Awesome Lists containing this project

README

          


  

    

    

  

  
The Flexible & Functional Frontmatter Solution.



---



**[ 
 Introduction 
 ](https://fff.js.org/intro/what-is-fff.html)** 

**[ 
 Concepts 
 ](https://fff.js.org/concepts/object-media.html)** 

**[ 
 Version 
 ](https://fff.js.org/version/changelog.html)**



---

## 📦️ Packages

### [fff-flavored-frontmatter](/packages/fff-flavored-frontmatter/)

[![npm](https://img.shields.io/npm/v/fff-flavored-frontmatter?color=yellow)](https://npmjs.com/package/fff-flavored-frontmatter)

![minified size](https://img.shields.io/bundlephobia/min/fff-flavored-frontmatter?color=yellow)

![downloads](https://img.shields.io/npm/dt/fff-flavored-frontmatter?color=yellow)

[![deno.land](https://img.shields.io/badge/available%20on-deno.land/x-black.svg?logo=deno)](https://deno.land/x/fff)

Type definition of the FFF Flavored Frontmatter.

```ts

import type { FFFFlavoredFrontmatter } from 'fff-flavored-frontmatter'

```

---

### [fff-transform-presets](/packages/fff-transform-presets/)

[![npm](https://img.shields.io/npm/v/fff-transform-presets?color=yellow)](https://npmjs.com/package/fff-transform-presets)

![minified size](https://img.shields.io/bundlephobia/min/fff-transform-presets?color=yellow)

![downloads](https://img.shields.io/npm/dt/fff-transform-presets?color=yellow)

Predefined transform presets for FFF Flavored Frontmatter.

```ts

import { transform } from 'fff-flavored-frontmatter'

import { hexo } from 'fff-transform-presets'

fm = transform(fm, [hexo])

```

---

### [remark-fff](/packages/remark-fff/)

[![npm](https://img.shields.io/npm/v/remark-fff?color=yellow)](https://npmjs.com/package/remark-fff)

![minified size](https://img.shields.io/bundlephobia/min/remark-fff?color=yellow)

![downloads](https://img.shields.io/npm/dt/remark-fff?color=yellow)

Remark plugin for auto-conversion other frontmatter variable formats to FFF Flavored Frontmatter.

```ts

import remarkFFF from 'remark-fff'

import { hexo } from 'fff-transform-presets'

export default defineConfig({

  remarkPlugins: [[remarkFFF, { presets: [hexo], target: 'astro' }]],

})

```

---

### [markdown-it-fff](/packages/markdown-it-fff/)

[![npm](https://img.shields.io/npm/v/markdown-it-fff?color=yellow)](https://npmjs.com/package/markdown-it-fff)

![minified size](https://img.shields.io/bundlephobia/min/markdown-it-fff?color=yellow)

![downloads](https://img.shields.io/npm/dt/markdown-it-fff?color=yellow)

markdown-it plugin for auto-conversion other frontmatter variable formats to FFF Flavored Frontmatter.

```ts

import MarkdownIt from 'markdown-it'

import { frontmatterPlugin } from '@mdit-vue/plugin-frontmatter'

import { fffPlugin } from 'markdown-it-fff'

const md = MarkdownIt().use(frontmatterPlugin).use(fffPlugin)

```

---

### [indiekit-preset-fff](/packages/indiekit-preset-fff/)

[![npm](https://img.shields.io/npm/v/indiekit-preset-fff?color=yellow)](https://npmjs.com/package/indiekit-preset-fff)

![minified size](https://img.shields.io/bundlephobia/min/indiekit-preset-fff?color=yellow)

![downloads](https://img.shields.io/npm/dt/indiekit-preset-fff?color=yellow)

FFF Flavored Frontmatter publication preset for Indiekit.

```json

{

  "indiekit-preset-fff": {

    "format": "yaml",

    "types": "urara"

  },

  "plugins": ["indiekit-preset-fff"]

}

```

---

### [create-fff](/packages/create-fff/)

[![npm](https://img.shields.io/npm/v/create-fff?color=yellow)](https://npmjs.com/package/create-fff)

![minified size](https://img.shields.io/bundlephobia/min/create-fff?color=yellow)

![downloads](https://img.shields.io/npm/dt/create-fff?color=yellow)

```bash

pnpm create fff netlify-cms

```

## 📄 License

This work is free, it comes without any warranty. You can redistribute it and/or modify it under the

terms of the Do What The Fuck You Want To Public License, Version 2,

as published by Sam Hocevar. See the [COPYING](COPYING) file for more details.