Oni

screenshot of Oni
react
less
styled-components

Oni: Modern Modal Editing - powered by Neovim

Overview

Oni is an innovative text editor designed with a focus on productivity, blending the powerful modal editing capabilities of Vim with the modern features typically found in popular code editors like VSCode, Atom, and Emacs. Whether you're a seasoned Vim user or someone seeking a more intuitive coding experience, Oni strives to facilitate a seamless transition from thought to code, making your development process efficient and enjoyable.

With its beautiful interface and a rich array of features, Oni aims to provide a unique coding environment that enhances speed and flexibility, while still catering to the needs of traditional Vim enthusiasts. If you're looking for an editor that merges robust text manipulation with IDE-like functionalities, Oni could be worth exploring.

Features

  • Embedded Browser: Directly browse the web within the editor for seamless access to documentation and resources.
  • Quick Info: Instantly retrieve context-sensitive information about your code to reduce cognitive load.
  • Code Completion: Enjoy smart code completion aids that enhance your coding speed and accuracy.
  • Syntax/Compilation Errors: Get real-time feedback with integrated syntax checks and compilation error notifications.
  • Fuzzy Finding: Quickly locate files, commands, and more with a powerful fuzzy search mechanism.
  • Status Bar: Monitor essential information about your project at a glance with a dynamic status bar.
  • Interactive Tutorial: New users can rapidly get up to speed with an intuitive, interactive tutorial feature.
  • Cross-Platform Support: Compatible with Windows, Mac, and Linux, ensuring broad accessibility for all users.

Oni continues to evolve, with more features and plugins on the horizon, making it a promising choice for developers looking to elevate their coding experience.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.