DEV Community

Cover image for Create animations with Keronote ui
Gregson Murcia Castro
Gregson Murcia Castro

Posted on

1

Create animations with Keronote ui

What We built

A simple, but fun animated canvas, with several tools and others features in web.

Category Submission:

  • Best Overall Project
  • Most Technically Impressive
  • Most Visually Pleasing
  • Best Project built using Material UI

App Link

https://deft-pithivier-b4a203.netlify.app/login

Screenshots

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Description

Dare to make the animations you imagine, choose the color you want, generate different canvases and frames to give life to your creativity. Finally, take a look at the creations of others and play to see how they turned out.

Link to Source Code

https://github.com/Media-Collab/keronoteui

Permissive License

MIT

Background (What made you decide to build this particular app? What inspired you?)

We love flipnote animations, but the main problem is you need a Nintendo DS for create those animations. So we tried to do a simple animation software having inspiration on those features from flipnote studio, but at the same time improving and adding more features like layer system and extended color palette.

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

We used refine for easily store animation information and we made a handmade canvas lib called "keronote", this project is also the frontend for that lib and use Refine hooks to finish the project in no time!

Additional Resources/Info

  • Cloudinary API Docs
  • Supabase Data Provider Docs
  • Material UI Docs

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (2)

Collapse
 
developeratul profile image
Minhazur Rahman Ratul

Hi friend,
When trying to sign up on your app, the confirmation email redirects to localhost:3000 not the production URL.

Collapse
 
gregoryinnovo profile image
Gregson Murcia Castro

Thank you, fixed!

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay