Puffn Logo
Coming Soon

Analytics API built for developers

The analytics backend you have always wanted. No bloat, just grab your API key, send us telemetry events, and pull time based data into your favourite charting tools in light speed.

View API Docs
api-example.js
// Send an event
fetch('https://api.puffn.io/events', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-API-Key': 'your_api_key' },
body: JSON.stringify({
event: 'page_view',
properties: {
page: '/dashboard',
referrer: 'https://google.com',
user_id: '123'
}}
})
})
// Query your data
fetch('https://api.puffn.io/query', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-API-Key': 'your_api_key' },
body: JSON.stringify({
metric: 'count',
event: 'page_view',
timeframe: {
start: '2025-01-01T00:00:00Z',
end: '2025-01-31T23:59:59Z'
},
interval: 'day'
})
})
Features

Built for developers, by developers

Simple, powerful, and flexible. Puffn gives you the tools to track and analyze your data your way.

Simple REST API

Send events and query your data with a clean, intuitive REST API. Flexible time-based queries let you analyze data across any timeframe.

Bring Your Own Charts

Pull data directly into your favorite charting library. Works seamlessly with Recharts, ChartJS, D3, or any other solution you prefer.

Blazing Fast Performance

Built with Rust and powered by ClickHouse for incredible speed and efficiency. Query billions of events in milliseconds.

Integration

Integrate with your favorite tools

Puffn works with the tools you already use. No need to learn new frameworks or libraries.

React + Recharts Example
analytics-dashboard.jsx
import {useState, useEffect} from 'react';
import {BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer} from 'recharts';
// Create a secure API route in your Next.js app (app/api/analytics/route.js)
// to proxy requests to Puffn and keep your API key secure
export default function AnalyticsDashboard() {
const [data, setData] = useState([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
// Fetch data from your secure API endpoint
fetch('/api/analytics', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
metric: 'count',
event: 'page_view',
timeframe: { start: '2025-04-01', end: '2025-04-30' },
interval: 'day'
})
})
.then(res => res.json())
.then(data => {
setData(data);
setLoading(false);
})
.catch(err => {
console.error('Error fetching analytics:', err);
setLoading(false);
});
}, []);
if (loading) return <div>Loading analytics data...</div>;
return (
<div className="h-80 w-full">
<ResponsiveContainer width="100%" height="100%">
<BarChart data={data}>
<XAxis dataKey="date" />
<YAxis />
<Tooltip />
<Bar dataKey="value" fill="#FF8A3D" />
</BarChart>
</ResponsiveContainer>
</div>
);
}
Tech Stack

Built with performance in mind

Our stack is designed for speed, reliability, and scalability.

ClickHouse

Column-oriented database that enables lightning-fast analytics queries on massive datasets.

Rust

Performance-focused language that ensures memory safety without a garbage collector.

Coming Soon

Be the first to know when we launch

Join our waitlist to get early access and exclusive updates on Puffn's development.

Learn More