Fractal
Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.
Flexible
Complete freedom to use whichever templating language, build tool and organisational model best suits your project.
Integrated
Seamlessly integrate your component library into your site, app or build tools by including it as a dependency in your build.
Data-driven
Component preview data can be hardcoded or dynamically generated any way you like - for instance using libraries such as Faker.
Related Tools
HTML Sketchapp
HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.
Keyframes
Keyframes helps you write better CSS. Dead simple visual tools to help you generate CSS for your projects.
React Sketch.app
Render React components to Sketch; tailor-made for design systems
Diez
Cross-platform design system framework, making it easy to adopt a unified design language across codebases, platforms, and teams.
Bodymovin
An After Effects extension to export animations for web.
Lottie
An iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.
Storybook
An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Catalog
Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.
Flywheel
Whatever your work environment, Flywheel's powerful WordPress platform removes all the hassles of hosting, streamlines your processes, and lets you get back to doing your best work.
Netlify
Netlify is everything you need to build fast, modern websites: continuous deployment, serverless functions, and so much more.
Figma
Where teams design together. Design, prototype, and collaborate all in the browser.
Jekyll
Transform your plain text into static websites and blogs.
Hugo
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
Sketch
The industry-leading tool for digital design.
