CopilotTextarea: textarea for react with Copilot autocompletions

What it does

The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol - CopilotKit/CopilotKit

In the maker’s words, at launch

As simple as that. You can replace any <textarea> with a <CopilotTextarea &#x2F;> and get Copilot-style autocompletions. There's a GIF + demos in the Github repo. Feedback welcome & appreciated!

• 
  CopilotKit adds CopilotTextarea (built with slateJS)2023 · github.com · ▲5

  CopilotKit is comprehensive copilot infrastructure for react apps. Fully open-source. Just added CopilotTextarea - a drop-in replacement for that supports context-aware copilot-style autocompletions with any LLM&#x2F;backend. Also coming up for CopilotTextarea (VERY soon): rich text support, and cursor-style insertions&#x2F;edits.

• 
  HTML to React2024 · ▲572

  Turn a design from any website into your own

• 
  CopilotKit- Build in-app AI chatbots and AI-powered textareas2023 · github.com · ▲197

  The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol - CopilotKit/CopilotKit

• 
  CopilotTextarea: <Textarea/> W GPT Completions Like Gmail/GitHub. OSS2023 · github.com · ▲5

  `` is a drop-in `` replacement (looks identical & supports all customizations & params) w GPT completions (like in Gmail &#x2F; GitHub Copilot). It's built with slateJS and works with any OpenAI-compatible endpoint (bring your own backend). You pass it a "purpose" prompt & external context to inform completions. E.g. the demo gif[1] has a purpose of "COOL and SLICK announcement post", and was given the CopilotKit release notes as context. (super important, to make suggestions specific). Part of CopilotKit (open-source copilot&#x2F;sidekick infra). IMO it works really well. After working with…

• 
  Autocomplete React Component by PDL2022 · npmjs.com · ▲64

  Optimize Search Experiences with Autocomplete

• 
  Convert any website into a React component2024 · chromewebstore.google.com · ▲326

  Hey HN, we built a Chrome Extension (https:&#x2F;&#x2F;www.magicpatterns.com&#x2F;extension) that converts a snippet of any website to an isolated React component. Demo video: https:&#x2F;&#x2F;youtu.be&#x2F;hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors &#x2F; inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

• 
  Spira Maxima▲578

  Video model that turns script into viral social media videos

  AI · 17d ago · spira.ai

• 
  Rill Browser▲540

  The browser where Claude Code and Codex work beside you

  AI · 17d ago · rill.love

• 
  Germany's new sovereign AI model Kolibri▲424

  Kolibri is Aleph Alpha

  AI · 19d ago · tej.as

• 
  Giving Opus 5.5 a simulated paint canvas▲392

  Paintings by AI models: programs run through a simulation of oil paint.

  AI · 20d ago · stillwet.art

• 
  PixVerse R2▲381

  A real-time world model you can explore and change

  AI · 29d ago · world.pixverse.video

• 
  Hemory▲381

  Keep listening. Searchable memory for your AI agents.

  AI · 30d ago · hemory.com

• 
  Loops▲1,556

  Measure whether a campaign drove the desired outcome

  Dev tools · 2023 · loops.so

• 
  Tally 2.0▲1,479

  The simplest way to create forms for free

  Dev tools · 2023 · tally.so

• 
  Klu AI▲1,462

  Your data, unified and interactive

  AI · 2023 · klu.so

• 
  FirstHR▲1,063

  All-in-one HR platform for founders with dreams and teams

  Work · 2023 · firsthr.app

• 
  DevHunt▲945

  Open source Product Hunt for dev tools

  Dev tools · 2023 · devhunt.org

• 
  Yarnit 2.0▲918

  GenAI app to create personalized content

  AI · 2023 · yarnit.app