Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/celestinecr/celestine
An SVG library written in Crystal. Can be used to make cool animations, as well as other kinds of uses.
https://github.com/celestinecr/celestine
celestine crystal crystal-lang svg svg-animation
Last synced: 7 days ago
JSON representation
An SVG library written in Crystal. Can be used to make cool animations, as well as other kinds of uses.
- Host: GitHub
- URL: https://github.com/celestinecr/celestine
- Owner: celestinecr
- License: mit
- Created: 2020-12-06T23:26:14.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-12-05T22:01:42.000Z (11 months ago)
- Last Synced: 2024-10-25T01:24:24.453Z (15 days ago)
- Topics: celestine, crystal, crystal-lang, svg, svg-animation
- Language: Crystal
- Homepage:
- Size: 759 KB
- Stars: 92
- Watchers: 4
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-crystal - celestine - Create SVG images using a DSL (Image processing)
README
# Celestine  [](https://docs.celestine.dev)
[](https://github.com/celestinecr/celestine/blob/main/src/make_logo.cr)
A neat library and DSL for creating graphics using SVG
## Installation
Add to shards.yml
```yaml
dependencies:
celestine:
github: celestinecr/celestine
```
## Docs
Documentation is cool, you can view the docs for Celestine at:
* [**docs.celestine.dev**](https://docs.celestine.dev/)
## SVG Stuff It Can Do
A full list is [here](https://docs.celestine.dev/svg_element_checklist.html).
*TODO*
* Full SVG support for all [elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Element) and [attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute)
* Finish adding all filters
* Add pattern
* Add gradients
## Examples
If you'd like to see how the logo was made, check out [make_logo](https://github.com/celestinecr/celestine/blob/main/src/make_logo.cr)
Here are some more intricate examples. [procedural_art](https://github.com/sol-vin/procedural_art)
Real world examples made with Celestine. All of these are flat SVG files with no JS inside, using only functions built into Celestine.
* [Inward](https://www.sol.vin/art/live/inward/)
* [Mineshift](https://www.sol.vin/art/live/mineshift/)
* [Hypnos1](https://cdpn.io/redcodefinal/fullpage/ZEOgzXX)
* [Hypnos2](https://cdpn.io/redcodefinal/fullpage/WNxqYMy)
* [Pschyoflower](https://codepen.io/redcodefinal/pen/mdrJeGZ)
* [Semicircle Patchwork 1](https://codepen.io/redcodefinal/pen/WNGwdxe)
* [Semicircle Patchwork 2](https://codepen.io/redcodefinal/pen/yLaOpae)
* [Chromatic Aberration](https://codepen.io/redcodefinal/pen/zYKqpBZ)
* [Polar Spins](https://codepen.io/redcodefinal/pen/RwGaxRY)
* [Genuary 01 2021](https://codepen.io/redcodefinal/pen/RwGQdVN)
* [Genuary 02 2021 (10)](https://codepen.io/redcodefinal/pen/bGwvrNo)
* [Genuary 02 2021 (20)](https://codepen.io/redcodefinal/pen/jOMzLEz)
* [Genuary 02 2021 (40)](https://codepen.io/redcodefinal/pen/MWjVovO)
## Community Examples
These are some examples of cool stuff other people have done with Celestine!
* [sunrise](https://sunrise.sugarfi.dev) @ [github](https://github.com/sugarfi/sunrise) by [SugarFi](https://sugarfi.dev)
* Uses the very strong Turbulence and DisplacementMap filters to create a very neat water effect.
## Development
HMU via issues or make a pull request or something I don't know.
## Contributing
1. Fork it ()
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create a new Pull Request to the `development` branch at celestinecr/celestine
## Contributors
- [Ian Rash](https://github.com/sol-vin) - creator and maintainer
- [sugarfi](https://github.com/sugarfi) - contributor