pocka / Storybook Addon Designs
Licence: mit
A Storybook addon that embed Figma, websites, PDF or images in the addon panel.
Stars: ✭ 441
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Storybook Addon Designs
Shaark
Self-hosted platform to keep and share your content: web links, posts, passwords and pictures.
Stars: ✭ 258 (-41.5%)
Mutual labels: pdf, storybook
Readteractive
Tool for writing and generating interactive books.
Stars: ✭ 23 (-94.78%)
Mutual labels: pdf, storybook
Xournalpp
Xournal++ is a handwriting notetaking software with PDF annotation support. Written in C++ with GTK3, supporting Linux (e.g. Ubuntu, Debian, Arch, SUSE), macOS and Windows 10. Supports pen input from devices such as Wacom Tablets.
Stars: ✭ 5,353 (+1113.83%)
Mutual labels: pdf
Document Viewer
Document Viewer is a highly customizable document viewer for Android.
Stars: ✭ 415 (-5.9%)
Mutual labels: pdf
Ptshowcaseviewcontroller
An initial implementation of a "showcase" view( controller) for iOS apps... Visualizes images, videos and PDF files beautifully! (by @pittleorg) [meta: image, photo, video, document, pdf, album, gallery, showcase, gallery, iOS, iPhone, iPad, component, library, viewer]
Stars: ✭ 395 (-10.43%)
Mutual labels: pdf
Serverless Libreoffice
Run LibreOffice in AWS Lambda to create PDFs & convert documents
Stars: ✭ 410 (-7.03%)
Mutual labels: pdf
Figma Html
Convert Figma designs to HTML, React, Vue, Angular, and more!
Stars: ✭ 382 (-13.38%)
Mutual labels: storybook
Puppetron
Puppeteer (Headless Chrome Node API)-based rendering solution.
Stars: ✭ 429 (-2.72%)
Mutual labels: pdf
Crowbook
Converts books written in Markdown to HTML, LaTeX/PDF and EPUB
Stars: ✭ 399 (-9.52%)
Mutual labels: pdf
Stackoverflow Clone
This project is a simplified a full stack clone of Stackoverflow.
Stars: ✭ 395 (-10.43%)
Mutual labels: storybook
Pdfpig
Read and extract text and other content from PDFs in C# (port of PdfBox)
Stars: ✭ 391 (-11.34%)
Mutual labels: pdf
One File Pdf
A minimalist Go PDF writer in 1982 lines. Draws text, images and shapes. Helps understand the PDF format. Used in production for reports.
Stars: ✭ 429 (-2.72%)
Mutual labels: pdf
storybook-addon-designs
A Storybook addon that embed Figma or websites in the addon panel for better design-development workflow.
Requirements
- [email protected]>=5.0.0
This addon should work well with any framework: If you find the case the addon not works, please open an issue.
Getting started
1. Install
npm install --save-dev [email protected]
# yarn add -D [email protected]
2. Register the addon in main.js
// .storybook/main.js
module.exports = {
addons: ['storybook-addon-designs'],
}
3. Add it to story!
import { withDesign } from 'storybook-addon-designs'
export default {
title: 'My stories',
component: Button,
decorators: [withDesign],
}
export const myStory = () => <Button>Hello, World!</Button>
myStory.parameters = {
design: {
type: 'figma',
url: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',
},
}
Similar projects
- Adobe XD: storybook-addon-xd-designs
- Zeplin: storybook-zeplin
- Abstract: storybook-addons-abstract
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].