Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

📣 Announcing: KickStart! A next-generation form builder from the FormKit team. Going live...now 👀 Generate a form, edit it with manual controls or AI prompts, then copy and paste Vue components or schema into your project. 🔗👇

jpschroeder's profile picture

Justin Schroeder

7,647 subscribers

40,992 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungNachrichten & PolitikWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Justin Schroeder
Justin Schroedervor 1 Jahr

Get your form on now: Try it for free with your any GitHub account ❤️

Profilbild von Justin Schroeder
Justin Schroedervor 1 Jahr

Credit to @davidalexr987 for the AI architecture concepts, and @danielcroe and @leemartin who gave us the idea to have a snippets directory for people to kickstart their FormKit projects. This is a stab at our version of that vision 🙏

Profilbild von Nicolas Hedger
Nicolas Hedgervor 1 Jahr

@FormKit @vuejs mind. blown. 🤯

Profilbild von Justin Schroeder
Justin Schroedervor 1 Jahr

@FormKit @vuejs 🙏 thanks! Cant wait for you to try it

Profilbild von Chandler Sommerville
Chandler Sommervillevor 1 Jahr

@FormKit @vuejs This looks awesome!

Profilbild von Justin Schroeder
Justin Schroedervor 1 Jahr

@FormKit @vuejs Thanks! Hope it serves you well :)

Profilbild von Andrew Schmelyun
Andrew Schmelyunvor 1 Jahr

@FormKit @vuejs Woah, this is incredible! Congrats on the launch, I can't wait to use it

Profilbild von Justin Schroeder
Justin Schroedervor 1 Jahr

@FormKit @vuejs Thank you! 🙏 let us know how it goes!

Profilbild von Abdelrahman Awad
Abdelrahman Awadvor 1 Jahr

@FormKit @vuejs Nice work! Looks fantastic!

Profilbild von Israel Ortuño
Israel Ortuñovor 1 Jahr

@FormKit @vuejs This is sick! 🔥

Ähnliche Videos

Announcing AI Roadmap Generator ✨ Enter any topic and let AI generate a visual roadmap for you. You can then edit that roadmap, save it, start learning from it or share it with others. Check it out 👇
1:35

Announcing AI Roadmap Generator ✨ Enter any topic and let AI generate a visual roadmap for you. You can then edit that roadmap, save it, start learning from it or share it with others. Check it out 👇

Kamran Ahmed

94,033 Aufrufe • vor 2 Jahren

In @Magicpathai every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.
1:00

In @Magicpathai every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.

Pietro Schirano

53,079 Aufrufe • vor 1 Jahr

Two highly requested features just landed in Stitch! You can now generate custom images like logos right on the canvas and copy screens across projects. ✨ Native Image Generation: Create custom logos or hero graphics, and ask the agent to drop them directly into your UI. ✨ Copy & Paste Across Projects: Grab that perfect screen you made last week and paste it into a new project. Perfect for combining styles and merging content. Your vibe design partner just leveled up. Let’s build! 👇
0:30

Two highly requested features just landed in Stitch! You can now generate custom images like logos right on the canvas and copy screens across projects. ✨ Native Image Generation: Create custom logos or hero graphics, and ask the agent to drop them directly into your UI. ✨ Copy & Paste Across Projects: Grab that perfect screen you made last week and paste it into a new project. Perfect for combining styles and merging content. Your vibe design partner just leveled up. Let’s build! 👇

Stitch by Google

56,428 Aufrufe • vor 2 Monaten

Hell froze over: announcing FormKit for React. Secretly framework-agnostic since inception, today we’re open sourcing the most popular Vue form library…for React. Why is this a big deal? 1. Forms are still hard. We (the creators of FormKit) thought form libraries were no longer necessary, given the trajectory of coding agents. It turns out we were wrong, and we learned this the hard way. Need repeating conditional fields nested 3 layers deep inside a dynamic component, with accessibility, validation, internationalization, and backend error placement? Turns out coding agents aren’t great at that. It’s table stakes for FormKit. 2. Single component. This matters more than you would think, but FormKit doesn’t ship lots of different components each with its own props. Instead, it has a single one: and unified props. This was done to provide a better DX to human engineers. It makes it easy to spot when a given component was part of the form’s data structure vs a presentational component. It turns out this matters even more to coding agents than humans. No matter where your coding agent is, whenever it sees “FormKit” it immediately knows “oh, that’s part of the form’s data”. 3. No plumbing. FormKit doesn’t require any manual data collection, event listening, or state tracking. It does all this for you on a heavily tested, framework agnostic, self-assembling graph. The only code your agent needs to write is declarative templates and submission handlers that respond to the state. 4. Dense colocation. FormKit’s syntax happens to be ideal for coding agents; nearly everything you need to know about a given input is *on* the input: Colocation dramatically improves the efficacy of coding agents. 5. DOM. FormKit, unlike most form frameworks in React, renders the actual DOM. This also increases colocation and best practices, meaning your coding agent is far more likely to produce consistent and high-quality output that looks and acts the way its supposed to. 6. Schema. FormKit’s own inputs are not written using Vue or React — instead, FormKit has its own render schema — think of it like an AST for the DOM — and you can modify it on the fly. It’s not very human-friendly to write, but it turns out most models are already pretty well trained on FormKit’s schema. Want your inputs to look a bit different on one form than another? No problem, your coding agent can easily make those changes *without* modifying the JSX structure at all. Oh, and any inputs you create for Vue work with React and vice versa. 7. Plugins. FormKit leans into the unstructured tree graph hard. The graph doesn’t just collect data, it also passes down configuration and plugins. Want one form to work a bit differently than another one? No problem — just add a plugin to the top of that form or group and its children will all receive that feature. You can even mass assign props and configuration this way. Of course, FormKit has been solving these exact issues for a long time, but it wasn’t until we started using it on our own projects with coding agents that we realized what a huge advantage it is. With so many people using coding agents with React, it made sense to unveil FormKit for what it has always been — a completely framework-agnostic form framework that happens to unlock your coding agents. ➡️
1:00

Hell froze over: announcing FormKit for React. Secretly framework-agnostic since inception, today we’re open sourcing the most popular Vue form library…for React. Why is this a big deal? 1. Forms are still hard. We (the creators of FormKit) thought form libraries were no longer necessary, given the trajectory of coding agents. It turns out we were wrong, and we learned this the hard way. Need repeating conditional fields nested 3 layers deep inside a dynamic component, with accessibility, validation, internationalization, and backend error placement? Turns out coding agents aren’t great at that. It’s table stakes for FormKit. 2. Single component. This matters more than you would think, but FormKit doesn’t ship lots of different components each with its own props. Instead, it has a single one: and unified props. This was done to provide a better DX to human engineers. It makes it easy to spot when a given component was part of the form’s data structure vs a presentational component. It turns out this matters even more to coding agents than humans. No matter where your coding agent is, whenever it sees “FormKit” it immediately knows “oh, that’s part of the form’s data”. 3. No plumbing. FormKit doesn’t require any manual data collection, event listening, or state tracking. It does all this for you on a heavily tested, framework agnostic, self-assembling graph. The only code your agent needs to write is declarative templates and submission handlers that respond to the state. 4. Dense colocation. FormKit’s syntax happens to be ideal for coding agents; nearly everything you need to know about a given input is *on* the input: Colocation dramatically improves the efficacy of coding agents. 5. DOM. FormKit, unlike most form frameworks in React, renders the actual DOM. This also increases colocation and best practices, meaning your coding agent is far more likely to produce consistent and high-quality output that looks and acts the way its supposed to. 6. Schema. FormKit’s own inputs are not written using Vue or React — instead, FormKit has its own render schema — think of it like an AST for the DOM — and you can modify it on the fly. It’s not very human-friendly to write, but it turns out most models are already pretty well trained on FormKit’s schema. Want your inputs to look a bit different on one form than another? No problem, your coding agent can easily make those changes *without* modifying the JSX structure at all. Oh, and any inputs you create for Vue work with React and vice versa. 7. Plugins. FormKit leans into the unstructured tree graph hard. The graph doesn’t just collect data, it also passes down configuration and plugins. Want one form to work a bit differently than another one? No problem — just add a plugin to the top of that form or group and its children will all receive that feature. You can even mass assign props and configuration this way. Of course, FormKit has been solving these exact issues for a long time, but it wasn’t until we started using it on our own projects with coding agents that we realized what a huge advantage it is. With so many people using coding agents with React, it made sense to unveil FormKit for what it has always been — a completely framework-agnostic form framework that happens to unlock your coding agents. ➡️

Justin Schroeder

11,549 Aufrufe • vor 2 Monaten

CopyCoder is finally live!! Build a FULL frontend with just one screenshot 1. Screenshot any app 2. Generate prompts 3. Paste into AI builder 4. Full FE clone app is created Comment "copycoder" and I'll DM u access
1:40

CopyCoder is finally live!! Build a FULL frontend with just one screenshot 1. Screenshot any app 2. Generate prompts 3. Paste into AI builder 4. Full FE clone app is created Comment "copycoder" and I'll DM u access

Moritz Kremb

270,373 Aufrufe • vor 1 Jahr

First, fill out a form. Then fill out a form for the form. Then pay for filling it out. Or just use Kolo.
0:53

First, fill out a form. Then fill out a form for the form. Then pay for filling it out. Or just use Kolo.

Kolo💚

20,447 Aufrufe • vor 28 Tagen

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.
1:11

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

41,940 Aufrufe • vor 4 Monaten

Most AI tools generate generic text. Inkriv learns your voice. It autocompletes or ghostwrites long-form content using your tone and style, structure, with sources, pulled from docs, links, or even voice memos. 🚀 Just launched: Here’s how it works ↓
1:23

Most AI tools generate generic text. Inkriv learns your voice. It autocompletes or ghostwrites long-form content using your tone and style, structure, with sources, pulled from docs, links, or even voice memos. 🚀 Just launched: Here’s how it works ↓

Rotimi

13,743 Aufrufe • vor 1 Jahr

🎉 The wait is over! RuBotMaster is officially live! Now you can build many different types of powerful, data-rich bots in under a minute using over 100 filters. 📲 User-friendly? Absolutely! We've made it effortless and linked Telegram with Google Sheets. Just generate a template or copy a cheat sheet, paste your link back into the bot, and voilà — your bot is created. 📑 Then, sit back and watch the notifications roll in. ✏️📈 Need to tweak or optimize? You can edit your sheet at any time! 📗
0:59

🎉 The wait is over! RuBotMaster is officially live! Now you can build many different types of powerful, data-rich bots in under a minute using over 100 filters. 📲 User-friendly? Absolutely! We've made it effortless and linked Telegram with Google Sheets. Just generate a template or copy a cheat sheet, paste your link back into the bot, and voilà — your bot is created. 📑 Then, sit back and watch the notifications roll in. ✏️📈 Need to tweak or optimize? You can edit your sheet at any time! 📗

Ru

13,922 Aufrufe • vor 1 Jahr

The new novel STAR TREK: STRANGE NEW WORLDS releases one month from today — and it has assumed material form! Just unveiled the very first copy here at #Evercon in Wausau, Wisconsin. Preorder your copy or audiobook now at or your favorite bookstore!
1:46

The new novel STAR TREK: STRANGE NEW WORLDS releases one month from today — and it has assumed material form! Just unveiled the very first copy here at #Evercon in Wausau, Wisconsin. Preorder your copy or audiobook now at or your favorite bookstore!

John Jackson Miller

24,433 Aufrufe • vor 3 Jahren

AI music and visuals generated on the fly in your Tesla with Bonebeats. Fully customizable tracks. Edit the vibes with your own prompts or put it in auto-pilot and vibe out. Compatible with MIDI controllers. Live now.
1:07

AI music and visuals generated on the fly in your Tesla with Bonebeats. Fully customizable tracks. Edit the vibes with your own prompts or put it in auto-pilot and vibe out. Compatible with MIDI controllers. Live now.

bone

50,046 Aufrufe • vor 10 Monaten

Gamma is now on Claude! You can generate a presentation with Gamma directly in your Claude chat. Connect Gamma and instantly turn any conversation into something you'd share with your team or present to the world. You can also: - Connect to Gmail, Slack, or HubSpot ("turn this email into a deck") - Fully edit your presentation in Gamma for any tweaks Take that research task, strategy proposal, or project summary and turn it into a polished presentation. Think with Claude. Visualize with Gamma.
0:46

Gamma is now on Claude! You can generate a presentation with Gamma directly in your Claude chat. Connect Gamma and instantly turn any conversation into something you'd share with your team or present to the world. You can also: - Connect to Gmail, Slack, or HubSpot ("turn this email into a deck") - Fully edit your presentation in Gamma for any tweaks Take that research task, strategy proposal, or project summary and turn it into a polished presentation. Think with Claude. Visualize with Gamma.

Gamma

80,186 Aufrufe • vor 3 Monaten

In under 2 seconds, copy any TradingView indicator or backtesting strategy and instantly translate it into a Repla algorithm with 99% accuracy. Let AI improve or edit it for you. Or do the opposite create your own indicator on Repla and translate it into Pine Script within seconds!
0:49

In under 2 seconds, copy any TradingView indicator or backtesting strategy and instantly translate it into a Repla algorithm with 99% accuracy. Let AI improve or edit it for you. Or do the opposite create your own indicator on Repla and translate it into Pine Script within seconds!

Repla

40,069 Aufrufe • vor 4 Monaten

You can now generate, edit, and convert a reference image into 3D inside one tool. Tripo's Image Generation runs Nano Banana and GPT to build the reference, then turns it into a model. Text or photo in, 3D out. One pipeline, zero handoffs.
0:21

You can now generate, edit, and convert a reference image into 3D inside one tool. Tripo's Image Generation runs Nano Banana and GPT to build the reference, then turns it into a model. Text or photo in, 3D out. One pipeline, zero handoffs.

Alvaro Cintas

55,824 Aufrufe • vor 6 Tagen

Ideogram Batch Generation is here! Enhance your creative workflow by simplifying image creation at scale – no more manual adjustments or constant supervision needed. Simply upload a spreadsheet with prompts and settings to generate images in bulk. Now available for Ideogram Pro users.
0:41

Ideogram Batch Generation is here! Enhance your creative workflow by simplifying image creation at scale – no more manual adjustments or constant supervision needed. Simply upload a spreadsheet with prompts and settings to generate images in bulk. Now available for Ideogram Pro users.

Ideogram

48,293 Aufrufe • vor 1 Jahr

Form validation is hard. What if there was a Next.js form lib that does both client and server validation from one Zod schema 👀
0:43

Form validation is hard. What if there was a Next.js form lib that does both client and server validation from one Zod schema 👀

Alex Sidorenko

145,943 Aufrufe • vor 2 Jahren

Get Gemini up to speed on what matters most to you with memory import. Bring an understanding of your key preferences, relationships, and personal context directly into Gemini. Once you import these memories, Gemini will understand the same key facts you’ve shared with other AI apps, like your dietary restrictions, your sibling’s names, or where you grew up and securely save those details for your next chat. To get started: 1) Head to your Settings in Gemini and select “Import memory to Gemini.” 2) Ask your current AI: Copy our suggested prompt and paste it into your other AI app to generate a summary of your preferences and style. 3) Copy the response: Copy the personalized summary it creates for you. 4) Paste into Gemini: Go back to “Import memory to Gemini,” paste the text, and start a new chat.
0:29

Get Gemini up to speed on what matters most to you with memory import. Bring an understanding of your key preferences, relationships, and personal context directly into Gemini. Once you import these memories, Gemini will understand the same key facts you’ve shared with other AI apps, like your dietary restrictions, your sibling’s names, or where you grew up and securely save those details for your next chat. To get started: 1) Head to your Settings in Gemini and select “Import memory to Gemini.” 2) Ask your current AI: Copy our suggested prompt and paste it into your other AI app to generate a summary of your preferences and style. 3) Copy the response: Copy the personalized summary it creates for you. 4) Paste into Gemini: Go back to “Import memory to Gemini,” paste the text, and start a new chat.

Google Gemini

48,686 Aufrufe • vor 2 Monaten

IT’S TIME FELLAS.👇🏻 Fill the form out and wait for more info to come. DO NOT fill it out if you are not serious about this. Don’t waste my time or yours. Ps: if the link to the form doesn’t open, copy and paste it in your browser.
2:53

IT’S TIME FELLAS.👇🏻 Fill the form out and wait for more info to come. DO NOT fill it out if you are not serious about this. Don’t waste my time or yours. Ps: if the link to the form doesn’t open, copy and paste it in your browser.

Ian

22,221 Aufrufe • vor 5 Monaten

AI interfaces haven't evolved since GPT-3. You ask a question, get an answer, then copy-paste it into Slack, Gmail, or your docs. There's a fundamental gap between intelligence and action. Introducing Dimension. Your proactive AI co-worker that actually gets work done for you.
2:00

AI interfaces haven't evolved since GPT-3. You ask a question, get an answer, then copy-paste it into Slack, Gmail, or your docs. There's a fundamental gap between intelligence and action. Introducing Dimension. Your proactive AI co-worker that actually gets work done for you.

Tejas

3,595,988 Aufrufe • vor 7 Monaten

Use AI in every app on Mac, enriched by context from the app you're in. Generate replies in Gmail, summarise your Slack, or let GPT fill out the contents of a web form! Try it now for the best (and cheapest) way to use GPT-4!
0:47

Use AI in every app on Mac, enriched by context from the app you're in. Generate replies in Gmail, summarise your Slack, or let GPT fill out the contents of a web form! Try it now for the best (and cheapest) way to use GPT-4!

Michael Jelly 🏴‍☠️

2,550,763 Aufrufe • vor 2 Jahren