A Fancy Frontend Editor for Fancy Frontend Folks
Tags: ai, design
Published: 2023-05-16 14:12:58

---
title: A Fancy Frontend Editor for Fancy Frontend Folks
published: true
date: 2023-05-16 00:00:00 UTC
tags: ai, design
canonical_url: https://blog.brainstory.ai/editor/
---

Last week, we launched our [markdown-first](https://contenda.co/blog/markdown) focus blocks. People asked for more frontend focused features, so we’re excited to Beta launch our Contenda Editor!

## What does it do?

Glad you asked, let’s boogey through our fancy features!

1. Drag ‘n’ Drop focus blocks

    ![Demo gif of drag 'n' drop](https://contenda.co/blogimages/DragAndDrop.gif)

    Our content model leans towards giving you _all_ the information you need, but we leave it to you to polish. That means some paragraphs might seem similar with slightly different information. Rearrange and delete to your heart’s content! If this wasn’t convincing enough, here’s a ChatGPT poem about it:

    > Verse 1: I step into the world of digital creation, Drag ‘n’ drop editors, my newfound fascination. No need for coding, no complex computation, Just my mouse and my mind in sweet collaboration.

    > Chorus: Drag ‘n’ drop, drag ‘n’ drop, it’s the future we’re embracing, Editing AI-generated content, creativity we’re chasing. No more limitations, just pure imagination, With drag ‘n’ drop editors, we’re building a new foundation.

    > Verse 2: AI-generated content, a new frontier, Creating masterpieces, with tools that are near. No need for a struggle, no need for frustration, Just the perfect blend of art and automation.

    > Bridge: From layouts to graphics, we’re breaking the mold, With AI and editors, stories are told. So join the revolution, let’s make a sensation, With drag ‘n’ drop editors, we’re changing the equation.

    > Chorus: Drag ‘n’ drop, drag ‘n’ drop, it’s the future we’re embracing, Editing AI-generated content, creativity we’re chasing. No more limitations, just pure imagination, With drag ‘n’ drop editors, we’re building a new foundation.

    > Outro: So here’s to the creators, the dreamers, the innovators, With drag ‘n’ drop editors, we’re the orchestrators. Editing AI-generated content, a magical combination, A new era of design, let’s start a celebration.

2. Images, pictures, screenshots

    ![Demo gif of images](https://contenda.co/blogimages/images.gif)

    Let’s pull all the pretty pictures from your video into your blog! We use key-frame detection + OCR to find unique text on screen. Never miss another UI screenshot or presentation slide again.

3. Outline navigation

    ![Demo gif of outline](https://contenda.co/blogimages/outline.gif)

    Can we skip to the good part? Absolutely. Look to the left and no further because our outline navigation shows you what you need to know.

4. Transcript viewing

    ![Demo gif of transcript](https://contenda.co/blogimages/transcript.gif)

    Sometimes, after a long video recording, we don’t remember everything we covered. Then someone drafts the blog for the video and we think “Wait, did I really say that?“. Instead of going back to the video, you can just pull up the timestamp transcript for any generated block! Make fact checking a breeze with transcript ease.

## That’s it!

If you’d like to learn more, please feel free [to reach out to our team on Discord](https://discord.gg/bYda4pQz2v) or [sign up for our email list](https://contenda.ck.page/96e4e60222).

We can’t wait to see what you make!