Styled Screenshots

Generate jpeg/png styled screenshots

Table of contents

• Description
• How to use
• Example
• Visitor stats
• Licensing
• Authors
• Versioning
• Contribution
• Acknowledgement
• Forks
• Issues
• Team Tools
• OpenGraph Card
• Development Support

Description

Styled Screenshots is a serverless function that generates dynamically styled graph images based on SVG (Scalable Vector Graphics). For the tech stack, Styled Screenshots using Typescript and serverless function from Vercel stack.

How to use

It's simple, you can copy paste this markdown content, like this one:

![Styled Screenshots](https://styled-screenshots.vercel.app/api?url=[value]&width=[value]&height=[value]&fullPage=[value]&type=[value]&encoding=[value]&selector=[value])

There are several options you can use from the list:

Options	Description	Type	Example	Query Params
[Url]	Json data source url	String	https://www.google.com/	?url=[value]
[Width]	Chart graph image width	Numeric	400	&width=[value]
[Height]	Chart graph image height	Numeric	400	&height=[value]
[FullPage]	Full page viewport	Boolean/numeric	true/false
[Type]	Image content type	String	jpeg	png
[Encoding]	Image encoding	String	base64	binary
[Selector]	Html element selector	String	#element	&selector=[value]

Example

This is example of using Styled Screenshots:

![Styled Screenshots](https://styled-screenshots.vercel.app/api?url=https://www.google.com/&width=450&height=250)

Result:

Visitor stats

Licensing

Styled Screenshots is distributed under LGPL version 3 or later, [License]. LGPLv3 is additional permissions on top of GPLv3.

Kubernetes

Running k8s cluster with tilt command by acquiring k8s deployment configuration:

tilt up

Shutting down k8s cluster with provisioned resources removal:

tilt down --delete-namespaces

Authors

Styled Screenshots is maintained by the following GitHub team-members:

• 

with community support please contact with us if you have some question or proposition.

Versioning

The project uses SemVer for versioning. For the versions available, see the tags on this repository.

Contribution

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us (emoji key).

This project follows the all-contributors specification. Contributions of any kind are welcome!

See also the list of contributors who participated in this project.

Acknowledgement

Forks

Issues

Team Tools

Styled Screenshots Team would like inform that JetBrains is helping by provided IDE to develop the application. Thanks to its support program for an Open Source projects!

Styled Screenshots has experimental support for Gitpod, a pre-configured development environment that runs in your browser. To use Gitpod, click the button below and sign in with GitHub. Gitpod also offers a browser add-on, though it is not required.

OpenGraph Card

Development Support

Like Styled Screenshots ? Consider buying me a coffee :)

---