Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frctl/awesome-fractal
A curated list of awesome things related to Fractal
https://github.com/frctl/awesome-fractal
List: awesome-fractal
awesome awesome-list fractal styleguide welcome-pr
Last synced: 6 days ago
JSON representation
A curated list of awesome things related to Fractal
- Host: GitHub
- URL: https://github.com/frctl/awesome-fractal
- Owner: frctl
- Created: 2018-12-14T11:13:46.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2022-10-03T20:39:54.000Z (about 2 years ago)
- Last Synced: 2024-10-29T20:24:20.591Z (19 days ago)
- Topics: awesome, awesome-list, fractal, styleguide, welcome-pr
- Homepage:
- Size: 21.5 KB
- Stars: 67
- Watchers: 8
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: contributing.md
- Code of conduct: code-of-conduct.md
Awesome Lists containing this project
- ultimate-awesome - awesome-fractal - A curated list of awesome things related to Fractal. (Other Lists / PowerShell Lists)
README
## Awesome Fractal [](https://awesome.re)
> A curated list of awesome things related to [Fractal](https://fractal.build/).
Fractal is a tool for creating powerful component libraries & styleguides that fit the way you work
## Contents
- [Official Resources](#official-resources)
- [Unofficial Resources](#unofficial-resources)
- [Community](#community)
- [Offical Adapters](#official-adapters)
- [Unofficial Adapters](#unofficial-adapters)
- [Mentions of Fractal](#mentions-of-fractal)
- [Showcase](#showcase)
### Official Resources
- [Fractal Website](https://fractal.build/)
- [GitHub Repo](https://github.com/frctl/fractal)
### Unofficial Resources
- [Fractal Folder VSCode Extension](https://marketplace.visualstudio.com/items?itemName=baerkins.new-fractal-folder)
### Community
- [Twitter](https://twitter.com/frctl)
- [Discord](https://discord.gg/vuRz4Yx)
### Official Adapters
- [Handlebars](https://github.com/frctl/fractal/tree/main/packages/handlebars)
- [Twig](https://github.com/frctl/fractal/tree/main/packages/twig)
- [Nunjucks](https://github.com/frctl/fractal/tree/main/packages/nunjucks)
- [Mustache](https://github.com/frctl/mustache)
- [React](https://github.com/frctl/fractal/tree/main/packages/react)
### Unofficial Adapters
- [Vue](https://github.com/swey/fractal-vue-adapter)
- [React + TypeScript](https://github.com/gtap-dev/fractal-tsx-adapter)
- [Svelte](https://github.com/aredridel/fractal-svelte-adapter)
### Mentions Of Fractal
- [Smashing Magazine: Pattern Library First: An Approach For Managing CSS](https://www.smashingmagazine.com/2018/07/pattern-library-first-css)
- [Creative Bloq: Document your design systems with Fractal](https://www.creativebloq.com/how-to/document-your-design-systems-with-fractal)
- [Rachel Andrew: Rebuilding the Perch UI - creating a pattern library](https://rachelandrew.co.uk/archives/2016/05/06/rebuilding-the-perch-ui-creating-a-pattern-library)
### Showcase
- [City of Boston](https://patterns.boston.gov)
- [City of Ghent](https://stijlgids.stad.gent)
- [Kanbasu](https://kanbasu.liip.ch/2)
- [Clearleft](http://fractal.clearleft.com)
- [Liip](https://styleguide.liip.ch/)
- [24 Ways](https://bits.24ways.org)
- [Eurostar](https://style.eurostar.com)
- [V&A Museum, London](https://vam-design-guide.surge.sh/)
- [gotoAndPlay](https://play.ee/styleguide/)
- [UCLA](https://webcomponents.ucla.edu/)
### Subtheme
- [Mono](https://github.com/AccentDesign/Mono) - Fractal subtheme, built upon the default Mandelbrot theme
- [Nighthawk](https://github.com/gtap-dev/nighthawk) - A custom web UI theme for Fractal, based on Mandelbrot
### Starter Project
- [Fractal Atomic](https://github.com/AccentDesign/Fractal-Atomic) - Awesome starter point for your Fractal UI component library based on Atomic Design principles
> Please don't hesitate to make a PR if you have more resources to share.
## License
[](https://creativecommons.org/publicdomain/zero/1.0/)