Cross-Platform Source Code Viewer
View Source Vibe is a powerful cross-platform source code viewer built with Flutter in collaboration with Mistral Vibe AI. It provides syntax highlighting, file browsing, and supports multiple web file formats including HTML, CSS, JavaScript, JSON, XML, and more.
View Source Vibe is designed to work seamlessly on both iOS and Android devices, offering a modern Material Design interface with comprehensive code viewing capabilities. The app leverages Mistral Vibe AI intelligence for optimized code structure and performance improvements.
- 📱 Cross-platform support for iOS and Android
- 🎨 Beautiful syntax highlighting with multiple themes
- 📁 File browsing and URL loading capabilities
- 📊 Line numbers and file information display
- 🌓 Light and dark theme support with auto-switching
- 📱 Responsive design with smooth scrolling
- 🔧 Customizable settings for font size and display
- 📤 File sharing and content management
- 🔄 Automatic horizontal scroll reset when loading files
- 🤖 AI-enhanced development with Mistral Vibe intelligence
View Source Vibe was developed through an iterative process with continuous improvements and enhancements:
- Built cross-platform foundation with Flutter
- Implemented file browsing and syntax highlighting
- Added navigation features
- Created responsive UI with Material Design
- Fixed code editor horizontal scrolling issue
- Improved AppBar background color consistency
- Enhanced theme switching and auto-detection
- Added comprehensive error handling
- Implemented proper state management
- Leveraged Mistral Vibe AI for optimized code structure and performance improvements
- Added theme pairs for automatic light/dark switching
- Implemented font size customization
- Added text wrapping toggle
- Enhanced file sharing capabilities
- Improved URL loading and validation
- Integrated Mistral Vibe AI assistance for intelligent code analysis and suggestions
Mistral Vibe AI played a pivotal role in the development of View Source Vibe, contributing significantly to:
- Intelligent code generation and optimization
- Advanced problem-solving and debugging assistance
- Architecture design and best practice implementation
- Comprehensive testing strategy development
- Performance optimization recommendations
- Implemented complex navigation flows
- Enhanced user interface and experience design
- Developed robust error handling mechanisms
- Created comprehensive documentation and summaries
- Ensured code quality and maintainability standards
Mistral Vibe AI significantly accelerated development timelines while maintaining high code quality standards. The collaboration resulted in a more robust, feature-rich application with better performance, improved user experience, and comprehensive documentation.
Built with modern Flutter framework and leveraging powerful packages:
- flutter_highlight: Syntax highlighting
- highlight: Language definitions
- file_picker: File browsing
- http: URL loading
- provider: State management
- path_provider: File system access
- re_editor: Code editor component
- shared_preferences: Settings persistence
- mistral_vibe_ai: Intelligent code analysis and development assistance
View Source Vibe supports 188+ file types with full syntax highlighting through the re_highlight package:
- HTML, HTM, XHTML (as XML)
- CSS, SCSS, SASS, LESS, Stylus
- JavaScript, TypeScript, JSX, TSX
- JSON, JSON5
- XML, XSD, XSL, SVG
- YAML, YML
- Vue, Svelte
- Markdown, AsciiDoc
- Dart, Python, Java, Kotlin, Swift
- Go, Rust, PHP, Ruby, C/C++
- C#, Scala, Haskell, Lua, Perl
- R, Bash, PowerShell, Elixir, Elm
- Clojure, Crystal, D, Erlang, F#
- Julia, Objective-C, OCaml, Prolog
- And many more (100+ languages)
- INI, Properties, TOML
- SQL, GraphQL, Dockerfile
- Makefile, CMake, GN
- Excel, CSV, XML-based formats
- Diff/Patch, Gitignore
- LaTeX, Vim, Assembly
- And many specialized formats
The app intelligently detects file types even without extensions:
- HTML, CSS, JavaScript, JSON
- YAML, Markdown, XML
- Python, Java, C++, PHP, Ruby
- SQL and other common formats
- Open files: Use the file picker to browse and open source code files
- View code: Enjoy syntax highlighting with line numbers
- Customize: Adjust theme, font size, and other settings
- Share: Share files and code snippets with others
- Auto-detect: The app automatically detects file types even without extensions =======
- Download the APK from the releases page
- Install on your Android device
- Grant necessary file permissions
- Download from the App Store (coming soon)
- Or build from source using Xcode
# Clone the repository
git clone https://github.com/woutervanwijk/viewsourcevibe.git
cd viewsourcevibe
# Install dependencies
flutter pub get
# Run the app
flutter run- Open files: Use the file picker to browse and open source code files
- View code: Enjoy syntax highlighting with line numbers
- Customize: Adjust theme, font size, and other settings
- Share: Share files and code snippets with others
© 2025 Wouter van Wijk & Mistral Vibe
All rights reserved.
This project represents a successful collaboration between human expertise and AI intelligence, demonstrating how Mistral Vibe AI can enhance and accelerate software development while maintaining the highest standards of quality and innovation.
Contributions are welcome! Please read our contributing guidelines before submitting pull requests.
For questions or support, please contact:
- Email: support@viewsourcevibe.com
- GitHub Issues: https://github.com/woutervanwijk/viewsourcevibe/issues
View Source Vibe - Your cross-platform source code viewer powered by Flutter and AI intelligence 🚀