Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

📣 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 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimHaberler & PolitikaBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Justin Schroeder profil fotoğrafı
Justin Schroeder1 yıl önce

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

Justin Schroeder profil fotoğrafı
Justin Schroeder1 yıl önce

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 🙏

Nicolas Hedger profil fotoğrafı
Nicolas Hedger1 yıl önce

@FormKit @vuejs mind. blown. 🤯

Justin Schroeder profil fotoğrafı
Justin Schroeder1 yıl önce

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

Chandler Sommerville profil fotoğrafı
Chandler Sommerville1 yıl önce

@FormKit @vuejs This looks awesome!

Justin Schroeder profil fotoğrafı
Justin Schroeder1 yıl önce

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

Andrew Schmelyun profil fotoğrafı
Andrew Schmelyun1 yıl önce

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

Justin Schroeder profil fotoğrafı
Justin Schroeder1 yıl önce

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

Abdelrahman Awad profil fotoğrafı
Abdelrahman Awad1 yıl önce

@FormKit @vuejs Nice work! Looks fantastic!

Israel Ortuño profil fotoğrafı
Israel Ortuño1 yıl önce

@FormKit @vuejs This is sick! 🔥

Benzer Videolar

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

93,984 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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,338 görüntüleme • 1 ay önce

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 görüntüleme • 2 ay önce

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,355 görüntüleme • 1 yıl önce

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 görüntüleme • 19 gün önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

🎉 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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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,023 görüntüleme • 10 ay önce

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 görüntüleme • 3 ay önce

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,274 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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,642 görüntüleme • 2 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 2 yıl önce

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,846 görüntüleme • 6 ay önce

Had some fun improving 3D AI asset generation with open source models. Now supports importing existing 3D assets with UVs to generate 4K+ textures, or creating entirely new models from prompts/input images. Free Workflows + Tutorial below 👇
0:36

Had some fun improving 3D AI asset generation with open source models. Now supports importing existing 3D assets with UVs to generate 4K+ textures, or creating entirely new models from prompts/input images. Free Workflows + Tutorial below 👇

Mickmumpitz

13,279 görüntüleme • 1 yıl önce

Oop! #Glossup and her Ex-management team crossed paths out an Atlanta Night club last night and got into a lil altercation! 👀👀👀👀👀 *** The BishGossip, LLC. does not support or condone bullying and/or violence in any form. *
0:29

Oop! #Glossup and her Ex-management team crossed paths out an Atlanta Night club last night and got into a lil altercation! 👀👀👀👀👀 *** The BishGossip, LLC. does not support or condone bullying and/or violence in any form. *

thebishgossip

1,275,025 görüntüleme • 1 yıl önce