Changelog

What's New

We're excited to announce the official launch of DevFlow — a comprehensive suite of developer tools that chain together to streamline your workflow.

Core Features

• 29+ Developer Tools: JSON formatter, JWT decoder, regex tester, UUID generator, Base64 encoder, hash generator, and more
• Visual Pipeline Builder: Chain tools together with drag-and-drop interface
• AI-Powered Explanations: Tools explain complex data in plain English
• Community Features: Share and discover workflows with the community

Supported Tools

Category	Tools
Formatters	JSON, SQL, CSS, YAML
Encoders	Base64, URL, HTML
Generators	UUID, QR Code, Password, Timestamp
Decoders	JWT, JSON Web Tokens
Testers	Regex, cURL

Privacy First

All tools run entirely in your browser — no data is sent to servers unless you explicitly share it. Your data never leaves your device.

Try the tools →

What's New

We're bringing the power of AI to DevFlow with a suite of intelligent features that help you understand and fix data faster.

AI Features

• Explain: Get plain English explanations of complex data structures
• AutoFix: Automatically fix common issues in your data
• Suggest: Get intelligent suggestions based on your input

How It Works

Our AI uses Groq's Llama 3.1 model to provide fast, accurate responses. All processing happens locally in your browser — your data is never sent to external servers (except for the AI inference).

// Example: Explain a JWT token
const token = "eyJhbGciOiJIUzI1NiIs...";
const explanation = await explain(token);
// → "This is a JWT token containing:
// - Header: { alg: HS256, typ: JWT }
// - Payload: { sub: 123, name: John, iat: 1516239022 }"
// ```

### Rate Limits

| Plan | Requests/Day |
|------|------------|
| Free | 50 |
| Pro | 500 |
| Team | Unlimited |

[View pricing →](/pricing)

What's New

The Pipeline Builder is here — a revolutionary way to chain developer tools together into automated workflows.

Features

• Visual Editor: Drag-and-drop interface for creating pipelines
• Tool Chaining: Connect multiple tools in sequence
• Save & Share: Save pipelines for later or share with the community
• Import/Export: Import and export pipelines as JSON

Creating a Pipeline

1. Open the Pipeline Builder
2. Drag tools from the sidebar to the canvas
3. Connect tools by dragging between output and input ports
4. Click "Run" to execute the pipeline

Example Pipeline

[JSON Formatter] → [JSON to YAML] → [YAML Download]
     ↓               ↓
[Validate]     [Copy to Clipboard]

Starter Templates

We provide starter templates for common workflows:

• JSON ETL: Extract, Transform, Load JSON data
• API Testing: Build and test API requests
• Data Conversion: Convert between formats

Explore pipelines →

What's New

The Community feature is live! Now you can share your pipelines with the world and discover workflows created by other developers.

Features

• Explore Page: Browse popular community pipelines
• Fork: Clone any public pipeline to your account
• Upvote: Show your support for great pipelines
• Publish: Make your pipelines public for the community

How It Works

1. Create a pipeline in the Pipeline Builder
2. Click "Publish" to make it public
3. Other users can fork your pipeline or upvote it
4. Top pipelines appear on the Explore page

Community Guidelines

• Be respectful and constructive
• Share pipelines that are useful and well-documented
• Credit original creators when forking
• Follow best practices for pipeline design

Explore pipelines →

What's New

We're making DevFlow even faster with comprehensive keyboard navigation and a command palette.

Command Palette

Press ⌘K (Mac) or Ctrl+K (Windows/Linux) to open the command palette. From there you can:

• Search and navigate to any tool
• Execute actions without clicking
• Access recent tools and pipelines
• Open settings and documentation

Keyboard Shortcuts

Action	Mac	Windows/Linux
Command Palette	⌘K	Ctrl+K
Quick Tool	⌘T	Ctrl+T
New Pipeline	⌘N	Ctrl+N
Run Pipeline	⌘Enter	Ctrl+Enter
Save	⌘S	Ctrl+S
Undo	⌘Z	Ctrl+Z
Redo	⌘⇧Z	Ctrl+Shift+Z

Tool-Specific Shortcuts

Each tool may have its own keyboard shortcuts. Check the tool page for details.

View all shortcuts →

What's New

DevFlow now supports dark mode and works beautifully on all device sizes.

Dark Mode

Toggle between light and dark themes using the sun/moon icon in the navbar. Your preference is saved locally and persists across sessions.

✅ System preference detection
✅ Manual toggle in navbar
✅ Preference saved to localStorage
✅ Smooth theme transitions

Responsive Design

All tools now work seamlessly across screen sizes:

Device	Layout
Mobile	Single column, stacked inputs
Tablet	Two-column where appropriate
Desktop	Full multi-panel layouts

Accessibility

• WCAG 2.1 AA compliant
• Keyboard-navigable interfaces
• Screen reader compatible
• High contrast mode support

Performance

• Faster initial page loads
• Optimized for mobile networks
• Lazy-loaded components
• Efficient re-renders