Drop-in “Special Offers” tab for any app. Adds a free personal AI assistant powered by https://kone.vc/ (an ad layer for AI tools). Features a chat-first UI, quick-question chips, and API key authentication.
Kone is an ad layer for AI tools. Our network includes 45k advertisers operating on CPA and CPC models.
We are an intent-enablement platform. This means that when a user asks something, we analyze their intent and provide relevant links. If there is no purchase intent, no ads are shown.
We operate on a revenue-sharing model. We share 70% of revenue with publishers (creators and developers).
You can track your statistics here: https://acc.kone.vc/. Register, get your API key, and start earning with AI.
| Platform | File | Install |
|---|---|---|
| React Native | react-native/src/KoneSpecialOffers.tsx |
npm |
| Flutter | flutter/lib/kone_sdk.dart |
pub.dev |
| iOS (Swift) | ios-swift/KoneSDK.swift |
Copy file |
| Android (Kotlin) | android-kotlin/KoneSDK.kt |
Copy file |
| Web / PWA | web-pwa/kone-sdk.js |
<script> tag or npm |
npm install kone-sdk-react-nativeimport { KoneSpecialOffers } from 'kone-sdk-react-native';
// Inside your tab navigator:
<Tab.Screen
name="Special Offers"
children={() => (
<KoneSpecialOffers
apiKey="YOUR_API_KEY"
/>
)}
/>Custom chips:
<KoneSpecialOffers
apiKey="YOUR_API_KEY"
accentColor="#e84c1f"
quickChips={[
{ label: '🍕 Best pizza near me', question: 'Where can I find the best pizza near me?' },
{ label: '💻 Laptop deals', question: 'What are the best laptop deals right now?' },
]}
/># pubspec.yaml
dependencies:
kone_sdk:
path: ./kone_sdk # or pub.dev once published
http: ^1.2.0
url_launcher: ^6.2.0import 'package:kone_sdk/kone_sdk.dart';
// Inside your tab bar:
BottomNavigationBar(
items: [
BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),
BottomNavigationBarItem(icon: Icon(Icons.star), label: 'Special Offers'),
],
)
// In your tab body:
KoneSpecialOffers(
config: KoneSDKConfig(
apiKey: 'YOUR_API_KEY',
accentColor: Color(0xFF5B6EF5),
),
)- Drag
KoneSDK.swiftinto your Xcode project - No CocoaPods needed — pure URLSession, no external dependencies
import UIKit
class MainTabBarController: UITabBarController {
override func viewDidLoad() {
super.viewDidLoad()
let config = KoneSDKConfig(
apiKey: "YOUR_API_KEY"
)
let offersVC = KoneSpecialOffersViewController(config: config)
viewControllers = [
makeTab(HomeViewController(), title: "Home", icon: "house"),
makeTab(offersVC, title: "Special Offers", icon: "sparkles"),
makeTab(ProfileViewController(), title: "Profile", icon: "person"),
]
}
private func makeTab(_ vc: UIViewController, title: String, icon: String) -> UIViewController {
vc.tabBarItem = UITabBarItem(title: title, image: UIImage(systemName: icon), tag: 0)
return vc
}
}- Copy
KoneSDK.ktinto your project underapp/src/main/java/vc/kone/sdk/ - Add to
build.gradle:
dependencies {
implementation 'com.squareup.okhttp3:okhttp:4.12.0'
}// In your Activity with BottomNavigationView:
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val config = KoneSDKConfig(
apiKey = "YOUR_API_KEY"
)
val offersFragment = KoneSpecialOffersFragment.newInstance(config)
// Add to bottom nav
supportFragmentManager.beginTransaction()
.replace(R.id.fragment_container, offersFragment)
.commit()
}
}Via <script> tag:
<script src="kone-sdk.js"></script>
<div id="special-offers-tab" style="height: 600px;"></div>
<script>
const { KoneSpecialOffers } = KoneSDK;
new KoneSpecialOffers({
apiKey: 'YOUR_API_KEY',
}).mount('#special-offers-tab');
</script>Via ES module / npm:
import { KoneSpecialOffers } from 'kone-sdk-web';
new KoneSpecialOffers({
apiKey: 'YOUR_API_KEY',
accentColor: '#e84c1f',
quickChips: [
{ label: '👟 Shoes deals', question: 'Where can I buy cheap shoes in the UK?' },
{ label: '🤖 Top AI tools', question: 'Recommend top AI tools for 2025' },
],
}).mount('#special-offers-tab');| Option | Type | Default | Description |
|---|---|---|---|
apiKey |
string | required | Your Kone publisher API key |
greeting |
string | built-in | Opening message shown to the user |
accentColor |
color | #5b6ef5 |
Brand color for buttons and avatar |
quickChips |
array | 4 defaults | Quick-question buttons on landing screen |
User opens "Special Offers" tab
→ Landing screen: quick-question chips + "Ask your own question"
→ User taps chip or CTA
→ Chat screen opens
→ Message sent to: POST https://go.kone.vc/mcp/sales
{ prompt, api_key, response_id? }
→ AI responds, response_id saved for conversation continuity
Register kone.vc to get your publisher API key:
→ https://acc.kone.vc/
For all question write for us: dev@kone.vc