npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

create-flayyer-app

v1.18.2

Published

Create Flayyer.com app

Downloads

24

Readme

create-flayyer-app

Resultant flayyer live image

Resultant flayyer live image

Create Flayyer.com app

📚 Please read the documentation here: https://docs.flayyer.com/docs/

oclif Version Downloads/week License

Usage

Start by invoking create-flayyer-app.

npm init flayyer-app@latest my-project

With yarn:

yarn create flayyer-app my-project

Then cd into your new created my-project directory and install the dependencies.

cd my-project
npm install

Create and edit templates inside the templates directory. Run the local server with:

npm run start

Then preview your template at https://flayyer.github.io/flayyer-studio

flayyer-studio screenshot

Once you are ready execute npm run deploy but with your API key

export FLAYYER_KEY=...
export NODE_ENV=production
npm run build
npm run deploy

Get your FLAYYER_KEY at https://flayyer.com/dashboard/_/settings 👈

Great! 🎉 Now your new template deck should appear there.

If you need to update your templates you can just run npm run deploy again.

Dynamic og:image

You can use the resulting URLs to create dynamic <meta property="og:image" /> for your websites.

See the official guides: https://docs.flayyer.com/guides

Demo of link previews using Flayyer