{"id":22211993,"url":"https://github.com/yershalom/react-wordart","last_synced_at":"2025-04-06T05:17:56.081Z","repository":{"id":34072078,"uuid":"168499282","full_name":"yershalom/react-wordart","owner":"yershalom","description":"The nostalgic WordArt we know just in react","archived":false,"fork":false,"pushed_at":"2023-02-04T05:11:04.000Z","size":7759,"stargazers_count":299,"open_issues_count":11,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-30T03:04:40.713Z","etag":null,"topics":["css","react","wordart"],"latest_commit_sha":null,"homepage":"https://yershalom.github.io/react-wordart","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yershalom.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-31T09:34:27.000Z","updated_at":"2025-02-11T15:50:54.000Z","dependencies_parsed_at":"2023-02-18T14:01:05.036Z","dependency_job_id":null,"html_url":"https://github.com/yershalom/react-wordart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yershalom%2Freact-wordart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yershalom%2Freact-wordart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yershalom%2Freact-wordart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yershalom%2Freact-wordart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yershalom","download_url":"https://codeload.github.com/yershalom/react-wordart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247436312,"owners_count":20938536,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","react","wordart"],"created_at":"2024-12-02T20:46:22.164Z","updated_at":"2025-04-06T05:17:56.028Z","avatar_url":"https://github.com/yershalom.png","language":"JavaScript","funding_links":[],"categories":["📦 Legacy \u0026 Inactive Projects"],"sub_categories":[],"readme":"# react-wordart ([demo](https://yershalom.github.io/react-wordart/))\n\n\u003e The nostalgic WordArt we know just in react - [Hackernoon Post](https://hackernoon.com/when-dev-gets-nostalgic-17901c4f703f)\n\n[![NPM](https://img.shields.io/npm/v/react-wordart.svg)](https://www.npmjs.com/package/react-wordart) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Build Status](https://travis-ci.org/yershalom/react-wordart.svg?branch=master)](https://travis-ci.org/yershalom/react-wordart)\n\n## css-wordart\n\nBased on my [css-wordart](https://github.com/yershalom/css-wordart) repo\n\n## Install\n\n```bash\nnpm install --save react-wordart\n```\n\n## Usage\n\n```jsx\nimport React, { Component } from 'react'\n\nimport WordArt from 'react-wordart'\n\nclass Example extends Component {\n  render () {\n    return (\n      \u003cWordArt text='I Love WordArt' theme={`rainbow`} fontSize={100} /\u003e\n    )\n  }\n}\n```\n\n### Properties\n\nProperty | Type | Required | Default value | Description\n:--- | :--- | :--- | :--- | :---\n`text`|string|yes||\n`theme`|string|no|`rainbow`| WordArt theme.\n`fontSize`|number|no|`50`|\n\n### Available Themes\nTheme | Output\n:--- | :---\n`rainbow` | ![screen shot 2019-01-31 at 18 19 05](https://user-images.githubusercontent.com/16322616/52068180-d7539280-2584-11e9-990e-c8c1d4fb3011.png)\n`blues` | ![screen shot 2019-01-31 at 18 19 09](https://user-images.githubusercontent.com/16322616/52068181-d7539280-2584-11e9-9087-aefefb0003a7.png)\n`superhero` | ![screen shot 2019-01-31 at 18 19 14](https://user-images.githubusercontent.com/16322616/52068182-d7539280-2584-11e9-82e8-2e934bf4fb28.png)\n`radial` | ![screen shot 2019-01-31 at 18 19 18](https://user-images.githubusercontent.com/16322616/52068184-d7ec2900-2584-11e9-8c5e-1c23d1a8cfbf.png)\n`tilt` | ![screen shot 2019-01-31 at 18 19 21](https://user-images.githubusercontent.com/16322616/52068185-d7ec2900-2584-11e9-8f54-d63eb504496a.png)\n`purple` | ![screen shot 2019-01-31 at 18 19 24](https://user-images.githubusercontent.com/16322616/52068186-d7ec2900-2584-11e9-9812-e73f9f2e00e4.png)\n`horizon` | ![screen shot 2019-01-31 at 18 19 27](https://user-images.githubusercontent.com/16322616/52068187-d7ec2900-2584-11e9-9575-e85c3f8259e2.png)\n`italicOutline` | ![screen shot 2019-01-31 at 18 19 31](https://user-images.githubusercontent.com/16322616/52068188-d884bf80-2584-11e9-814b-56b9d6df1251.png)\n`slate` | ![screen shot 2019-01-31 at 18 19 34](https://user-images.githubusercontent.com/16322616/52068189-d884bf80-2584-11e9-9e3c-572aec718ab1.png)\n\n-----\n\n## Development\n\nLocal development is broken into two parts (ideally using two tabs).\n\nFirst, run rollup to watch your `src/` module and automatically recompile it into `dist/` whenever you make changes.\n\n```bash\nnpm start # runs rollup with watch flag\n```\n\nThe second part will be running the `example/` create-react-app that's linked to the local version of your module.\n\n```bash\n# (in another tab)\ncd example\nnpm start # runs create-react-app dev server\n```\n\nNow, anytime you make a change to your library in `src/` or to the example app's `example/src`, `create-react-app` will live-reload your local dev server so you can iterate on your component in real-time.\n\n\n## License\n\nMIT © [yershalom](https://github.com/yershalom)\n\nThis module was bootstrapped with [create-react-library](https://github.com/transitive-bullshit/create-react-library).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyershalom%2Freact-wordart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyershalom%2Freact-wordart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyershalom%2Freact-wordart/lists"}