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

@cygne/crispify

v1.0.0

Published

Crispify is a powerful Tiptap-based block text editing React component.

Downloads

4

Readme

Crispify is a powerful Tiptap-based block text editing React component. The component has full integration with Ant Design and Tailwind, taking advantage of its native theme and components.

[!NOTE]

This project aims to offer an editor integrated with Ant Design to meet needs regarding rich-text editing. Product development is based solely on your needs, although everyone is welcome to try it out.

npm Version npm bundle size npm Downloads (monthly) semantic-release: Conventional Commits GitHub License GitHub package.json dev/peer/optional dependency version GitHub package.json dev/peer/optional dependency version

TOC

📦 Installation

To install @cygne/crispify, run the following command:

$ npm install --save @cygne/crispify

✨ Features

  • [x] ~~Helpful placeholders.~~
  • [x] ~~Drop and paste HTML and text.~~
  • [x] ~~Display grid in two columns with alignment.~~
  • [x] ~~Changing font size.~~
  • [x] ~~Paste from clipboard, upload, and drag and drop images.~~
  • [x] ~~Executing slash commands.~~
  • [x] ~~Table Component.~~
    • [x] ~~Add new row.~~
    • [x] ~~Add new column.~~
    • [x] ~~Resize rows and columns.~~
  • [x] ~~Markdown.~~
  • [x] ~~Open in fullscreen.~~
  • [x] ~~Mention component node.~~
  • [ ] Comment component node.

🚀 Empowering Features

[!NOTE]

Crispify is a rich-text editing component that integrates with your application. Here's what makes it exceptional:

  • 🎨 Tailwind: Produced with the tailwindcss library, it has very simple and concise styling. The addition of tailwind offers the opportunity for very seamless customization using the Ant Design design system.
  • 🚀 Ant Design: The addition of the Ant Design library gives you the opportunity to experience a rich-text editor directly integrated with your application's theme, enabling very consistent production.
  • ⌨️ Tiptap: Building on top of the Tiptap library makes it a robust and easily customizable editor.
  • 🎯 Intuitive Usage: Written with Typescript, its typing makes it intuitive to use.
  • 💡 Extensive editing: With a series of features such as adding a table, uploading an image, block editing, marks such as bold, italics and underlining, alignment, lists and other functions.ected to empower applications across various scales and domains.

🤝 Contributing

[!IMPORTANT]

Please feel more than invited to participate in the project and offer your suggestions.

  • Shape the Future: Have code enhancements or feature ideas? We invite you to propose pull requests and contribute directly to the evolution of the project.

📝 License

Copyright © 2024. This project is MIT licensed.